Κυριακή 30 Δεκεμβρίου 2012

DreamWeaver Μέρος Β:Δημιουργία website

Αρχικά, ο χρήστης θα πρέπει να αποφασίσει το περιεχόμενο της σελίδας που θέλει να αναπτύξει, το κοινό στο οποίο θα απευθύνεται, την γενικότερη εικόνα που θα έχει καθώς επίσης και τον τρόπο κίνησης των επισκεπτών σ’αυτό (μέσω μπάρας πλοήγησης, απλών συνδέσμων, κτλ). Αυτό το κομμάτι σχεδιασμού του website είναι ιδιαίτερα χρήσιμο καθώς ορίζει σε ένα πρώιμο στάδιο το website και γλιτώνει τον σχεδιαστή του από περιττό κόπο και σκέψη.

Δραστηριότητα

Ας ξεκινήσουμε τώρα να δημιουργήσουμε ένα καινούργιο website στο Dreamweaver. Θα ορίσουμε δηλαδή αρχικά τα απαραίτητα στοιχεία τα οποία χρειάζονται έτσι ώστε να αρχίσουμε την δημιουργία και επεξεργασία των ιστοσελίδων μας.

Απάντηση

1. Ξεκινήστε το Dreamweaver 8 είτε μέσω του Start > All Programs >Macromedia > Macromedia Dreamweaver 8, είτε από το εικονίδιο της επιφάνειας εργασίας, το οποίο δημιουργείται από το ίδιο το πρόγραμμα κατά την διάρκεια εγκατάστασης του για πρώτη φορά.

2. Δημιουργήστε ένα website επιλέγοντας Sites > New Site από την πάνω μπάρα. Από τηνκαρτέλα Advanced ( προχωρημένη) ορίστε ως όνομα του site σας (site name) το «Το πρώτο μου site με το Dreamweaver!».

3. Σε αυτό το σημείο θα πρέπει να ορίσετε, (1) τον τίτλο του website, (2) τον τοπικό φάκελο στον οποίο θα αποθηκεύονται όλα τα αρχεία σχετικά με το website και (3) τις πληροφορίες οι οποίες έχουν να κάνουν με τον τρόπο Upload (δημοσίευση) του website.
4. Επίσης, απαραίτητο είναι να οριστεί και το όνομα της αρχικής σελίδας του website, κάτι το οποίο καθορίζεται από τον διαχειριστή δικτύου (network administrator). Τα πιο συνηθισμένα ονόματα είναι τα index.html ή home.html. Για την περαιτέρω αλλαγή αυτών των στοιχείων, μπορείτε να πάτε στο Sites > Manage Sites και να αλλάξετε τις ήδη αποθηκευμένες πληροφορίες.
5. Ως φάκελο αποθήκευσης (Local root folder) δηλώστε κάποιον φάκελο στον Η/Υ σας , ορίστε την επιλογή «Links Relative» σε «To site Root» και πατήστε ΟΚ. Πλέον έχετε κάνει την αρχή για να φτιάξετε τον πλήρη διαδικτυακό σας χώρο !

Δημιουργία και Αποθήκευση Νέων Σελίδων 

 Για να δημιουργήσετε μια καινούργια σελίδα επιλέγετε File > New και από εκεί μπορείτε να διαλέξετε από ένα πλήθος έτοιμων προτύπων (templates). Τα πρότυπα έχουν τοποθετημένα από πριν κάποια στοιχεία στις ιστοσελίδες (όπως εικόνες,κείμενα, μπάρες πλοήγησης που επιτρέπουν την μετάβαση από μια σελίδα σε μια άλλη με τον συνδυασμό εικόνων και σύνδεσμων, κτλ) και σας διευκολύνουν πάρα πολύ στην εργασία σας αν δεν θέλετε να ξεκινήσετε εντελώς από μηδενική βάση. Στο δικό μας παράδειγμα θα δημιουργήσουμε μια απλή σελίδα στην οποία θα εισάγουμε εμείς όλα τα αντικείμενα, όποτε επιλέξτε Basic Page από το Category και HTML από το Basic Page και μετά πατήστε Create.

Αφού δημιουργήσετε την σελίδα και προτού προσθέσετε οποιοδήποτε περιεχόμενο σ’αυτήν, ορίστε τον τίτλο της και σώστε την. Ο τίτλος καλό θα είναι να είναι ενδεικτικός του περιεχομένου της συγκεκριμένης σελίδας, ενώ κατά την αποθήκευση της σελίδας, δώστε προσοχή ώστε :
  • Τα ονόματα των αρχείων να μην έχουν κενά ανάμεσα τους
  • Να χρησιμοποιείτε μόνο αριθμούς, γράμματα, παύλες(-) και underscores (_) για την ονοματολογία των αρχείων.
  • Πάντα να ορίζετε και την κατάληξη τους, δηλαδή .htm ή .html

Άσκηση

Δημιουργήστε 4 σελίδες (επιλέγοντας 4 φορές File > New και στην συνέχεια Basic Page και μετά HTML) για το site σας με ονόματα index.html, profile.html, page1.html και page2.html.