Διαχείριση δυναμικού site με Layouts και Τhemes
Τα Layouts και Themes στο Visual InterDev 6.0 χρησιμοποιούνται για την εφαρμογή στοιχείων όπως Backgrounds, εικόνων, κτλ καθώς και πλήκτρων πλοήγησης, απο μια σελίδα ως όλο το site. Η χρήση τους είναι παρόμοια με αυτή των αντίστοιχων Themes στο FrontPage. Σε αυτή την ενότητα θα δούμε πως γίνεται η εφαρμογή κάποιου Theme στο site.
  1. Κάντε διπλό click στη σελίδα Customers ώστε να ανοιχτεί το παράθυρο σχεδίασης (Design View). Κάντε click στο πλήκτρο Design ώστε να ανοιχτεί ο WYSIWYG Designer. Η σελίδα έχει πέντε πλήκτρα πλοήγησης DTC (Design Time Controls). Οι συνδέσεις των πλήκτρων έχουν γίνει αυτόματα (βλέπε σχήμα).

sxima6.jpg (9821 bytes)

  1. Κάντε click σε ένα απο τα DTC πλήκτρα για να το επιλέξτετε. Κάντε δεξί click ώστε να εμφανιστεί το παράθυρο με τις ιδιότητες (Property sheet). Με αυτό τον τρόπο, μπορεί να καθοριστεί η πλοήγηση. Πατήστε το cancel.

sxima7.jpg (13353 bytes)

  1. Σώστε τη σελίδα.
  2. Απο το μενού, επιλέξτε View => View In Browser. Η σελίδα είναι εντελώς απλή, αλλά όλα τα στοιχεία πλοήγησης είναι λειτουργικά.
  3. Επιστρέψτε στο Visual InterDev, και επιλέξτε το παράθυρο Site Diagram. Κάντε δεξί click στη σελίδα Customers και επιλέξτε Apply Theme and Layout

sxima8.jpg (20212 bytes)

  1. Στο πλήκτρο Theme, επιλέξτε Apply Theme και επιλέξτε ένα όπως π.χ το Nature.
  2. Επιλέξτε το πλήκτρο Layout. Εδώ η πλοήγηση μπορεί να καθοριστεί με ένα πλήθος επιλογών. Καθώς όμως έχουμε ήδη απο το Βήμα 1 δημιουργήσει ένα απλό layout, επιλέξτε το πλήκτρο Preserve current layout
  3. Κάντε click στο OK. Το Visual InterDev θα εφαρμόσει το Τheme που έχετε επιλέξει.
  4. Κάντε δεξί click στη σελίδα Customers και επιλέξτε View in Browser, για να δείτε τις αλλαγές.
  5. Κλείστε το Site Diagram.

ΕΠΙΣΤΡΟΦΗ