Adobe CS5 Dreamweaver Βασικά στοιχεία του Dreamweaver - ανδρείκελα

Δημιουργία ιστοσελίδας στο Adobe Creative Suite 5 (Adobe CS5) Το Dreamweaver είναι μια απλή εργασία. Η κατανόηση της βασικής HTML που δημιουργεί απαιτεί μια μικρή εξήγηση. Η ιστοσελίδα μπορεί να είναι τόσο περίπλοκη ή απλή όσο θέλετε και οι δύο τύποι είναι εξίσου αποτελεσματικοί εάν δημιουργηθούν σωστά.

Το Dreamweaver λειτουργεί στο παρασκήνιο για να διασφαλίσει ότι η νέα σελίδα σας λειτουργεί στις περισσότερες πρόσφατες εκδόσεις των κοινών περιηγητών ιστού, όπως το Firefox, ο Internet Explorer και το Safari. Πολλοί κώδικες δημιουργούνται για να βοηθήσουν το πρόγραμμα περιήγησης στο Web να αναγνωρίσει ότι αυτό είναι HTML και ποια έκδοση HTML χρησιμοποιεί.

Από προεπιλογή, το Dreamweaver χρησιμοποιεί το πρότυπο XHTML 1. 0 Transitional κάθε φορά που δημιουργείτε μια νέα σελίδα HTML. Το XHTML συνδυάζει την αυστηρότητα της XML (Extensible Markup Language) με τις ετικέτες HTML για να δημιουργήσει μια γλώσσα που λειτουργεί αξιόπιστα και σταθερά σε προγράμματα περιήγησης ιστού και σε νέες συσκευές (όπως κινητά τηλέφωνα και PDA).

1. Για να δημιουργήσετε μια κενή σελίδα, επιλέξτε Αρχείο → Νέα → Κενή σελίδα → HTML → και στη συνέχεια κάντε κλικ στην επιλογή Δημιουργία.

   Εμφανίζεται μια κενή σελίδα χωρίς HTML. Δεν έχει μορφοποίηση μέχρι να προσθέσετε πίνακες ή στρώματα.

2. Πληκτρολογήστε κάποιο κείμενο (για παράδειγμα, το όνομά σας) στη σελίδα και κάντε κλικ στο κουμπί Κωδικός στη γραμμή εργαλείων "Έγγραφο".

   Όταν πληκτρολογείτε στη σελίδα του εγγράφου, στην ιστοσελίδα εμφανίζεται κείμενο. Αλλά υπάρχουν πολλά περισσότερα από αυτό.

3. Επιλέξτε την προβολή "Διαίρεση" κάνοντας κλικ στο κουμπί "Διαίρεση" στη γραμμή εργαλείων "Έγγραφα".

   Αυτή η ενέργεια εμφανίζει ταυτόχρονα τις προβολές Design και Code, έτσι ώστε να μπορείτε να δείτε πώς οι αλλαγές σας επηρεάζουν το HTML πίσω από τις σκηνές.

   

   Η λειτουργία στην προβολή "Διαίρεση" σάς βοηθά να δείτε πώς δημιουργούνται και μορφοποιούνται τα στοιχεία της σελίδας σας με ετικέτες HTML.

4. Επιλέξτε το κείμενο.

5. Επιλέξτε την επιλογή Κείμενο από την αναπτυσσόμενη λίστα Κοινή στο πλαίσιο Εισαγωγή.

   Ας υποθέσουμε ότι στη συνέχεια επιλέγετε B (για έντονα γράμματα) για έντονη γραφή του επιλεγμένου κειμένου. Στην προβολή κώδικα της σελίδας σας, θα δείτε ότι η ετικέτα προστέθηκε πριν από το κείμενο και η ετικέτα προστέθηκε μετά το κείμενο.

Μπορείτε να αλλάξετε τον προσανατολισμό και τη ρύθμιση των προβολών στη λειτουργία Split View. Για να αλλάξετε την προβολή σχεδίασης από τα δεξιά προς τα αριστερά, επιλέξτε Προβολή → Προβολή σχεδίασης στην αριστερή πλευρά. Για να ρυθμίσετε τις προβολές κάθετα, επιλέξτε Προβολή → Διαχωρίστε κάθετα. Σημείωση: Μπορείτε να αντιστρέψετε αυτές τις επιλογές εξίσου εύκολα με τις ίδιες επιλογές στο μενού Προβολή.