Epl 012 Homework

ΕΠΛ012 - Άσκηση 2 Παράδοση 16/4/07 Style Sheets and Forms Στα πλαίσια της δεύτερης άσκησης θα υλοποιήσετε ένα διαδικτυακό τόπο µε θέµα τις τελευταίες ειδήσεις σε θέµατα της ειδικότητας σας (όπως Μαθηµατικών, Φυσικής, Παιδαγωγικά κ.α.). Καλείστε να δηµιουργήσετε το λιγότερο τέσσερις (4) σελίδες εκ των οποίων η πρώτη να είναι η κεντρική, να έχει µια µικρή φόρµα για έρευνα και να έχει συνδέσµους στις υπόλοιπες τρεις (κάτι σας αρχική σελίδα). Από τις υπόλοιπες τρεις, οι δύο θα είναι πληροφοριακές , και η τελευταία θα έχει µια πλήρη φόρµα για αποστολή προσωπικών στοιχείων για εγγραφή σε ένα υποθετικό κατάλογο φίλων! Η παράδοση της άσκησης να γίνει µε παρόµοιο τρόπο όπως την πρώτη άσκηση (κρυφό φάκελο). Να αποστείλετε µε email το link http://nicosia.ccs.ucy.ac.cy/~userx/yyy όπου userx είναι το όνοµα χρήστη σας στον server Nicosia και yyy ο κρυφός φάκελος στον οποίο δηµοσιοποιήσατε την άσκηση. Μην ξεχάσετε τα permissions (chmod)! Η διαφοροποίηση από την πρώτη άσκηση είναι η χρήση των διαδοχικών φύλλων στυλ και στοχεύει να κάνει τη σελίδα σας προσβάσιµη σε άτοµα µε χαµηλή ή καθόλου όραση.. Συγκεκριµένα, θα δηµιουργήστε 3 φύλλα στυλ. Ένα για άτοµα χωρίς προβλήµατα όρασης, ένα για άτοµα τα οποία εξυπηρετούνται καλύτερα µε µεγάλα γράµµατα, και ένα για άτοµα που εξυπηρετούνται καλύτερα µε σκούρο φόντο και ανοιχτόχρωµα µεγάλα γράµµατα. Ενθαρρύνεστε να επισκεφτείτε τη σελίδα www.yourdolphin.com για να πάρετε ιδέες για την άσκηση! Η κάθε µία σελίδα από τις τέσσερις θα πρέπει να προβάλλετε µε όποιο φύλλο στυλ επιθυµεί ο χρήστης. Αν για παράδειγµα έχουµε τέσσερις σελίδες (index.html, page2.html, page3.html, form.html) και 3 στυλ (style1.css, style2.css, style3.css) τότε θα έχουµε δώδεκα διαφορετικά αποτελέσµατα. Το αρχικό στυλ για άτοµα χωρίς προβλήµατα όρασης να είναι το style1.css. Σε κάθε σελίδα θα πρέπει να υπάρχει σύνδεσµος για την έκδοση της σελίδας µε τα υπόλοιπα 2 στυλ. Εισήγηση: Για να µην χρειαστεί να δηµιουργήσετε 12 διαφορετικά αρχεία html (ένα για κάθε σελίδα και στυλ) µπορείτε να εισάξετε τον πιο κάτω κώδικα στο head µιας σελίδας αντί του κλασσικού κώδικα για ορισµού του στυλ ( var q = location.search; document.write("")

Με αυτό τον τρόπο, µπορείτε να ενεργοποιείτε τα στυλ 2 και 3 για µια σελίδα καλώντας την µε το ακόλουθο τρόπο: page1.html?style=2 ή : page1.html?style=3. ∆ιευκρινίζεται ότι η πιο πάνω µέθοδος δουλεύει µόνο όταν η σελίδες σας είναι δηµοσιευµένες online. Άλλες απαιτήσεις: Η σελίδα µε την φόρµα να φέρει τουλάχιστον 5 διαφορετικά ήδη inputs και buttons για submission και reset. Επίσης η φόρµα να αποστέλλει µε email τα στοιχεία στο email σας. Καλή Επιτυχία! --- Τέλος ---