Αναρωτηθήκατε ποτέ πως είναι ένα σύστημα πρόσβασης χρηστών σε μια ιστοσελίδα; Σε αυτό το βοήθημα λοιπόν θα δούμε πως μπορούμε να δημιουργήσουμε για αρχή ένα απλό σύστημα εγγραφής χρηστών, χρησιμοποιόντας απλές εντολές της PHP, λίγη SQL και HTML.

Σε αυτό το πρώτο μέρος της εισαγωγής στην HTML5, θα δούμε κάποιες γενικές πληροφορίες για την γλώσσα, τα κυριότερα χαρακτηριστικά της, και κάποια βασικά παραδείγματα εφαρμογής της.

Χτές, στο πρώτο μέρος, είδαμε βήμα-βήμα πως δημιουργούμε την ιστοσελίδα, στην οποία σήμερα θα προσθέσουμε το περιεχόμενο (κείμενο/εικόνες), και θα ενεργοποιήσουμε το drag n drop σε όλα τα παράθυρα με τα περιεχόμενα στην ιστοσελίδα μας.

Σε αυτή την μίνι σειρά βοηθημάτων, θα δούμε πως με την χρήση HTML, CSS και jQuery, μπορούμε να δημιουργήσουμε μια ιστοσελίδα στην οποία θα μπορούμε να μετακινήσουμε και να ανακατατάξουμε (με drag ‘n’ drop) τα διάφορα παράθυρα (blocks) σε διαφορετικές προκαθορισμένες θέσεις.

Πρόσφατα είδαμε πως μπορούμε να δημιουργήσουμε ένα μενού πλοήγησης με το Adobe Photoshop. Σε αυτό το βοήθημα, θα δούμε βήμα βήμα πως μπορούμε χρησιμοποιόντας την HTML και τα CSS να μετατρέψουμε το γραφικό μας σε πλήρες λειτουργικό μενού.

Σε αυτό το βοήθημα θα δούμε βήμα προς βήμα πως μπορούμε να προσθέσουμε εικονίδια δίπλα από τους συνδέσμους στην σελίδα μας, ώστε να κάνουμε τους σύνδεσμους πιο εμφανίσιμους και κατανοητούς.

Στις προσωπικές μας ιστοσελίδες συνήθως βάζουμε κάποιον σύνδεσμο με το βιογραφικό μας, σε μορφή εγγράφου Word. Σε αυτό το βοήθημα θα δούμε πως μπορούμε να δημιουργήσουμε μια ιστοσελίδα/βιογραφικό, ωστε να δώσουμε μια πολύ πιο όμορφη εικόνα του βιοφραφικού μας.

Σε αυτό το βοήθημα θα δούμε πως μπορούμε να χρησιμοποιήσουμε τα CSS3 για να ομορφύνουμε διάφορα html στοιχεία, όπως φόρμες επικοινωνίας και στην ιστοσελίδα μας. Θα εξηγήσουμε βήμα προς βήμα ενώ θα χρησιμοποιήσουμε σκίαση, ντεγκραντέ χρωματισμούς και μερικά άλλα νέα κόλπα που μας φέρνει η νέα έκδοση των Cascading Style Sheets.

Σε αυτό το βοήθημα θα δούμε αναλυτικά πώς να δημιουργήσουμε μια καρτέλα ακορντεόν για την πλαϊνή μπάρα της ιστοσελίδας μας, με ένα πολύ όμορφο εφέ συρταριού, χρησιμοποιόντας την jQuery. Για να το πραγματοποιήσουμε αυτό, θα χρησιμοποιήσουμε απλές εντολές html, css για το στύλ της σελίδας, και jQuery για την κίνηση του ακορντεόν μας.

Τον τελευταίο καιρό γίνεται πολύ συζήτηση για την νέα έκδοση της HTML, η οποία έρχεται πολύ σύντομα, και θα αλλάξει τον τρόπο με τον οποίο σχεδιάζεται το διαδίκτυο. Σε αυτό το άρθρο θα βρείτε 15 χρήσιμες ιστοσελίδες που θα σας βοηθήσουν να μάθετε και να καταλάβετε τις αλλαγές στην HTML5 αλλά και νέους τρόπους χρήσης της βασικής γλώσσας προγραμματισμού στο διαδίκτυο.

Στο σημερινό βοήθημα θα δούμε πώς μπορούμε να δημιουργήσουμε ένα πολύ όμορφο εφέ στις εικόνες μας ή στους συνδέσμους μας, όταν ο χρήστης περάσει τον κέρσορα πάνω από την εικόνα ή τον σύνδεσμο. Θα χρησιμοποιήσουμε κάποια βασική HTML, CSS και jQuery.