Web Designing & Web Development

[center:p7dwbrp8]Πώς να μάθω Web Designing/Web Development [/center:p7dwbrp8]

Περιεχόμενα
-Τι είναι το Web Designing?
-Τι είναι το Web Development?
-Resources/tools/tips/Guides κ.α για σχεδιασμό
-Resources/tools/tips/Guides κ.α για ανάπτυξη ιστοσελιδών.

Τι είναι το Web Designing?
To Web Designing αποτελείται απο την εμφάνιση της ιστοσελίδας μας,τα χρώματα,τις εικόνες,το template (θέμα) κ.α. Το μέρος του web designing σε μια ιστοσελίδα έχει ως στόχο να κάνει την ιστοσελίδα να έλκει και να είναι φιλική πρως τον χρήστη. Παρόλα αυτα οι "μόδες" του web designing αλλάζουν συνεχώς και έχουν ως στόχο την καλήτερη,γρηγορότερη και ευκολότερη πλοήγηση του χρήστη στιν ιστοσελίδα μας.


Τι είναι το Web Development?
To web Development αποτελείται απο τον κώδικα της ιστοσελίδας μας, καθώς είναι υπεύθυνο στο να θέσει την ιστοσελίδα μας να λειτουργέι. Υπάρχουν πολλές γλώσσες με τις οποιες μπορούμε να δημιουργήσουμε το κώδικα για την ιστοσελίδα μας, π.χ.( HTML/CSS,PHP,Java,JavaScript,C/C++, Python κ.α)

-Όταν καποιος ξεκινήσει να μάθει να αναπτύσσει ιστοσελίδες,και στους δύο τομείς(σχεδιασμός,ανάπτυξη) θα πρέπει να έχει πολύ υπομονή και όρεξη.Όπως ξερετε το web development είναι μια μορφή προγραμματισμού και δεν είναι κατι το ευκολο και κατανοητό.Δέν θα είναι λίγες οι φορές που θα προσπαθήσετε να φτιάξετε κατι στο χώρο του προγραμματισμού ,αλλα μετά απο τα συνεχόμενα errors θα τα παρατήσετε.Αυτό είναι ενα λάθος που το κάνουν οι περισσότεροι οταν προσπαθούν να μάθουν κάτι . Ετσι,ήτε το μαθαίνουν μετά απο πολύ καιρό, ήτε δεν το μαθαίνουν καθόλου.

-Λοιπον,ας ξεκινήσουμε με τα βασικά για το Web designing.
To web designing είναι ένα μερος από graphics "GFX".Υπάρχουν πάρα πολλά προγράμματα (επαγγελματικά ή μή) με τα οποία μπορεί καποιος να επεξεργαστεί ή να διμιουργίσει μια οικόνα.Ενα απο τα πιό δημοφιλή είναι το Adobe Photoshop.To adobe photoshop είναι ενα πρόγραμμα με πάρα πολλές δυνατότητες επεξεργασίας εικόνας.

--Resources/tools/tips για Designing

2 απο τα μεγαλύτερα sites/blogs για θέματα γύρω απο το designing:3
www.deviantart.com/
bakaarts.com/

Ιστοσελίδες με τεράστιες ποικιλίες απο γραμματοσειρες(Fonts):
losttype.com/
www.dafont.com/
www.1001freefonts.com/
www.abstractfonts.com/
simplythebest.net/fonts/
www.searchfreefonts.com/
www.urbanfonts.com/
www.ffonts.net/
www.fontspace.com/
fontsbytes.com/
www.fontsquirrel.com/
www.acidfonts.com/
www.google.com/webfonts
www.myfonts.com/
www.fonts.com/
www.fontshop.com/
www.linotype.com/
www.type-together.com/
www.fonthaus.com/
www.ascenderfonts.com

Ιστοσελίδες που μπορείτε να φιλοξενείτε τις εικόνες σας (Image Hosters):
iceimg.com/
tinypic.com/
www.deviantart.com/
imgur.com/
postimage.org/
imageshack.us/

Ιστοσελίδες που μπορείτε να βρείτε υλικό για photoshop(patterns,styles,gradients,bruhes,stocs etc):
deviantart.com
wallbase.cc/home
www.brushking.eu/
www.brusheezy.com/brushes
myphotoshopbrushes.com/
123freebrushes.com/
fbrushes.com/
pattern8.com/
www.bgpatterns.com/
www.dinpattern.com/
http://www.colourlov...om/patterns/new

Άλλες ιστοσελίδες/forums/e-books που σχετίζονται με designing:
e-book: www.gfxworld.ws/index.php?/gfx/l ... ry/ebooks/
e-book: www.gfxtra.net/ebooks/
Site: gfxforums.net/
Site: www.gfxworld.ws
Site: topgfx.com/
Site: gfxdomain.com
Site: www.tech-gfx.net/forum/

NOTE1:Επίσης ένας απο τουσ καλύτερους τρόπους να μάθει κανείς κάτι είναι πσάχνοντας το απο μόνος του και κάνοντας εξάσκηση.
NOTE2:Μην ξεκινήσετε με web designing (σχεδιασμό ιστοσελιδών), μάθετε πρώτα τα βασικά για designing.Το σημαντικότερο ειναι το να μπορείτε να κάνετε οτι φαντάζεστε.Αυτό απαιτεί να ξέρετε όλα τα tools πάρα πολύ καλά!

-Λοιπον,ας ξεκινήσουμε με τα βασικά για το Web development.
To web development είναι ένα μερος από κώδικες "codes".Υπάρχουν πάρα πολλά προγράμματα (επαγγελματικά ή μή) με τα οποία μπορεί καποιος να επεξεργαστεί ή να διμιουργίσει έναν δικό του κώδικα.Ενα απο τα πιό δημοφιλή είναι το Adobe Dreamweaver.To adobe dreamweaver είναι ενα πρόγραμμα με πάρα πολλές δυνατότητες επεξεργασίας και δημιοθργίας κώδικα καθώς περιέχει πολλές δυνατότητες.Επίσης υπάρχουν πολλές γλώσσες προγραμματισμού με τις οποίες μπορούμε να δημιουργήσουμε μια ιστοσελίδα.Οι πιό γνωστές είναι η: HTML/CSS,PHP,Javascripts.

-O καλύτερος τρόπος να ξεκινήσετε το web developing είναι από το να μάθετε HTML/CSS που θεωρείται από τις πιο εύκολες γλώσσες προγραμματισμού.Μόλις μάθετε πάρα πολύ καλά ΗΤΜL θα είστε έτιμος να μάθετε PHP.


--Resources/tools/tips για Designing
Οδηγοί,Tutorials,guides,videos για να μάθετε ΗΤΜL/CSS:
www.w3schools.com/
tizag.com/
code.tutsplus.com/series/web-des ... -net-19995
code.tutsplus.com/
code.tutsplus.com/series/html5-a ... -net-18314
www.htmldog.com/guides/html/beginner/
html.net/

Οδηγοί,Tutorials,guides,videos για να μάθετε PHP:
www.homeandlearn.co.uk/php/php.html
php.net/
code.tutsplus.com/tutorials/the- ... -net-22287
thenewboston.org/list.php?cat=11
phpacademy.org/
www.phpandstuff.com/
www.w3schools.com/PHP/

Οδηγοί,Tutorials,guides,videos για να μάθετε JavaScripts (JS):
www.w3schools.com/js/default.asp
tizag.com/
www.lynda.com/JavaScript-tutoria ... 266-2.html
www.codecademy.com
www.tutorialspoint.com/javascript/

NOTE1:Για να προχωρήσετε στην PHP θα πρέπει να ξέρετε πολύ καλά html αφού η html χριάζεται για τις περισσότερες γλώσσες.

Αυτά μέχρι στιγμής,
Πολλά updates έρχονται σύντομα.

Παρακαλώ κρατήστε το topic καθαρό!.
Αν έχετε άλλα πράγματα που θέλετε να ανεβάσω πείτε μου σε PM!.

Best Regards,
Dimitris.

Τρομερό post Δημήτρη, θα βοηθήσει πάρα πολλούς

Από τους καλύτερους οδηγούς