Άρθρα με καρτέλα "Web Design"

Δωρεάν ηλεκτρονικό βιβλίο για την xHTML

Επιθυμείτε να μάθετε τα βασικά της γλώσσας xHTML;

Τότε το βιβλίο: “How to Speak Internet: Your Guide to xHTML”, του Richard Giles αποτελεί όχι μόνο μια πολύ καλή εισαγωγή στην γλώσσα προγραμματισμού του Παγκόσμιου Ιστού αλλά και των βασικών στοιχείων προγραμματισμού.

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

Ο Οδηγός είναι εντελώς δωρεάν και μπορείτε να τον κατεβάσετε από τον παρακάτω σύνδεσμο:

http://manuals.makeuseof.com.s3.amazonaws.com/MakeUseOf.com_-_Speak_Internet_xHTML.pdf

Ετικέτες: , ,

Όλα όσα θέλετε να μάθετε για τις νέες δυνατότητες της HMTL 5 – Infographic

Δείτε παρακάτω ένα πολύ χρήσιμο Infographic για όλα όσα θέλετε να μάθετε για την πρακτική αξιοποίηση και τις νέες δυνατότητες της HTML 5.

Ελπίζω να το απολαύσετε και να το βρείτε χρήσιμο όσο και εγώ.

Θέματα που αναφέρονται:

  • Νέες ετικέτες στην HTML 5
  • Ετικέτες και στην HTML 4 + 5
  • Ετικέτες που δεν υπάρχουν πλέον στην HTML 5
  • Γενικά χαρακτηριστικά
  • Χαρακτηριστικά συμβάντος
  • Ετοιμότητα φυλλομετρητών

Πηγή: TechKing

Ετικέτες: ,

Η νέα ιστοσελίδα του Ενιαίου Λυκείου Πλωμαρίου

Με μεγάλη χαρά σας ενημερώνω, ότι η καινούργια ιστοσελίδα του Ενιαίου Λυκείου Πλωμαρίου είναι γεγονός!

Μπορείτε να την επισκεφτείτε στην διεύθυνση: http://lyk-plomar.les.sch.gr/

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

Προσπαθούμε να την ενημερώνουμε όσο πιο συχνά γίνεται γιατί πιστεύουμε ότι ένας δικτυακός τόπος -και μάλιστα ένας σχολικός δικτυακός τόπος- οφείλει να είναι ένας ζωντανός οργανισμός που θα παρέχει στους επισκέπτες του την καλύτερη δυνατή ενημέρωση για εκπαιδευτικά ζητήματα και όχι μόνο…

Η ιστοσελίδα του Ενιαίου Λυκείου Πλωμαρίου, σχεδιάστηκε και αναπτύχθηκε στο πλαίσιο του προγράμματος Αγωγής Σταδιοδρομίας 2011 με τίτλο “Σχεδιασμός και ανάπτυξη εφαρμογών και υπηρεσιών για το Διαδίκτυο”, ενώ εμπλουτίζεται και ανανεώνεται από τους παρακάτω μαθητές της Β’ Λυκείου που συμμετέχουν στο πρόγραμμα:

  • Βερβέρης Χρήστος
  • Γαλέτσας – Ρωμυλιώτης Γιάννης
  • Μουτζούρη Βάσω
  • Μουχτούρη Θάλεια
  • Σαραφίδου Ελευθερία
  • Σκριβάνου Άσπα
  • Ταλιάνης Στράτος
  • Τσαμουρά Μαρία
  • Χατζής Παναγιώτης

Βασίζεται στο open source Σύστημα Διαχείρισης Περιεχομένου (CMS – Content Management System) Joomla και συγκεκριμένα, στην έκδοση 1.5.22.

Όλα τα extensions είναι δωρεάν και προέρχονται από τον “επίσημο” κατάλογο της Joomla, ενώ το πρότυπο (template) που χρησιμοποιήθηκε είναι μια παραλλαγή του Space Rocket από την υπέροχη σειρά templates της Themza.

Επίσης, προστέθηκε στο κάτω μέρος της ιστοσελίδας η καλαίσθητη εργαλειοθήκη Wibiya, μέσα από την οποία ο κάθε επισκέπτης έχει την δυνατότητα να κάνει πάρα πολλά πράγματα όπως να μεταφράσει την ιστοσελίδα, να δει πρόσφατα άρθρα, να κάνει subscribe στο blog και άλλα πολλά.

Τέλος, να σημειωθεί ότι η νέα ιστοσελίδα του Ενιαίου Λυκείου Πλωμαρίου συμμετέχει στον 5ο Πανελλήνιο Διαγωνισμό Εκπαιδευτικών Διαδικτυακών Τόπων, που θα πραγματοποιηθεί σε παράλληλη εκδήλωση στο πλαίσιο του 6ου Πανελλήνιου Συνεδρίου των Εκπαιδευτικών για τις ΤΠΕ (6-8 Μαΐου 2011, Ερμούπολη, Σύρος), το οποίο τελεί υπό την αιγίδα του ΥΠ.Δ.Β.Μ.Θ.

Αν σας άρεσε η ιστοσελίδα ή έχετε οποιαδήποτε πρόταση θα χαρώ να μου αφήσετε ένα σχόλιο.

Ετικέτες: ,

3ος Πανελλήνιος Διαδικτυακός Μαθητικός Διαγωνισμός ΕΕΕΠ-ΔΤΠΕ

Ο 3ος Διαδικτυακός Διαγωνισμός ΕΕΕΠ-ΔΤΠΕ, με τίτλο:

«Δημιουργήστε ψηφιακά, κατασκευάστε ένα website, γίνετε πρεσβευτές του τόπου σας»

είναι γεγονός!

Πρόκειται για μια εκπαιδευτική διαγωνιστική διαδικασία δημιουργίας ψηφιακής συνθετικής εργασίας, που θα υλοποιηθεί στο διαδίκτυο και στην τάξη, για ένα μεγάλο χρονικό διάστημα, από την 15η Noεμβρίου 2010 ως και την 22α Οκτωβρίου 2011, οπότε θα ολοκληρωθεί με την απονομή των βραβείων την πρώτη μέρα του 8ου Πανελλήνιου Συνεδρίου ΕΕΕΠ-ΔΤΠΕ «Το ψηφιακό σχολείο», στον Πολυχώρο «Απόλλων» της Νομαρχίας Πειραιά.

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

Προτροπή του διαγωνισμού είναι: «Δημιουργήστε ψηφιακά, κατασκευάστε ένα website, γίνετε πρεσβευτές του τόπου σας», ζητώντας από τους μαθητές να αναδείξουν αυτό το κάτι από τον τόπο τους, που θα ήθελαν να το μάθουν και οι συμμαθητές τους ως την άλλη άκρη του κόσμου. Οι μαθητές από την Αθήνα, θα μάθουν για τον τόπο των μαθητών από τον Έβρο, την Κάρπαθο, τους Παξούς, την Καστοριά… Οι μαθητές από έναν άλλον τόπο της Ελλάδας θα μάθουν για τόσους άλλους τόπους – τόσων άλλων μαθητών!

Μαθητές και εκπαιδευτικοί, με τη βοήθεια των νέων ψηφιακών συσκευών και μέσων, θα δημιουργήσουν γνώση, θα τη συγκεντρώσουν, θα την ταξινομήσουν, θα τη μετατρέψουν σε ψηφιακή, θα την αναδείξουν διαμέσου του διαδικτυακού μέσου, θα τη μοιραστούν με άλλους!

Ο διαγωνισμός οργανώνεται από την Επιστημονική ένωση Εκπαιδευτικών Πρωτοβάθμιας για τη Διάδοση των Τεχνολογιών Πληροφορίας & Επικοινωνίας στην εκπαίδευση (Ν.Π.Ι.Δ.), στα πλαίσια των καταστατικών της στόχων. Αποτελεί παράλληλη συνεδριακή εκδήλωση του 8ου Πανελλήνιου Συνεδρίου ΕΕΕΠ-ΔΤΠΕ “Το ψηφιακό σχολείο”, που θα διεξαχθεί στις 22 & 23 Οκτωβρίου 2011, στον Πολυχώρο “Απόλλων” της Νομαρχίας Πειραιά (Πηλίου 1 & Ερμουπόλεως, Καμίνια, κλικ εδώ για να προβάλλει ο χάρτης της περιοχής).

Στους (3Χ10=) 30 πρώτους του διαγωνισμού θα απονεμηθούν βραβεία κι ακόμα δώρα που θα δωροθετηθούν  από τους χορηγούς του διαγωνισμού (αν εξευρεθούν). Τα δώρα θα ανακοινωθούν στην πορεία του διαγωνισμού.

Σε όλους τους συμμετέχοντες θα απονεμηθούν Έπαινοι συμμετοχής, ανεξάρτητα από τη θέση που θα καταλάβουν, στην τελετή απονομής.

Η συμμετοχή για το διαγωνιζόμενο, είναι χωρίς καμιά επιβάρυνση.

Αίτηση συμμετοχής

Κάνοντας κλικ εδώ, μπορείτε να βρείτε ένα παράδειγμα συμπληρωμένου αναλυτικού περιγράμματος εργασίας.

Το περίγραμμα κενό για συμπλήρωση

Ετικέτες: ,

80 χρήσιμοι σύνδεσμοι για σχεδιαστές και προγραμματιστές εφαρμογών στον Παγκόσμιο Ιστό – Μέρος 3ο

Δείτε παρακάτω το 3ο μέρος ενός άρθρου, που περιέχει πάνω από 80 χρήσιμους συνδέσμους για σχεδιαστές και προγραμματιστές εφαρμογών στον Παγκόσμιο Ιστό, όπως αναδημοσιεύονται από το ιστολόγιο TechKing.com.

Όπως αναφέρει και ο συντάκτης του άρθρου Andy Crofford, δεν υπάρχει καλύτερος τρόπος για να περάσετε ένα κρύο Σαββατοκύριακο του Φεβρουαρίου, 🙂

Διαβάστε το 2ο μέρος εδώ και το 1ο μέρος εδώ.

CSS

CSS Reset.com – CSS Resets and Free CSS Tutorials & Resources

29 Free CSS Frameworks and Tools for Web Developers

30+Useful Example CSS3 Style (Really Useful CSS)

CSS Pitfalls for Web Designers to Avoid

45 Free CSS and XHTML Web Layout Templates

250+ Resources to Help You Become a CSS Expert

Should You Reset Your CSS?

CSS formatting · dropshado.ws

Introduction to CSS Escape Sequences

21 Must See CSS Sprites Tutorials

CSS Quick Tip: CSS Arrows and Shapes Without Markup

The CSS Position Property

CSS-101: a very useful resource for learning CSS

Multi-column text using CSS3

45+ Effective Tutorials for CSS Menus & Navigation


Fonts

Cool font pairings with FontFuse

45 Fresh and Stunning Free Fonts To Enhance Your Designs

Top 13 Webfonts for Headline Use

Top 50 Best Free Fonts

20 Completely Free Logo Fonts

20 Elegant Bold Script Fonts

Mastering Font Combinations

“What Font Should I Use?”: Five Principles for Choosing and Using Typefaces


Icons and Graphics

40 Vector Icons

NEW Sets of Free High Quality Icons for Bloggers and Designers

19 Free Web UI Element Kits and Stencils

Industrial Folder Style Icon

Free Icon Set for Web Developers: Coded

Retina Display Icon Set

15 Free Sites to Download Vector Graphics


jQuery

65 jQuery Tutorials To Help You Customize Your Site

14 Really Useful jQuery Plugin for Create Web Apps

Overlay Effect Menu with jQuery

19 Amazing Social Jquery Plugins and Tutorials

15 jQuery Tutorials For More Interactive Navigation

22 Brilliant and Advanced jQuery Effects to WOW Your Visitors

16 Useful jQuery Plugins & Tutorials to Integrate Twitter into Website/Blog

20+ Awesome jQuery Powered Web Site Navigation Scripts

26 Useful jQuery Navigation Menu Tutorials

Best jQuery Tooltip Plugins


Photoshop

80 Ultimate Collection of High Quality Free PSD Files

150+ Free and Time-Saving Photoshop Actions for Photo Retouching (Tutorial Included)

5 Crucial Photoshop Tools For All Photographers

30 Blog Design Photoshop Tutorials

15 First-rate Photoshop Brush Sites You Should Know

1000+ Free Web 2.0 Photoshop Gradients in 25 Sets

Learn How To Create A Detailed Portfolio Layout In Photoshop

10 Of The finest Free Web design PSD Templates

Cafe & restaurant website PSD template

10 Fresh And Best Free PSD Website Templates

The Ultimate Background Removal Guide with PhotoShop

How To Give Your Photos a Vintage Polaroid Effect

Create A Detailed Solid Dark Layout In Photoshop

30 Fresh Web Design Tutorials

Radar Icon in Photoshop

Make a Simple and Modern Web UI Button in Photoshop


SEO

Top 10 Hand Picked SEO Blogs to Improve Your SEO Knowledge

SEO tips for web designers – 5 part series


Web Design / Development

All The Cheat Sheets That A Web Developer Needs

30 Sites That Offer Free Website Templates and Free Flash Templates

Beginner’s Study Guide to HTML5 Microformats

8 Tools For Easily Creating a Mobile Version of Your Website

20 Free Web Apps for Freelancer Web Designers

30 Free High Resolution Images for Commercial Use from Flickr

txt2re: regular expression generator, a headache relief for programmers

8 useful sites for web developers

HTML & CSS Editing Apps For Windows Designers

60 Questions to Consider When Designing a Website

50 Free Tools and Apps for Web Designers and Developers

The Complete Guide to Starting a Graphic and Web Design Business From Home

15 Helpful Advices for Beginners to Become a Better Designer

10 Excellent Applications for Mobile Website Testing

Time-Saving and Educational Resources for Web Designers

40+Free Professional CMS

51 Web Apps for Web Designers and Developers

10 Ideas for Creating Innovative and Unique Web Designs


WordPress

5 Quick Tips for Using WordPress

How WordPress Can Help You Rank in GOOGLE

The anatomy of a WordPress theme

WordPress Simpler Login URL

How to Create WordPress Shortcodes

How To Change WordPress Login Logo

The Best Premium-Like Free WordPress Themes Of 2010

Ετικέτες:

3rd DrupalCamp, 12 Δεκεμβρίου @ MIC

Στις 11 & 12 Δεκεμβρίου θα πραγματοποιηθεί το 3o Drupalcamp αφιερωμένο στο Drupal CMS στο Microsoft Innovation Center (Βασιλίσσης Σοφίας 103, Αθήνα). Πρόκειται για ένα γεμάτο Σαββατοκύριακο για το Drupal και τις δυνατότητες που έχει για την υποστήριξη και ανάδειξη web περιεχομένου, με παρουσιάσεις Ελλήνων και ξένων ομιλητών, workshops, εκπαίδευση, ανάλυση case studies.

Καλεσμένοι θα είναι ο Robert Douglass, μέλος της ομάδας της Acquia, της μεγαλύτερης εταιρείας στον τομέα της εκπαίδευσης & υποστήριξης του Drupal και με εμπειρία σε πολύ σημαντικά έργα, όπως αυτό του Λευκού Οίκου. Επίσης, ο Amitai Burstein, developer με ιδιαίτερα ενεργή ανάμειξη στην κοινότητα του Drupal και με εξειδίκευση στη χρήση του Drupal για τη δημιουργία social networks. Τέλος, ο Χριστόφορος Κόρακας, project manager του capacity4dev.eu , ο οποίος θα μιλήσει για τη χρήση του Drupal στις υπηρεσίες της Ευρωπαϊκής Ένωσης.

Για περισσότερες πληροφορίες: DrupalCamp.gr

Επί της ευκαιρίας, δείτε μια παρουσίαση για το Σύστημα Διαχείρισης Περιεχομένου Drupal, το οποίο χρησιμοποιείται από χιλιάδες προγραμματιστές σε όλον τον κόσμο.

Ετικέτες:

Αλλαγή μεγέθους γραμματοσειράς
Αντίθεση