Κατηγορία: HTML

Post Pic

Απλό Σύστημα Εγγραφής Χρηστών

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

Post Pic

Eισαγωγή στην HTML5 μέρος 1ο

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

Post Pic

Μετακινούμενα Παράθυρα 2o Μέρος

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

Post Pic

Μετακινούμενα Παράθυρα 1o Μέρος

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

Post Pic

Δημιουργία μενού πλοήγησης με τα CSS3

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

Post Pic

Προσθήκη Εικονιδίων Στους Συνδέσμους με jQuery

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

Post Pic

Δημιουργήστε το δικό σας Βιογραφικό

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

Post Pic

CSS3 και HTML Στοιχεία

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

Post Pic

Ακορντεόν jQuery

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

Post Pic

HTML5 : Χρήσιμες Ιστοσελίδες

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

Post Pic

Στοιχεία με Επισκίαση(CSS & jQuery)

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

Page 1 of 212

Γραφτείτε στις Email Ενημερώσεις

Εισάγετε το email σας:

Powered by FeedBurner

Log In

Register

Lost your Password?

Tag Cloud

Οι Φίλοι μας στο Twitter

Φίλοι: 270 Μας ακολουθούν: 237

To GreekTuts Στο Διαδίκτυο

Bookmark & Share

Γίνε Συνδρομητής Στο GreekTuts


Κερδίστε πρόσβαση σε επιπλέον υλικό και άρθρα, αλλά και πολλές άλλες παροχές και προσφορές αγοράζοντας μία απο τις συνδρομές που σας προσφέρει το GreekTuts.

Γράψτε Για Το GreekTuts


Θέλετε και εσείς να γράψετε άρθρα για το GreekTuts; Διαβάστε περισσότερα εδώ. Οποιοσδήποτε μπορεί να στείλει, γι'αυτό αδράξτε την ευκαιρία και στείλτε μας και εσείς.