Κέντρο πληροφοριών

Χρήση προσαρμοσμένων προτύπων HTML

Για τη δημιουργία των αρχείων HTML, ο Οδηγός υλοποίησης χρησιμοποιεί ένα προεπιλεγμένο βασικό πρότυπο που εγκαθίσταται με το προϊόν Host On-Demand. Αν θέλετε να αλλάξετε την εμφάνιση των ιστοσελίδων σας, μπορείτε να ορίσετε τη χρήση ενός εναλλακτικού προτύπου από τον Οδηγό υλοποίησης ή μπορείτε να τροποποιήσετε το προεπιλεγμένο πρότυπο.

Το προεπιλεγμένο πρότυπο που χρησιμοποιείται από τον Οδηγό υλοποίησης ονομάζεται Wizard.html. Αν ο Οδηγός υλοποίησης εγκαταστάθηκε στα πλαίσια της εγκατάστασης του Host On-Demand, αυτό το αρχείο βρίσκεται στον κατάλογο δημοσίευσης C:\Program Files\IBM\HostOnDemand\HOD του Host On-Demand. Αν ο Οδηγός υλοποίησης εγκαταστάθηκε χωριστά, η προεπιλεγμένη θέση αυτού του αρχείου είναι C:\Program Files\IBM\Deployment Wizard. Περιέχει τα στοιχειώδη προσδιοριστικά HTML για τη διαμόρφωση των πληροφοριών, ορισμένoυς δείκτες για χρήση από το Host On-Demand, και κάποιες πληροφορίες σχετικά με την εμφάνιση της ιστοσελίδας, όπως το φόντο και η κεφαλίδα (banner).

Με την εξαίρεση των προσδιοριστικών διαμόρφωσης HTML και των δεικτών του Host On-Demand, μπορείτε να τροποποιήσετε το πρότυπο με οποιονδήποτε τρόπο θέλετε. Για παράδειγμα, μπορείτε να ορίσετε ένα νέο φόντο, νέες εικόνες, νέο κείμενο ή μια νέα κεφαλίδα, να ορίσετε φόρμες ή να προσθέσετε κώδικα JavaScript. Τα στοιχεία που προσθέτετε στο πρότυπο θα προστίθενται σε όλα τα αρχεία HTML που θα δημιουργούνται από τον Οδηγό υλοποίησης με χρήση του συγκεκριμένου προτύπου.

Μπορείτε είτε να τροποποιήσετε το πρότυπο Wizard.html ώστε να εφαρμόζονται οι αλλαγές σας σε όλες τις σελίδες που θα δημιουργούνται ή θα τροποποιούνται με τον Οδηγό υλοποίησης, είτε να δημιουργήσετε ένα εναλλακτικό πρότυπο το οποίο μπορείτε να εφαρμόσετε επιλεκτικά σε συγκεκριμένες σελίδες που δημιουργείτε με τον Οδηγό υλοποίησης.

Παρακάτω συνοψίζονται τα απαραίτητα βήματα για τη δημιουργία και την εφαρμογή προσαρμοσμένων προτύπων:

Δημιουργία προσαρμοσμένου προτύπου HTML

  1. Πριν τροποποιήσετε το προεπιλεγμένο πρότυπο, Wizard.html, δημιουργήστε πρώτα ένα εφεδρικό αντίγραφο του αρχείου (για παράδειγμα, Wizard.htmlbak). Εναλλακτικά μπορείτε να δημιουργήσετε ένα αντίγραφο του αρχείου Wizard.html και να τροποποιήσετε το αντίγραφο.
  2. Τροποποιήστε το πρότυπο χρησιμοποιώντας έναν επεξεργαστή κειμένου HTML που υποστηρίζει το UTF-8. Κατά την τροποποίηση του αρχείου, μην αφαιρέσετε τους ακόλουθες προτάσεις του Host On-Demand: <!--SUMMARY--><!--SCRIPTS--><!--APPLET--><!--STARTAPPLETPARMS--><!--ENDAPPLETPARMS--> Το Host On-Demand χρησιμοποιεί αυτές τις προτάσεις για τον προσδιορισμό του σημείων όπου θα εμφανίζονται διάφορες πληροφορίες εξόδου.

    Τα προσδιοριστικά STARTAPPLETPARMS και ENDAPPLETPARMS επιτρέπουν την προσθήκη παραμέτρων HTML στο πρότυπο. Όλοι οι ορισμοί μεταξύ αυτών των δύο προσδιοριστικών θα τοποθετηθούν στην ενότητα APPLET του Host On-Demand στο αρχείο HTML που θα δημιουργηθεί.

    Παρακάτω παρατίθεται ένα δείγμα του προεπιλεγμένου προτύπου Wizard.html.

  3. Αποθηκεύστε το αρχείο ως ιστοσελίδα με κωδικοποίηση χαρακτήρων UTF-8.

    Δείγμα προεπιλεγμένου προτύπου Wizard.html:

    <!doctype html public "-//W3C//DTD HTML 3.2 Final//EN"> 
    <HTML>
    <HEAD>
    <meta HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8">
    <!-- SUMMARY -->
    </HEAD>
    
    <BODY BACKGROUND="hodbkgnd.gif">
    <CENTER>
    <IMG src="hodlogo.gif" ALT="hodlogo.gif">
    <P>
    
    <!-- STARTAPPLETPARMS -->
    <!-- ENDAPPLETPARMS -->
    
    <!-- SCRIPTS -->
    <!-- APPLET -->
    
    </CENTER>
    </BODY>
    </HTML>
    
Επειδή η υποστήριξη λογισμικού πελάτη τοπικής αποθήκευσης του Host On-Demand χρησιμοποιεί ένα window onLoad event handler, δεν μπορείτε να χρησιμοποιήσετε ένα onLoad event handler στο προσδιοριστικό </BODY>. Η παρουσία και των δύο ενδέχεται να προκαλέσει προβλήματα στο πρόγραμμα πλοήγησης. Για πελάτες μεταφόρτωσης, δεν χρησιμοποιείται το window onLoad event handler. Για το λόγο αυτό μπορεί να χρησιμοποιηθεί ένα onLoad event handler στο προσδιοριστικό </BODY>. Σε όλες τις περιπτώσεις μπορεί να χρησιμοποιηθεί ένα διαφορετικό window onLoad event handler.

Εφαρμογή του προσαρμοσμένου προτύπου HTML

Αφού τροποποιήσετε το αρχείο Wizard.html, βεβαιωθείτε ότι το όνομα του αρχείου εξακολουθεί να είναι Wizard.html. Το προσαρμοσμένο πρότυπο θα εφαρμόζεται σε όλες τις σελίδες που θα δημιουργούνται ή θα τροποποιούνται με τον Οδηγό υλοποίησης (χωρίς να είναι απαραίτητο να ορίσετε τη χρήση του συγκεκριμένου προτύπου).

Αν θέλετε να εφαρμόσετε ένα διαφορετικό προσαρμοσμένο πρότυπο σε μια συγκεκριμένη σελίδα που δημιουργείτε με τον Οδηγό υλοποίησης, εκτελέστε τα ακόλουθα βήματα:

  1. Ξεκινήστε τον Οδηγό υλοποίησης και επιλέξτε είτε την τροποποίηση μιας υπάρχουσας ιστοσελίδας είτε τη δημιουργία μιας νέας ιστοσελίδας.
  2. Μεταβείτε στο παράθυρο Πρόσθετες επιλογές του Οδηγού υλοποίησης και πατήστε το κουμπί Ειδικές επιλογές.
  3. Στο παράθυρο Ειδικές επιλογές, επιλέξτε Πρότυπα HTML.
  4. Στο πεδίο Πρότυπο HTML, γράψτε το πλήρες όνομα του νέου προτύπου ή πατήστε το κουμπί Αναζήτηση για να επιλέξετε το πρότυπο από τη διακλάδωση καταλόγων.
  5. Αφού επιλέξετε το πρότυπο, πατήστε ΟΚ για να κλείσετε το παράθυρο Ειδικές επιλογές.
  6. Αποθηκεύστε την ιστοσελίδα και κλείστε τον Οδηγό υλοποίησης. Ο Οδηγός υλοποίησης θα θυμάται το πρότυπο για αυτή την ιστοσελίδα και θα το χρησιμοποιεί σε όλες τις επακόλουθες διαδικασίες ενημέρωσης.

Επόμενες διαδικασίες ενημέρωσης του προσαρμοσμένου προτύπου

Αν τροποποιήσετε το πρότυπο μετά τη δημιουργία του αρχείου HTML με τον Οδηγό υλοποίησης, θα πρέπει να αναδημιουργήσετε τον κώδικα HTML ώστε να εφαρμοστούν οι αλλαγές που κάνατε στο πρότυπο. Το πρότυπο χρησιμοποιείται μόνο κατά τη δημιουργία του κώδικα HTML. Για να αναδημιουργήσετε το αρχείο HTML, ανοίξτε το από τον Οδηγό υλοποίησης, μεταβείτε στην τελευταία σελίδα του Οδηγού και πατήστε το κουμπί Δημιουργία αρχείου(-ων).