Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 4

Transcript

1 Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 4 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ. Υπολογιστών, Msc 1. Στόχοι Στόχοι του εργαστηρίου είναι η δημιουργία λιστών σε μια σελίδα HTML. Προκειμένου να επιτευχθούν οι στόχοι του εργαστηρίου, αρχικά θα παρουσιαστούν παραδείγματα σελίδων και στη συνέχεια θα ζητηθεί από τους φοιτητές να πραγματοποιήσουν κάποιες αλλαγές στις σελίδες αυτές, καθώς επίσης να κατασκευάσουν απλές σελίδες. 2. Λίστες Τις λίστες μπορούμε να τις διαχωρίσουμε σε τρεις κατηγορίες: η πρώτη κατηγορία είναι οι μη αριθμημένες λίστες, η δεύτερη κατηγορία είναι οι αριθμημένες λίστες και η τελευταία κατηγορία είναι αυτή που συνδυάζει τις δύο παραπάνω (λίστα μέσα σε λίστα) σε οποιονδήποτε συνδυασμό. Μας δίνετε η δυνατότητα, επίσης, να χρησιμοποιούμε διαφορετικούς τύπους για την εμφάνιση όλων των παραπάνω κατηγοριών που έχουν αναφερθεί. Ακολουθούν ορισμένα παραδείγματα: Γλώσσες προγραμματισμού: Βάσεις Δεδομένων: 1. Sun Microsystems Tcl / Tk 1. Mysql MySql C++ 2. Oracle OpenSolaris Java 3. Sybase 2. Microsoft Μη αριθμημένη λίστα Αριθμημένη λίστα Microsoft SQL Visual Fox Pro Λίστα μέσα σε λίστα 3. Μη αριθμημένη λίστα i. Αντιγράψτε τον κώδικα της σελίδας page4a.html, ο οποίος βρίσκεται στην σελίδα του 4 ου εργαστηρίου και επικολλήστε τον στο Notepad++ αφού δημιουργήσετε νέο αρχείο: <H4> Μη αριθμημένη λίστα (Unordered List): </H4> <LI> Kινητά τηλέφωνα <LI> PDAs <LI> Φωτογραφικές μηχανές 1

2 ii. Ονομάστε το αρχείο page4a.html και αποθηκέψτε το στον κατάλογο IDM_LAB, στη συνέχεια να μεταφέρετε το αρχείο, μέσω της υπηρεσίας Secure FTP, στο φάκελό public_html που βρίσκεται μέσα στον προσωπικό σας φάκελο στον server infoman.teikav.edu.gr. (όπου username είναι το προσωπικό σας όνομα χρήστη). iv. Αλλάξτε τον κώδικα και ονομάστε την σελίδα page4a1.html που να εμφανίζει την λίστα των μαθημάτων του τρέχοντος εξαμήνου, όπως στην σελίδα που ακολουθεί: 4. Αριθμημένη λίστα i. Δημιουργήστε ένα νέο αρχείο και επικολλήστε τον κώδικα της σελίδας page4b.html. <H4> Αριθμημένη λίστα (Οrdered List): </H4> <ΟL> <LI> Κινητά τηλέφωνα <LI> PDAs <LI> Φωτογραφικές μηχανές </ΟL> 2

3 ii. iv. Ονομάστε το αρχείο page4b.html και αποθηκέψτε το στον κατάλογο IDM_LAB, στη συνέχεια να μεταφέρετε το αρχείο, μέσω της υπηρεσίας Secure FTP, στο φάκελό public_html που βρίσκεται μέσα στον προσωπικό σας φάκελο στον infoman.teikav.edu.gr. Κάντε τις απαραίτητες αλλαγές και ονομάστε την σελίδα page4b1.html που να εμφανίζει την παρακάτω σελίδα: 5. Διαφορετικοί τύποι μη αριθμημένων λιστών i. Αντιγράψτε τις εντολές της σελίδας page4c.html και κάντε επικόλληση σε νέο αρχείο. Λίστα Νο1 <UL type="disc"> Λίστα No2 <UL type="square"> 3

4 ii. iv. Ονομάστε το αρχείο page4c.html και αποθηκέψτε το στον κατάλογο IDM_LAB, στη συνέχεια να μεταφέρετε το αρχείο, μέσω της υπηρεσίας Secure FTP, στο φάκελό public_html που βρίσκεται μέσα στον προσωπικό σας φάκελο στον infoman.teikav.edu.gr. Όπου type="disc" αντικαταστήστε με type="circle", τι διαφορές παρατηρείτε; 6. Διαφορετικοί τύποι αριθμημένων λιστών i. Δημιουργήστε νέο αρχείο και επικολλήστε τις εντολές του αρχείου page4d.html. Μικρά γράμματα: <OL type="a"> </OL> Κεφαλαία Ρωμαϊκά στοιχεία: <OL type="i"> </OL> ii. Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο με όνομα page4d.html μέσα στο φάκελο IDM_LAB και στη συνέχεια να μεταφέρετε το αρχείο, μέσω της υπηρεσίας Secure FTP, στο φάκελό public_html που βρίσκεται μέσα στον προσωπικό σας φάκελο στον infoman.teikav.edu.gr. v. Όπου type="a" αντικαταστήστε με type="a" και όπου type="ι" με type="i", τι διαφορές παρατηρείτε; 4

5 7. Λίστα μέσα σε λίστα i. Αντιγράψτε και στη συνέχεια επικολλήστε τον κώδικα της σελίδας page4e.html. Λίστα μέσα σε λίστα: <LI>Καφές <LI>Τσάι <LI>Μαύρο τσάι <LI>Πράσινο τσάι <LI>Κίνα <LI>Αφρική <LI>Γάλα ii. Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο με όνομα page4e.html μέσα στο φάκελο IDM_LAB και στη συνέχεια να μεταφέρετε το αρχείο, μέσω της υπηρεσίας Secure FTP, στο φάκελό public_html που βρίσκεται μέσα στον προσωπικό σας φάκελο στον infoman.teikav.edu.gr Ασκήσεις 1. Δημιουργήστε σελίδα με όνομα pagelist.html η οποία θα περιλαμβάνει μια λίστα από τα ονόματα όλων των σελίδων που φτιάξατε έως τώρα. Το όνομα κάθε σελίδας θα πρέπει να είναι link προς αυτήν. Η σελίδα να δημοσιευθεί στο διαδίκτυο. 2. Σχεδιάστε σελίδα η οποία θα έχει το ίδιο αποτέλεσμα με την σελίδα που ακολουθεί, ονομάστε την page4f.html. 5

6 Η ψηφιοποίηση του εκπαιδευτικού υλικού έγινε στο πλαίσιο υλοποίησης της πράξης με τίτλο «ΕΝΙΣΧΥΣΗ ΣΠΟΥΔΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ στο ΤΕΙ ΚΑΒΑΛΑΣ», του Μέτρου 2.2 «Αναμόρφωση Προγραμμάτων Σπουδών - Διεύρυνση Τριτοβάθμιας Εκπαίδευσης» του ΕΠΕΑΕΚ ΙΙ, που συγχρηματοδοτείται από το Ευρωπαϊκό Κοινωνικό Ταμείο (Ε.Κ.Τ.) κατά 80% και Εθνικούς πόρους κατά 20%. 6