Τα Layouts και Themes στο Visual InterDev 6.0
χρησιμοποιούνται για την εφαρμογή στοιχείων
όπως Backgrounds, εικόνων, κτλ καθώς και πλήκτρων
πλοήγησης, απο μια σελίδα ως όλο το site. Η χρήση
τους είναι παρόμοια με αυτή των αντίστοιχων Themes
στο FrontPage. Σε αυτή την ενότητα θα δούμε πως
γίνεται η εφαρμογή κάποιου Theme στο site.
- Κάντε διπλό click στη σελίδα Customers
ώστε να ανοιχτεί το παράθυρο σχεδίασης (Design View).
Κάντε click στο πλήκτρο Design ώστε να
ανοιχτεί ο WYSIWYG Designer. Η σελίδα έχει πέντε πλήκτρα
πλοήγησης DTC (Design Time Controls). Οι συνδέσεις των
πλήκτρων έχουν γίνει αυτόματα (βλέπε σχήμα).
- Κάντε click σε ένα απο τα DTC πλήκτρα για
να το επιλέξτετε. Κάντε δεξί click ώστε να
εμφανιστεί το παράθυρο με τις ιδιότητες (Property
sheet). Με αυτό τον τρόπο, μπορεί να καθοριστεί η
πλοήγηση. Πατήστε το cancel.
- Σώστε τη σελίδα.
- Απο το μενού, επιλέξτε View => View In
Browser. Η σελίδα είναι εντελώς απλή, αλλά όλα τα
στοιχεία πλοήγησης είναι λειτουργικά.
- Επιστρέψτε στο Visual InterDev, και επιλέξτε
το παράθυρο Site Diagram. Κάντε δεξί click στη σελίδα
Customers και επιλέξτε Apply Theme and Layout
- Στο πλήκτρο Theme, επιλέξτε Apply
Theme και επιλέξτε ένα όπως π.χ το Nature.
- Επιλέξτε το πλήκτρο Layout. Εδώ
η πλοήγηση μπορεί να καθοριστεί με ένα πλήθος
επιλογών. Καθώς όμως έχουμε ήδη απο το Βήμα 1
δημιουργήσει ένα απλό layout, επιλέξτε το πλήκτρο Preserve
current layout
- Κάντε click στο OK. Το Visual InterDev
θα εφαρμόσει το Τheme που έχετε επιλέξει.
- Κάντε δεξί click στη σελίδα Customers και
επιλέξτε View in Browser, για να δείτε τις
αλλαγές.
- Κλείστε το Site Diagram.
|