ιαχείριση Πληροφοριών στο ιαδίκτυο Εργαστήριο (Φυλλάδιο 4) ΤΕΙ Καβάλας - Σχολή ιοίκησης & Οικονοµίας Τµήµα ιαχείρισης Πληροφοριών ιδάσκων: Μαρδύρης Βασίλειος, ιπλ. Ηλ. Μηχανικός & Μηχ. Υπολογιστών, MSc (El. & Comp. Eng) 1. Στόχοι Στόχος του εργαστηρίου είναι η δηµιουργία λιστών σε µια σελίδα HTML. Προκειµένου να επιτευχθούν οι στόχοι του εργαστηρίου, αρχικά θα πληκτρολογηθούν και θα παρουσιαστούν παραδείγµατα ιστοσελίδων και στη συνέχεια θα ζητηθεί η κατασκευή απλών σελίδων από τους φοιτητές. 2. Μη αριθµηµένη λίστα (Unordered List) <H4>Μη αριθµηµένη λίστα (Unordered List):</H4> i Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο µε όνοµα page4a.html µέσα στο http://infoman.teikav.edu.gr/~username/page4a.html (όπου username είναι το προσωπικό σας όνοµα χρήστη) και συµπληρώστε το αποτέλεσµα στο παρακάτω πλαίσιο. 1
iv. ηµιουργήστε σελίδα (page4a1) που να εµφανίζει την λίστα των µαθηµάτων του τρέχοντος εξαµήνου. 3. Αριθµηµένη λίστα (Ordered List) <H4>Αριθµηµένη λίστα (Ordered List):</H4> <OL> i Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο µε όνοµα page4b.html µέσα στο http://infoman.teikav.edu.gr/~username/page4b.html και συµπληρώστε το αποτέλεσµα στο παρακάτω πλαίσιο. iv. ηµιουργήστε σελίδα (page4b1) που να εµφανίζει την λίστα των µέσων µεταφοράς µε αρίθµηση. 4. ιαφορετικοί τύποι αριθµηµένων λιστών <H4>Αριθµηµένη λίστα:</h4> <OL> 2
<H4>Λίστα µε κεφαλαία γράµµατα:</h4> <OL type="a"> <H4>Λίστα µε µικρά γράµµατα:</h4> <OL type="a"> <H4>Λίστα µε κεφαλαία Ρωµαϊκά στοιχεία:</h4> <OL type="i"> <H4>Λίστα µε µικρά Ρωµαϊκά στοιχεία:</h4> <OL type="i"> i Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο µε όνοµα page4c.html µέσα στο http://infoman.teikav.edu.gr/~username/page4c.html και συµπληρώστε το αποτέλεσµα στο παρακάτω πλαίσιο. 3
5. ιαφορετικοί τύποι µη αριθµηµένων λιστών <H4>Λίστα Νο1:</H4> <UL type="disc"> <H4>Λίστα Νο2:</H4> <UL type="circle"> <H4>Λίστα Νο3:</H4> <UL type="square"> i Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο µε όνοµα page4d.html µέσα στο http://infoman.teikav.edu.gr/~username/page4d.html και συµπληρώστε το αποτέλεσµα στο παρακάτω πλαίσιο. 4
6. Λίστα µέσα σε λίστα <H4>Λίστα µέσα σε λίστα:</h4> <LI>Μαύρο τσάι <LI>Πράσινο τσάι i Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο µε όνοµα page4e.html µέσα στο http://infoman.teikav.edu.gr/~username/page4e.html και συµπληρώστε το αποτέλεσµα στο παρακάτω πλαίσιο. 7. Λίστα µέσα σε λίστα <H4> Λίστα µέσα σε λίστα:</h4> <LI>Μαύρο τσάι <LI>Πράσινο τσάι 5
<LI>Κίνα <LI>Αφρική i Να αποθηκέψετε τον παραπάνω κώδικα HTML σε αρχείο µε όνοµα page4f.html µέσα στο http://infoman.teikav.edu.gr/~username/page4f.html και συµπληρώστε το αποτέλεσµα στο παρακάτω πλαίσιο. 8. Λίστα των σελίδων µας ηµιουργήστε σελίδα µε όνοµα pagelist.html η οποία θα περιλαµβάνει µια λίστα από τα ονόµατα όλων των σελίδων που φτιάξατε έως τώρα. Το όνοµα κάθε σελίδας θα πρέπει να είναι link προς αυτήν. Η σελίδα να δηµοσιευθεί στο διαδίκτυο. 6