Σχεδίαση και Ανάπτυξη Ιστοτόπων
Εργασία Α' τετραμήνου 2021-2022
Σε αυτήν την εργασία θα κατασκευάσετε μία ιστοσελίδα σύμφωνα με τις γνώσεις και τις πρακτικές που ήρθατε σε επαφή και κατανοήσατε στα πλαίσια του εργαστηριακού μαθήματος "Σχεδίαση και Ανάπτυξη Ιστοτόπων"
Οδηγίες
- Δημιουργείστε ιστοσελίδα με όνομα “Ο παγκόσμιος ιστός.html” με περιεχόμενο το κείμενο του αρχείου www.txt
- Εφαρμόστε τίτλο ιστοσελίδας : “Εργασία ΣΑΙ – επίθετο – Ο παγκόσμιος ιστός “
- Βάλτε τις προτάσεις “Ο παγκόσμιος ιστός” , “Μοντέλο Παγκοσμίου Ιστού ” , “Εξέλιξη του Παγκόσμιου Ιστού” και “Πηγές” σε ετικέτα τίτλου
h2
- Εντοπίστε και δημιουργήστε τις παραγράφους όπως αυτές φαίνονται στο αρχείο κειμένου www.txt
- Δώστε έμφαση στις λέξεις Τιμ Μπέρνερς Λη και Internet ώστε να φαίνονται εντονότερα από τις υπόλοιπες.
- Δημιουργήστε συνδέσμους (links) για τις λέξεις World Wide Web και CERN που είναι μέσα στις παρενθέσεις, οι οποίοι θα οδηγούν στις σελίδες https://el.wikipedia.org/wiki/Παγκόσμιος_Ιστός και https://el.wikipedia.org/wiki/CERN
- Τοποθετείστε την εικόνα www-logo μετά την πρώτη γραμμή που περιέχει τον τίτλο σε h2, δηλαδή πριν την πρώτη παράγραφο, και ρυθμίστε το πλάτος σε 196 και το ύψος της σε 144 pixel.
- Τοποθετείστε την εικόνα Berners-Lee-Tim μετά το τέλος της τρίτης παραγράφου.
- Τοποθετείστε οριζόντια γραμμή με την ετικέτα
hr
πριν από τον τίτλο “Πηγές” - Δημιουργήστε μη αριθμητική λίστα με στοιχεία της λίστας τις δύο τελευταίες γραμμές του κειμένου.
Πληροφορίες - Συμβουλές
Η σελίδα σας να έχει την πλήρη δομή ιστοσελίδας που έχουμε μάθει.
Να δηλώσετε το DOCTYPE και την κωδικοποίηση της σελίδας
Οι σύνδεσμοί σας να ανοίγουν σε νέα καρτέλα.
Να ορίσετε την παράμετρο
target
Η μη αριθμητική λίστα δημιουργεί λίστα με κουκίδες
Να δηλώσετε τα στοιχεία της λίστας με την ετικέτα
li
Οι εικόνες σας δεν έχουν εναλλακτικό κείμενο.
Να ορίσετε την παράμετρο
alt
για κάθε εικόνα με κατάλληλο κείμενο.
Αρχεία εργασίας
Κατεβάστε τα αρχεία της εργασίας.
Κατεβάστε και αποσυμπιέστε το αρχείο ergasia-sai.zip που περιέχει τα αρχεία που θα χρειαστείτε για την εκτέλεση της εργασίας σας.
Τα αρχεία που θα χρειαστείτε είναι οι δύο εικόνες και το κείμενο.
- Berners-Lee_Tim.jpg
- www-logo.png
- www.txt