Προς το περιεχόμενο

Νέος στο web design:)

freetomi24

Από τον freetomi24
στο Web Design - Development

Προτεινόμενες αναρτήσεις

orotoi Mentor

orotoi

Δημοσ.
Δημοσ.
...

Οποτε θα ξεκινησω να μαθαινω καλα HTML μετα CSS και μετα XML...και μολις αυτα μπουν καλα στο κεφαλι μου θα παω για PHP:-)

να σαι καλά :-)

 

Κοιτα εγω θα τα γραφω οπως θα τα βλεπω στο w3schools... οταν βλεπω τον κωδικα καποιας ιστοσελιδας καποια πραγματα τα χρωματιζουν!

 

έτσι.. follow the standards.. Make the web.. a better web

Τωρα γραφω στο σημειωματαριο των xp αλλα βρηκα το

NoteTab Pro και το HTMLPad 2010 τα οποια οτι γραφεις μπορει να το δεις αμεσως! Αυτο δεν το ηξερα!:shock: Ειναι παρα πολυ βολικο!!!

 

ναι.. αυτό είναι το ωραίο.. μπορείς να γράφεις κώδικα παντού! :-)

editors υπάρχουν πολλοί, στη πορία (που 8α δοκιμάσεις κάμποσους) θα βρείς κάποιον που θα σου ταιριάζει. Εμένα με είχε βολέψει το Notepad2, το phpDesigner, ο editor του dreamweaver και επόμενο είναι τo Aptana)

 

  1. highlighting/completion
  2. valid
  3. jquery
  4. mootools
  5. cms

 

1. Αυτό που είπες οτι στα χρωματίζει.. Σου κάνει highlight (ανάλογα με τι ρύθμιση έχεις κάνει στον editor) τις λέξεις κλειδια της γλώσσας που γράφεις (html, php, javascript κτλ)

2.valid. έγκυρο. Όταν λέμε οτι μια σελίδα είναι valid εννοούμε οτι πληρεί κάποιες προδιαγραφές (συντακτικά κυρίως). Αυτές ορίζονται στα dtd που λέγαμε ή μάλλον περιγράφονται απο αυτα.

3.jQuery. είναι ενα framework για την javascript. Κάνει με λιγα λόγια πιο ευκολη τη χρήση της παρέχωντας σου έτοιμες functions για διάφορα πράγματα (user interface, animation κτλ)

4. mootools.. το ίδιο με πάνω

5.cms. Η καταστροφή του web. (πλάκα κάνω.. περίπου.. τέλος πάντων) Είναι συστήματα διαχείρισης περιεχομένου (content management system). Τα χρησιμοποιείς ωστε να προσθέτουν/αλλάζουν περιεχόμενο του site άτομα που δεν γνωρίζουν απο κώδικα (κυρίως). Ή για να σου κάνουν πιο εύκολη τη ζωή σε μερικές περιπτώσεις..

  • Απαντ. 59
  • Δημ.
  • Τελ. απάντηση
routsounmanman Proficient

routsounmanman

Δημοσ.
Δημοσ.
cms. Η καταστροφή του web. (πλάκα κάνω.. περίπου.. τέλος πάντων) Είναι συστήματα διαχείρισης περιεχομένου (content management system). Τα χρησιμοποιείς ωστε να προσθέτουν/αλλάζουν περιεχόμενο του site άτομα που δεν γνωρίζουν απο κώδικα (κυρίως). Ή για να σου κάνουν πιο εύκολη τη ζωή σε μερικές περιπτώσεις..

 

QFT!!!

 

η αγορά έχει γεμίσει από τελείως ανίδεους που χρεώνουν 1,000Ευρώ+ για ένα έτοιμο template και λίγο κείμενο μέσα. :mad:

 

@freetomi24

Πολύ σημαντικό όπως είπαν και τα παιδιά είναι να γράφεις σωστό κώδικα!!! Ευανάγνωστος, καλά σχολιασμένος, επαναχρησιμοποιήσιμος και αντικειμενοστραφής (στην περίπτωση PHP και άλλες server-side ή javascript). Γράφε κάπως έτσι:

 

><?php

    function getThis(){

         return $this;

    }

?>

 

Ακόμα και στην HTML:

>
<body>

    <div class="tade">

         <img src="haha.jpg" alt="haha"></img>

    </div>

</body>

 

Έπιασες το νόημα πιστεύω. Είμαστε εδώ για ότι χρειαστείς :-D

antonisid Crazy Insomniac

antonisid

Δημοσ.
Δημοσ.

Για να γινω πιο συγκεκριμενος , κι επειδη ειπε οτι χρησιμοποιει πίνακες , ο routsounmanman εννοεί οτι ο κύριος κώδικας και η δομή της HTML πρέπει να είναι Tabless δηλαδή με divs.

orotoi Mentor

orotoi

Δημοσ.
Δημοσ.
η αγορά έχει γεμίσει από τελείως ανίδεους που χρεώνουν 1,000Ευρώ+ για ένα έτοιμο template και λίγο κείμενο μέσα.

Αυτό ξαναπέστο..

 

Βέβαια υπάρχουν και οι άλλοι που χρεώνουν 200ευρώ για ενα οτι να ναι site..

antonisid Crazy Insomniac

antonisid

Δημοσ.
Δημοσ.

Υπαρχει και η αλλη πλευρα. Αλλοι ανηδεοι που χρεωνουν 200 ευρω για δυναμικες σελιδες ή eshop και χαλανε την αγορα . Αυτοι είναι χειρότεροι απο κεινους που χρεωνουν 1000 για ετοιμα templates.

orotoi Mentor

orotoi

Δημοσ.
Δημοσ.

και οι δυο στο ίδιο καζάνι πρέπει να μπούν και αφου βράσουν να εκτοξευτούν προς τον πλανήτη Πελνοτριφκιομνιουξ

pOLoS Veteran

pOLoS

Δημοσ.
Δημοσ.

τι σχέση εχουν php, asp, SEO ... , το παιδί ρώτησε για web design

 

ξεκίνα από το http://www.w3schools.com/html/default.asp για να μαθεις τα βασικα για html και αν θες στη συνεχεια να παρεις καποιο βιβλιο παρε το css mastery

 

για το σχεδιασμο του εικαστικου ειναι αλλη ιστορια

orotoi Mentor

orotoi

Δημοσ.
Δημοσ.

απο τη μικρή μου εμπειρία οταν κάποιος λέει web desing εννοεί ολο το πακέτο.. προφανώς βέβαια η σειρά που λες είναι σωστή.. html.. css.. και απο κεί βλέπει και κάνει..

routsounmanman Proficient

routsounmanman

Δημοσ.
Δημοσ.
τι σχέση εχουν php, asp, SEO ... , το παιδί ρώτησε για web design

 

ξεκίνα από το http://www.w3schools.com/html/default.asp για να μαθεις τα βασικα για html και αν θες στη συνεχεια να παρεις καποιο βιβλιο παρε το css mastery

 

για το σχεδιασμο του εικαστικου ειναι αλλη ιστορια

 

Συγγνώμη, αλλά ξέρεις κάποιον σοβαρό επαγγελματία σήμερα που να μην χρησιμοποιεί ΚΑΘΟΛΟΥ server-side scripts; Του επισημάναμε φυσικά να ξεκινήσει από HTML, CSS κτλ καθώς είναι το λεγόμενο bread 'n' butter της όλης υπόθεσης.

freetomi24 Proficient

freetomi24

Δημοσ.
  • Μέλος
Δημοσ.

Λοιπον πηγα να κανω την πρωτη μου σελιδα και εφαγα κολλημα..

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 

<head>

<title>Η πρωτη μου σελίδα </title>

</head>

 

<body>

<center><h1><b>Η θέση της καρδιάς</b></h1></center>

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

<img src="images/heartk.gif" width="402" height="207" alt="" />

<br/>

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

 

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

 

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

 

Ο όγκος τής καρδιάς ποικίλλει στα διάφορα άτομα. Οι διαστάσεις της στον ενήλικα είναι κατά μέσον όρο οι εξής:

 

Μήκος: 98 χιλιοστά.

 

Πλάτος: 105 χιλιοστά.

 

Περιφέρεια: 230 χιλιοστά.

 

Το βάρος της φθάνει τα 275 περίπου γραμμάρια.

 

Η καρδιά της γυναίκας έχει διαστάσεις μικρότερες από του άνδρα κατά 5-10 χιλιοστά και ζυγίζει 5-10 γραμμάρια λιγότερο.

</body>

 

</html>

 

 

Στο preview ου προγραμματος μου το δειχνει ετσι

http://img14.imageshack.us/img14/5757/screenhunter1l.jpg

 

Αλλα ο mozilla μου το δειχνει ετσι..

http://img180.imageshack.us/img180/9159/screenhunter2q.jpg

 

Πως βαζω κενα μεταξυ των γραμματων με την φωτογραφια? Eβαλα <p> και μου ειχε αφησει ενα κενο αλλα αν βαλω

<p>

<p>

δεν μου αφηνει δυο κενα..

orotoi Mentor

orotoi

Δημοσ.
Δημοσ.

Γενικά σε όλο το παραπάνω θα χρειαστεί να αλλάξεις κάποια πράγματα και να χρησιμοποιήσεις και css.

 

Το <p> </p> (να θυμάσαι paragraph) το χρησιμοποιείς για να οριοθετήσεις "παραγράφους" [το βάζω σε εισαγωγικά γιατί πέραν του κειμένου μπορεις να έχεις κι άλλα πράγματα μεσα. Αλλα ένα ένα..

 

οπότε θα μπορούσες να κάνεις κάτι τέτοιο..

 

 

>
<p>
Η καρδιά βρίσκεται μέσα στη θωρακική κοιλότητα ανάμεσα στους δύο πνεύμονες. Το σχήμα της καρδιάς παρομοιάζετε με το σχήμα κώνου. Η κορυφή της αντιστοιχεί στο πέμπτο αριστερό μεσοπλεύριο διάστημα.
</p
<p>
Περιβάλλεται από ένα υμένα από δύο φύλλα, το περικάρδιο, ενώ οι εσωτερικές της κοιλότητες καλύπτονται από μια λεπτή μεμβράνη, το ενδοκάρδιο. Ανάμεσα στο περικάρδιο και ενδοκάρδιο βρίσκεται το παχύτερο τοίχωμα της καρδιάς που ονομάζεται μυοκάρδιο και αποτελείται από δυνατές μυϊκές ίνες.
</p>
<p>
Το χρώμα της καρδιάς είναι βαθύ ερυθρό, αλλά η ομοιομορφία του χρώματος διακόπτεται από κίτρινες ραβδώσεις οι οποίες οφείλονται στη συσσώρευση λίπους.
</p>

 

 

Προς το παρόν μας αρκεί για να προχωρήσεις παρακάτω η μορφοποίηση που έχει by default. Αργότερα μπορείς με CSS να αλλάξεις ιδιότητες του <p>, όπως μέγεθος font, περιθώρια (margin), line-heigth (διάκενο) κτλ.

 

 

<center><h1><b>Η θέση της καρδιάς</b></h1></center>

Αυτό "απαγορεύεται". Και στο συγκεκριμένο παράδειγμα επειδή χρησιμοποιείς το <b> δεν είναι και συμβατό με το DTD που του έχεις δηλώσει. Αντι για <b> πλέον χρησιμοποιείς το <strong> οπου θες να δώσεις έμφαση. Αλλα κι αυτο είναι καλύτερα να το κάνεις με css αλλάζοντας τις ιδιότητες του <H1>. To center επίσης.

 

 

 

 

οπότε κάνεις κάτι τέτοιο

><Η1>Η θέση της καρδιάς</Η1>

 

 

Δοκίμασε αυτά και αργότερα παμε και για το css..

 

---------- Προσθήκη στις 16:00 ---------- Προηγούμενο μήνυμα στις 15:57 ----------

 

Πως φαίνονται οι διαφορετικές κουλτούρες όμως ε..? Οι άγγλοι μπρεντ εν μπατερ.. εμείς ψωμοτύρι.. χαχαα

freetomi24 Proficient

freetomi24

Δημοσ.
  • Μέλος
Δημοσ.

Αυτο πως το βλεπεις??:-) Εμαθα να κανω και υπερσυνδεσμο σε δευτερη σελιδα!

 

Την ετικετα <p> μπορω να την βαλω και ετσι? <p>καλησπερα</p>

 

Θυμαμαι (μπορει να κανω και λαθος) στην σχολη οταν ηταν να βαλουμε μια φωτογραφια βαζαμε

 

<img src"=C:\my site\images\και το ονομα της φωτογραφιας.

 

Το HTMLPad 2010 το εχει ετσι:

<img src="images/heartk.gif" width="402" height="207" alt="" />

 

Σε εμενα φωτο παντως δεν βγαζει!

my site.zip

routsounmanman Proficient

routsounmanman

Δημοσ.
Δημοσ.
Αυτο πως το βλεπεις??:-) Εμαθα να κανω και υπερσυνδεσμο σε δευτερη σελιδα!

 

Την ετικετα <p> μπορω να την βαλω και ετσι? <p>καλησπερα</p>

 

Θυμαμαι (μπορει να κανω και λαθος) στην σχολη οταν ηταν να βαλουμε μια φωτογραφια βαζαμε

 

<img src"=C:\my site\images\και το ονομα της φωτογραφιας.

 

Το HTMLPad 2010 το εχει ετσι:

<img src="images/heartk.gif" width="402" height="207" alt="" />

 

Σε εμενα φωτο παντως δεν βγαζει!

 

Το <p> χρησιμοποιείται ακριβώς όπως έγραψες, είναι tag Που χρειάζεται tag κλεισίματος. Σκέψου το σαν να οριοθετείς την παράγραφο. Ότι είναι ανάμεσα στο <p></p> είναι παράγραφος. Θα σου βάλει αυτομάτως ένα κενό από πάνω και ένα κάτω.

 

Ο σωστός τρόπος χρήσης του img tag είναι ο εξής:

 

<img src="http://google.gr/eikona.jpg" alt="keimeno an o browser den ypostirizei eikones, voitha sto google" />

 

Καλό είναι να μην βάζεις height & width καθώς αν αλλάξεις μετέπειτα την εικόνα θα στην επιβάλει στο μέγεθος αυτό. Επίσης, το alt δεν είναι απαραίτητο, αλλά προτεινόμενο.

 

ΥΓ: Αν εννοείς το path, το HTMLPad 2010 καλά κάνει και στο βάζει έτσι. Είναι το λεγόμενο relative path. Εν συντομία, καταδεικνύει την εικόνα στον browser μέσω της τοποθεσίας που είναι αυτή τη στιγμή. Δηλαδή, του λέει "από το σημείο που είσαι (πχ τρέχεις την σελίδα index.html από το C:\My sites\), πήγαινε στο φάκελο images και βρές την εικόνα eikona.jpg. Το absolute path θα ήταν πχ C:\My pages\images\eikona.jpg

 

Δεν μπορώ να υπογραμμίσω αρκετά την ανάγκη να χρησιμοποιείς relative paths. Αν ανεβάσεις ένα πλήρως λειτουργικό absolute path site στο server, σου εγγυώμαι θα εκπλαγείς, δεν θα δουλεύει τπτ!!!

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...