CSS - Στήσιμο ιστοσελίδας

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Κλειδωμένο
Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

CSS - Στήσιμο ιστοσελίδας

Δημοσίευση από manolism » 08 Ιαν 2007 10:53

Το παρακάτω βοήθημα έχει ως στόχο την δημιουργία μία ιστοσελίδας βασισμένη εξ’ ολοκλήρου σε css και όχι σε tables. Επειδή και εγώ πειραματίζομαι τον τελευταίο καιρό με τα css θα ήθελα να είστε λίγο επιεικής.
Για τις ανάγκες του βοηθήματος χρησιμοποιήθηκε το template του Eklektos το οποίο τεμαχίστηκε από εμένα με βάση τις ανάγκες της ιστοσελίδας.
Μπορείτε να χρησιμοποιήσετε το Dreamweaver για την ανάπτυξη ή οποιονδήποτε html editor έχετε.
Όλα τα αρχεία θα τα βρείτε εδώ

Μάθημα 1ο Στήσιμο του layout
Μάθημα 2ο Φτιάχνοντας το μενού
Μάθημα 3ο Προσθέτοντας περιεχόμενο
Μάθημα 4ο Προσθέτοντας αόρατο περιεχόμενο
Μάθημα 5ο Πρωτότυπα tooltips
Μάθημα 6ο Links σε ολόκληρο div
Μάθημα 7ο Έξυπνες ημερομηνίες
Μάθημα 8ο Skip to content
Μάθημα 9ο Printer friendly pages

Δεύτερο παράδειγμα:
Στήσιμο ιστοσελίδας με CSS!

Βοήθημα 1ο. Προετοιμασία για την ανάπτυξη της σελίδας
Βοήθημα 2ο. Δημιουργία της περιοχής Header
Βοήθημα 3ο. Δημιουργία του μενού
Βοήθημα 4ο. Δημιουργία της μεσαίας περιοχής
Βοήθημα 5ο. Δημιουργία του slideshow και της φόρμας
Βοήθημα 6ο. Δημιουργία της περιοχής των τριών boxes
Βοήθημα 7ο. Τοποθετώντας περιεχόμενο στα 3 boxes
Βοήθημα 8ο. Δημιουργία της περιοχής Footer
Βοήθημα 9ο. Εφαρμογή ενός slideshow στη σελίδα
Τελευταία επεξεργασία από το μέλος manolism την 09 Ιαν 2007 12:07, έχει επεξεργασθεί 3 φορές συνολικά.

Κλειδωμένο

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες