orotoi Δημοσ. 6 Αυγούστου 2010 Δημοσ. 6 Αυγούστου 2010 έτσι όπως τα λέει ο ρουτς.. απλώς το alt καλό είναι να το βάζεις. Δεν είναι μονο για το google είναι (στην πραγματικότητα) για ανθρώπους που είτε έχουν απενεργοποιημένα τα images είτε χρησιμοποιουν text browsers (ή screen readers). Για να τηρείς τα accessibility standards είναι υποχρεωτικό. το height και το width των Image επίσης το θεωρώ σημαντικό. Ο browser Θα ξέρει απο πριν (πριν φορτώσει την εικόνα δηλαδή) οτι εκεί θα είναι ενα image τάδε μεγέθους..
freetomi24 Δημοσ. 7 Αυγούστου 2010 Μέλος Δημοσ. 7 Αυγούστου 2010 Καλό είναι να μην βάζεις height & width καθώς αν αλλάξεις μετέπειτα την εικόνα θα στην επιβάλει στο μέγεθος αυτό. Επίσης, το alt δεν είναι απαραίτητο, αλλά προτεινόμενο. Εννοεις να μη βαζω ουτε καν τις λεξεις height & width? η' απλα να της βαζω αλλα να μη βαζω τα νουμερα?(τις διαστασεις) Διαβασα στο w3schools οτι η εντολη align εχει αποδοκιμαστει! Γιατι αυτο? Αυτη η εντολη απλα βαζει την φωτο στα σημεια που θελεις! Δεν μπορώ να υπογραμμίσω αρκετά την ανάγκη να χρησιμοποιείς relative paths. Αν ανεβάσεις ένα πλήρως λειτουργικό absolute path site στο server, σου εγγυώμαι θα εκπλαγείς, δεν θα δουλεύει τπτ!!! Ναι, αυτο το καταλαβα!! το height και το width των Image επίσης το θεωρώ σημαντικό. Ο browser Θα ξέρει απο πριν (πριν φορτώσει την εικόνα δηλαδή) οτι εκεί θα είναι ενα image τάδε μεγέθους.. Εδω υπαρχει διαφωνια με τον ρουτς.. η' απλα εγω μπερδευτηκα? Με την μορφοποιηση κειμενου, τους υπερσυνδεσμους και την εισαγωγη φωτο ειμαι οκ... καποιες φορες ξεχνω καποιες εντολες αλλα ανοιγω το βιβλιο και τις βλεπω... Τωρα με τι να ασχοληθω? ΥΓ. Βρε παιδια εχθες που πηγα στο βιβλιοπωλειο ειδα βιβλια για html,css,java,php.. Ολα τα βιβλια ηταν 300+ σελιδων με εντολες... εσεις που ασχοληστε επαγγελματικα ολες αυτες τις εντολες τις θυμαστε απεξω? Εγω δεν μπορω με τιποτε να τα θυμαμαι ολα αυτα! Παντα κατι κοιταζω απο το w3schools η' απο το βιβλιο που πηρα! Το layout το κανουν πρωτα στο photoshop και μετα με καποιο τροπο το βαζουν μεσα σε html? κατι τετοιο? [ame=http://www.youtube.com/watch?v=DVfxe4pqvo8]http://www.youtube.com/watch?v=DVfxe4pqvo8[/ame] Μου ηρθε και μια ιδεα! Λετε καποιος να μου βαλει κατι να φτιαξω? Και μεσα απο αυτη την ασκηση να μαθαινω? Ευχαριστω για την υπομονη σας και τον χρονο σας!
snik Δημοσ. 7 Αυγούστου 2010 Δημοσ. 7 Αυγούστου 2010 freetomi24 ολες τις εντολες φυσικα και δεν τις θυμασαι απεξω θυμασαι τις βασικοτερες και αυτες που χρησιμοποιεις συνηθως. Οταν αρχισεις και φτιαξεις 5-6 σελιδες θα δεις και απο μονος σου οτι θα γραφεις πιο ευκολα κωδικα και θαα σου εχει "λυθει" λιγο το χερι. Για αρχη παντως εγω θα προτεινα παραληλα με την htrml & css να μαθεις να σχεδιαζεις templates στο photoshop, υπαρχουν αρκετα sites με tutorials αν ψαχτεις ολο και κατι θα βρεις. Οσο για την εξασκηση εγω στις αρχες που δεν ειχα πελατες η πηγαινα σε γνωστους και τους εκανα ανανεωσεις στα sites που ειχαν (νεο layout Κλπ) η εφτιαχνα δικα μου templates και ας μην ειχα πελατη να το δωσω απλα για εξασκηση.
orotoi Δημοσ. 7 Αυγούστου 2010 Δημοσ. 7 Αυγούστου 2010 Εδω υπαρχει διαφωνια με τον ρουτς.. η' απλα εγω μπερδευτηκα? Ναι γενικά οι απόψεις διίαστανται.. Οτι και απο τα 2 κάνεις σωστό είναι πάντως (τεχνικά). Οπως σου λέει ο σνικ.. Με τον καιρό θα θυμάσαι όλο και περισσότερες και πάντα βέβαια θα ανατρέχεις σε κάποιο βιβλίο/site κτλ Τωρα με τι να ασχοληθω? Τελείωσες με όλα τα μαθήματα του w3school για html και css? Ναι το layout γίνετε συνήθως πρώτα σε ενα πρόγραμμα (όπως photoshop) απο κάποιον γραφίστα ή εσένα. Μετά ο web designer (ή εσυ) αναλαμβάνει(ς) να το υλοποιήσει αυτο σε html και css. Απο κεί και πέρα ανάλογως το είδος του site εμπλέκεται και ο web developer (ή εσυ).. Φτιάξε ενα site, που να έχει ενα header στο οποίο θα είναι το λογότυπο και το μενού. Να έχει 2 στήλες. Στην δεξιά να έχει λινκς και στην αριστερή να εμφανίζεται το κυρίως κείμενο του site. Κάτω κάτω να έχει ενα footer που θα γράφει ποιος το σχεδίασε και να έχει ενα λινκ για το email του. Το συνολικό πλάτος της σελίδας να είναι 900pixel. Ας πούμε οτι όλο το παραπάνω θα είναι ενα site για ενα δικηγορικό γραφείο.. ---------- Προσθήκη στις 14:23 ---------- Προηγούμενο μήνυμα στις 14:14 ---------- Στο .ζιπ με τη σελίδα που κανες.. Στο head να βάζεις το codepage που χρησιμοποιείς. π.χ > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> Σου προτείνω να χρησιμοποιείς utf8.. [επίσης κάπου στις ρυθμίσεις του editor που έχεις κάπου θα έχει κάποια σχετική ρύθμιση.. για το πως θα σώζονται τα αρχεία.. βάλε και εκει utf8]
freetomi24 Δημοσ. 7 Αυγούστου 2010 Μέλος Δημοσ. 7 Αυγούστου 2010 Στο head να βάζεις το codepage που χρησιμοποιείς. π.χΚώδικας: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> Αυτο γιατι το βαζουμε?? Αυτο ειναι σωστο? <head> <STYLE TYPE="text/css"><!--p { color: #00FFFF } P { font-family: arial }--></STYLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Η πρωτη μου σελίδα </title> </head> Φτιάξε ενα site, που να έχει ενα header στο οποίο θα είναι το λογότυπο και το μενού. Να έχει 2 στήλες. Στην δεξιά να έχει λινκς και στην αριστερή να εμφανίζεται το κυρίως κείμενο του site. Κάτω κάτω να έχει ενα footer που θα γράφει ποιος το σχεδίασε και να έχει ενα λινκ για το email του.Το συνολικό πλάτος της σελίδας να είναι 900pixel. Ας πούμε οτι όλο το παραπάνω θα είναι ενα site για ενα δικηγορικό γραφείο. Την φωτο την εκανα στο photoshop... ξερω πως δεν ειναι το τελειο!! Δηλαδη ετσι πρεπει να το κανω? Και μετα το βαζω σαν background image και πανω εκει τα βαζω ολα? (μοιαζω σαν να μαθαινω την ΑΒ!!) Ειμαι μπερδεμενος με αυτο! Τελείωσες με όλα τα μαθήματα του w3school για html και css? Την Html την εκανα τωρα παλευω με css οπως βλεπεις με τον κωδικα επανω
freetomi24 Δημοσ. 7 Αυγούστου 2010 Μέλος Δημοσ. 7 Αυγούστου 2010 Για αρχη παντως εγω θα προτεινα παραληλα με την htrml & css να μαθεις να σχεδιαζεις templates στο photoshop, υπαρχουν αρκετα sites με tutorials αν ψαχτεις ολο και κατι θα βρεις. Οσο για την εξασκηση εγω στις αρχες που δεν ειχα πελατες η πηγαινα σε γνωστους και τους εκανα ανανεωσεις στα sites που ειχαν (νεο layout Κλπ) η εφτιαχνα δικα μου templates και ας μην ειχα πελατη να το δωσω απλα για εξασκηση. Βρηκα κατι, αλλα μονο εδειχνε το photoshop... μετα δεν εδειχνε πως μπορω να το συνδιασω με κωδικα... δηλαδη κατι ολοκληρομενο! Ειναι μεχρι να μπω στο νοημα!!! Υπαρχει ενα κενο ακομα!!!
snik Δημοσ. 7 Αυγούστου 2010 Δημοσ. 7 Αυγούστου 2010 Βρηκα κατι, αλλα μονο εδειχνε το photoshop... μετα δεν εδειχνε πως μπορω να το συνδιασω με κωδικα... δηλαδη κατι ολοκληρομενο! Ειναι μεχρι να μπω στο νοημα!!! Υπαρχει ενα κενο ακομα!!! Αν βρω χρονο θα σου στειλω τα links για μερικα tutorials που εχουν σχεδιασμο στο photoshop, slicing & coding. Αν δεις στο wiki για το web design εδω νομιζω πως εχω μεσα μερικα links.
freetomi24 Δημοσ. 7 Αυγούστου 2010 Μέλος Δημοσ. 7 Αυγούστου 2010 Αν βρω χρονο θα σου στειλω τα links για μερικα tutorials που εχουν σχεδιασμο στο photoshop, slicing & coding. Αν δεις στο wiki για το web design εδω νομιζω πως εχω μεσα μερικα links. Σε ευχαριστω παρα πολυ για τον κοπο σου!!!:-) Ο'τι βρεις στειλε μου σε πμ!!
orotoi Δημοσ. 8 Αυγούστου 2010 Δημοσ. 8 Αυγούστου 2010 Αυτο γιατι το βαζουμε?? Αυτο ειναι σωστο? <head> <STYLE TYPE="text/css"><!--p { color: #00FFFF } P { font-family: arial }--></STYLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Η πρωτη μου σελίδα </title> </head> Το βάζεις για να πείς στον browser τι κωδικοποίηση να περιμένει.. Σωστά το χεις ναι.. Αργότερα (αύριο-μεθαυριο θα αρχίσεις να βάζεις τις css δηλώσεις σου σε ξεχωριστό αρχείο.. θα τα δείς στο w3s.. Την φωτο την εκανα στο photoshop... ξερω πως δεν ειναι το τελειο!! Δηλαδη ετσι πρεπει να το κανω? Και μετα το βαζω σαν background image και πανω εκει τα βαζω ολα? (μοιαζω σαν να μαθαινω την ΑΒ!!) Ειμαι μπερδεμενος με αυτο! Με τα tutorials που θα σου στείλει ο φίλος θα ξεμπερδευτείς.. Για το συγκεκριμένο (έτσι οπως το χεις) δεν χρειάζεσαι καν εικόνα.. (αφου δεν έχεις γραφικά εννοώ αλλα μόνο χρώμα..). You ll figure it out ;-) Την Html την εκανα τωρα παλευω με css οπως βλεπεις με τον κωδικα επανω keep up! Αυριο (εεμ.. σήμερα σε κανα 4ωρο δηλαδή..) φεύγω για χωριό.. τέλος του μήνα που επιστρέφω θα τα χεις ξεπετάξει αυτα..
freetomi24 Δημοσ. 8 Αυγούστου 2010 Μέλος Δημοσ. 8 Αυγούστου 2010 Αυριο (εεμ.. σήμερα σε κανα 4ωρο δηλαδή..) φεύγω για χωριό.. τέλος του μήνα που επιστρέφω θα τα χεις ξεπετάξει αυτα.. Καλο ταξιδι και καλες διακοπες να εχεις!!!! Εγω την Παρασκευη παω για Κρητη!
orotoi Δημοσ. 8 Αυγούστου 2010 Δημοσ. 8 Αυγούστου 2010 κρητσίκαρος είσαι μωρέ? ή έτσι πας στο νησί..?
freetomi24 Δημοσ. 8 Αυγούστου 2010 Μέλος Δημοσ. 8 Αυγούστου 2010 Απλα παω στο νησι Απο Λαρισα ειμαι Εχω μια φιλη εκει και παω να της δειξω λιγο συντηρηση pc. Εχει τελειωσει ΤΕΙ πληροφορικης και εκει δεν τους εδειξαν τιποτε!!!! Θα μου δειξει photoshop (το ξερει σε υπερβολικο βαθμο) illustrator και λιγο απο dreamweaver για να εχω μια εικονα και απο εκει!
snik Δημοσ. 8 Αυγούστου 2010 Δημοσ. 8 Αυγούστου 2010 Με ενα προχειρο ψαξιμο βρηκα μερικα tutorials που σου εχουν ετοιμο το psd και εσυ γραφεις τον κωδικα. http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/ http://net.tutsplus.com/articles/news/converting-a-design-from-psd-to-html/ http://net.tutsplus.com/articles/news/how-to-convert-a-psd-to-xhtml/ Και τωρα μερικα tutorials για την δημιουργια template στο Photoshop, μερικα εχουν και coding http://net.tutsplus.com/tutorials/design-tutorials/design-and-code-a-slick-website-from-scratch-%E2%80%93-part-i/ http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/ http://psd.tutsplus.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/ http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/ Αν ριξεις μια ματια και σε αυτο θα βρεις και αλλα πολα παρομοια.
freetomi24 Δημοσ. 9 Αυγούστου 2010 Μέλος Δημοσ. 9 Αυγούστου 2010 Σε ευχαριστω παρα πολυ για τον κοπο σου!!!!:-) Τωρα καθομαι και τα βλεπω! ---------- Προσθήκη στις 21:08 ---------- Προηγούμενο μήνυμα στις 13:54 ---------- Βρε φιλε για δες εδω λενε οτι δεν πρπει απο PSD να το κανουμε html... θα βγαλει προβληματα..
snik Δημοσ. 9 Αυγούστου 2010 Δημοσ. 9 Αυγούστου 2010 Απο οσο ειδα στο videaki με μια προχειρη ματια ο τυπος κανει export ολο το site σαν εικονες, δηλαδη δεν μπορεις να επιλεξεις κειμενο και τα παιδια στο vcdc μαλλον για αυτο μιλανε. Σε newsletter χρησιμοποιειτε αυτο λογο της ελειψης του css αλλα σε κανονικες σελιδες οχι. Αν ακολουθησεις τα tutorials που σου εδειξα θα εισαι οκ και δεν θα εχεις προβλημα
Προτεινόμενες αναρτήσεις
Αρχειοθετημένο
Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.