Επεξεργασία της σελίδας 'Interests', 'Photo albums', 'Favorites'

 


Επεξεργασία της σελίδας 'Interests'


Θα σχεδιάσουμε τη δεύτερη σελίδα του project την σελίδα Interest. Αργότερα μπορείτε να προσθέσετε τις προσωπικές σας αλλαγές στην σελίδα αυτή.

Ανοίξτε την σελίδα ' Interest ' στον Editor
Επιλέξτε Open από το μενού File του Editor. Εμφανίζεται , όπως παρατηρούμε , το παράθυρο διαλόγου Open file που παρουσιάζει όλες τις σελίδες του project , από άλλα project , καθώς και άλλες σελίδες του World Wide Web.
Επιλέξτε από τη λίστα το interest.htm και πατήστε OK.

Εμφανίστηκε η σελίδα ‘ Interests ‘.

 

Προσθήκη κειμένου στην σελίδα ‘ Interest ‘
Πληκτρολογήστε ‘ Here are just some of the things I like to do in my spare time : ‘
Πατήστε το πλήκτρο Center για να κεντραριστεί το κείμενο. Ταυτόχρονα δημιουργείται ο κώδικας στη γλώσσα HTML ο οποίος και σώζεται παράλληλα με τη σελίδα.
Από το μενού Insert επιλέξτε Horizontal line . Έτσι εμφανίζεται μια οριζόντια γραμμή στη σελίδα.

 

Στη συνέχεια θα εισάγουμε μια Bulleted list στη σελίδα μας.
Επιλέξτε Bulleted list από την μπάρα εργαλείων του Editor . Αφού έχουμε εισάγει ένα theme στη σελίδα μας και η Bulleted list εμφανίζεται με αρμονικά γραφικά στη σελίδα μας.
Πληκτρολογήστε ‘ Interest 1 : This will be a description of a favorite activity or hobby . ‘ και πατήστε ENTER . Πατώντας ENTER εισάγετε καινούριο στοιχείο στη λίστα.
Πληκτρολογήστε ‘ Interest 2 : ‘ και πατήστε ENTER.
Πληκτρολογήστε ‘ Interest 3 : ‘ και πατήστε ENTER 2 φορές.

Μπορείτε να χρησιμοποιήσετε τις επιλογές Copy , Paste κ.α. που έχουμε συνηθίσει χρησιμοποιώντας τα Windows.

Αντιγράψτε την πρώτη πρόταση και στις άλλες δυο και σώστε τη σελίδα.

 

 

Επεξεργασία της σελίδας ‘Photo albums’


Στην σελίδα αυτή εισάγετε δυο εικόνες , μια το ηλιοβασίλεμα και μια με τον ουρανό μιας πόλης.

¶νοιγμα σελίδας
Επιλέξτε Open από το μενού file , το παράθυρο διαλόγου Open εμφανίζεται στην οθόνη.
Επιλέξτε το αρχείο photo.htm και πατήστε OK.

 

Εισαγωγή φορμαρισμένου κειμένου
Πληκτρολογήστε ‘Here are two cool photographs that came with the Frontpage Clip Gallery.
Κεντράρετε την πρόταση.
Από το μενού Insert επιλέξτε Horizontal line.
Πατήστε ENTER.

 

Εισαγωγή εικόνας
Από το μενού Insert , επιλέξτε Image . Εμφανίζεται το παράθυρο διαλόγου Image με το οποίο μπορείτε να εισάγετε εικόνα που βρίσκεται στο δίσκο , από το Clip Gallery του Frontpage καθώς και κάποια εικόνα από κάποιον άλλο Web server.
Επιλέξτε File από το παράθυρο διαλόγου.
Αυτή η επιλογή δίνει τη δυνατότητα να επιλέξουμε κάποιο αρχείο εικόνας. Εμείς επιλέγουμε το αρχείο sunset.gif.
Στο Select File παράθυρο διαλόγου πληκτρολογούμε C :\ Program Files \ Microsoft FrontPage \ tutorial ( αν η εγκατάσταση έχει γίνει στο directory C :\ Program Files \ , διαφορετικά επιλέγουμε την αντίστοιχη διαδρομή.
Από τα αρχεία επιλέγουμε το sunset.gif πατάμε OK.
Πατάμε ENTER.

Στη συνέχεια ακολουθώντας τα ίδια βήματα ανοίγουμε την εικόνα city.gif που βρίσκεται στον κατάλογο C :\ Program Files \ Microsoft FrontPage \ tutorial \ folder . Στη συνέχεια σώζουμε ότι έχουμε κάνει ως τώρα , πατώντας το πλήκτρο Save . Πατάμε OK όταν ανοίξει το παράθυρο διαλόγου με προτροπή Save Embedded Files.

 

 

Επεξεργασία της σελίδας ‘Favorites’


Η τέταρτη σελίδα του site μας είναι η σελίδα Favorites που θα αποτελείτε με συνδέσεις (Hyperlinks) που παραπέμπουν σε άλλο site στο World Wide Web . Αφού ολοκληρώσουμε την εκμάθηση μπορείτε να πραγματοποιήσετε όποιες αλλαγές θέλετε και να παραπέμψετε στα αγαπημένα σας sites.

Ανοίξτε την σελίδα ‘Favorites’

Εισάγετε κείμενο στη σελίδα αυτή ( Here is a list of my favorite sites on the World Wide Web )

 

Εισαγωγή συνδέσεων

Η σύνδεση είναι ένας δείκτης από κείμενο ή από μια εικόνα που δείχνει σε μια σελίδα ή σε ένα αρχείο στο World Wide Web . Είναι το πιο ισχυρό εργαλείο για επικοινωνία μεταξύ διαφόρων sites.
Πληκτρολογήστε The Microsoft Network και πατήστε ENTER.
Επιλέξτε όλη τη φράση.
Από το μενού Insert επιλέξτε Hyperlink . Ανοίγει το αντίστοιχο παράθυρο διαλόγου στο οποίο μπορούμε να επιλέξουμε στο site που θα δείχνει η σύνδεση . Αυτό το site μπορεί να είναι οπουδήποτε στο World Wide Web . Μπορούμε να δημιουργήσουμε και e-mail hyperlink ( θα το μελετήσουμε εκτενέστερα στο μάθημα 2 ).
Στο URL πληκτρολογήστε ‘ http://www.msn.com ’ και πατήστε ENTER . Το http αντιστοιχεί στο Hypertext Transport Protocol . Είναι πρωτόκολλο του Internet που καθιστά δυνατή την επικοινωνία στο Internet.
Πατήστε το κάτω βελάκι . Όπως παρατηρούμε το πληκτρολογημένο κείμενο άλλαξε χρώμα και οι λέξεις είναι υπογραμμισμένες . Όταν μια τέτοια λέξη αναπαρίσταται στο Word Wide Web κάνοντας κλικ πάνω της θα ανοίξει η home page της Microsoft . Η εμφάνιση και τα χρώματα της σύνδεσης εξαρτώνται από το theme που επιλέξαμε προηγούμενα .

 

Εισαγωγή αυτόματων συνδέσεων
Στην σελίδα ‘Favorites’ πληκτρολογήστε ‘http:// www.yahoo.com’ και πατήστε ENTER . Yahoo είναι μια δημοφιλής υπηρεσία του Internet που παρέχει πληροφορίες πάνω στο World Wide Web . Όταν πατήσουμε ENTER παρατηρούμε ότι η φράση όπως και προηγουμένως αλλάζει χρώμα και υπογραμμίζεται.

Το FrontPage ως μέλος της οικογένειας των προϊόντων Office97 υποστηρίζει την αυτόματη δημιουργία συνδέσεων .Αν το URL δεν είναι κομψό μπορούμε στη συνέχεια , αφού δηλαδή έχει δημιουργηθεί η σύνδεση , να αλλάξουμε τη φράση και να την αντικαταστήσουμε με μια άλλη χωρίς να διαγράψουμε τη σύνδεση.
Επιλέξτε ολόκληρη τη φράση.
Πληκτρολογήστε ‘Yahoo!’ , αντικαθιστώντας το προηγούμενο κείμενο . Η σύνδεση πάλι αντιστοιχεί στο ίδιο site αλλά με άλλο όνομα . Τώρα είμαστε σε θέση να δημιουργήσουμε σύνδεση με οποιοδήποτε κόμβο του World Wide Web.

 

Εισαγωγή αυτόματων συνδέσεων
Πατήστε το κάτω βελάκι για να δημιουργηθεί ο απαιτούμενος χώρος.
Πληκτρολογήστε ‘ Microsoft FrontPage ’ και ENTER.
Επιλέξτε τη φράση που μόλις πληκτρολογήσατε.
Από το μενού insert επιλέξτε Hyperlink . Εμφανίζεται το αντίστοιχο παράθυρο διαλόγου.
Στο παράθυρο αυτό πατήστε το πλήκτρο World Wide Web . Έτσι ενεργοποιούμε τον World Wide Web Browser.
Στο πεδίο address πληκτρολογήστε ‘http://www.microsoft.com/frontpage’ και στη συνέχεια πατήστε ENTER.
Πατήστε Alt + TAB για να επανέλθουμε στο Create Hyperlink παράθυρο διαλόγου . Έχει εισαχθεί αυτόματα όπως παρατηρούμε το όνομα του site που επιλέξαμε προηγούμενα στο πεδίο URL.
Πατήστε OK.
Πατήστε το κάτω βελάκι για να ακυρώσετε την επιλογή του κειμένου . Όπως παρατηρούμε πάλι η φράση έχει υπογραμμιστεί και έχει αλλάξει χρώμα.
Σώστε τη σελίδα όπως έχει αυτή διαμορφωθεί.

 

 
 
     

Αρχή σελίδας
 
(c) 2001 created by Magnet Internet Services