Πώς να δημιουργήσετε μια ιστοσελίδα που χρησιμοποιούν ελαστικά Dreamweaver
Ταχυδρομημένος στις 21 Απριλίου 2009 στις 5.05 π.μ.
Σε αντίθεση με υγρό ιστού που προσαρμόζεται αυτόματα σε έναν επισκέπτη περιηγητή πλάτος, η ελαστική διάταξη προσαρμόζει ανάλογα με το μέγεθος του browser κείμενο ρύθμιση. Σχετικά με το μέγεθος του κειμένου, η ελαστική μορφή που διατηρεί την μορφή του, ακόμα και αν το μέγεθος σας παράθυρο του browser. Είναι μια καλή επιλογή για τη διάταξη σελίδας περιεχομένου που δεν θέλετε να αυτόματα το μέγεθος σύμφωνα με το πρόγραμμα περιήγησης πλάτος.
Ένα δείγμα ελαστική σελίδα σε κανονικό μέγεθος προεπιλογή είναι κάτω:
Μια υγρή σχεδιασμού από την άλλη πλευρά θα είναι μια διάταξη πιέζονται αν ελαττώσει το πλάτος του προγράμματος περιήγησης:
Η ελαστική διάταξης από την άλλη πλευρά, θα διατηρήσει τη διάταξη το θέμα αυτό δεν το πλάτος ή το ύψος της είναι το πρόγραμμα περιήγησης.
Τώρα που έχετε δει τι θα μοιάζουν και συμπεριφέρονται θα σας δείξει πώς θα δημιουργήσει αυτό που χρησιμοποιούν Adobe Dreamweaver.
Dreamweaver είναι ένας από τους αγαπημένους μου web εργαλεία επεξεργασίας, είναι σαφώς καθορισμένα πρότυπα επιτρέπει στους χρήστες να δημιουργούν γρήγορα HTML πλαίσια και διατάξεις. Για να πραγματοποιήσετε μια ελαστική σελίδα στο Dreamweaver μόνο να δημιουργήσετε μια νέα σελίδα και στη συνέχεια κάντε κλικ στο υπόδειγμα> πρότυπο HTML:
Επιλέξτε κάποιο από τα σχέδια με ελαστική ετικέτα. Μια προεπισκόπηση θα εμφανιστεί στη δεξιά γωνία. Κάντε κλικ στο κουμπί για να δημιουργήσετε τη δημιουργία της σελίδας:
Η σελίδα δημιουργήθηκε θα εμφανιστεί στην Dreamweaver του συντάκτη:
Μου αρέσει το πώς δημιουργεί την σελίδα με δείγμα δεδομένων φορτώνονται στο κείμενο αυτό. Αυτό διευκολύνει την οπτικοποίηση ενός σχεδιαστή της σελίδας κατά τη διάρκεια της ανάπτυξης. Δείχνει ταυτόχρονα το πώς μια κεφαλίδα θα μοιάζουν και πόσο η σκέψη στοιχεία θα δούμε μια φορά να βάλετε κάποιο πραγματικό περιεχόμενο in.
Ben Carigtan σας δείχνει τον τρόπο με τον οποίο το κάνει.
»Filed under Web Site Tips
Αποθηκεύστε αυτή τη σελίδα | Ανακατέψτε μέχρι στις Mixx | |
Προσθήκη στο reddit |
Σχετικές Θέσεις
- Πώς να δημιουργήσετε μια βάση δεδομένων της Access από τα πρότυπα
- Πώς να στήσετε ένα ζωντανό πραγματικό χρόνο δημοσκοπήσεις με το Google Docs
- Επεξεργασία MS Word προεπιλεγμένο πρότυπο για να εξοικονομήσετε χρόνο και να έχουμε καλύτερη branding
- Δημιουργήστε το δικό σας φύλλο στυλ με TopStyle Lite CSS editor
- Φτιάξτε το δικό σας δικτυακό τόπο, χωρίς κανένα προγραμματισμό, χρησιμοποιώντας Roxer























Θα ήταν πολύ καλύτερα αν έδειξε το δείγμα κώδικα που δημιουργείται από το Dreamweaver, τότε απλώς θα καταλάβουν ότι χρησιμοποιεί ορισμένες βασικές CSS πράγματα που μπορούμε να τις χρησιμοποιήσετε με τη χρήση οποιουδήποτε επεξεργαστή HTML. Ευχαριστώ ούτως ή άλλως