html template

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

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

html template

Δημοσίευση από katerina28 » 09 Μαρ 2009 11:56

Δεν έχω καταφέρει ακόμα να κάνω ένα template στο dreamwaver το οποίο να καλύπτει όλες τις τυχόν αναλύσεις σε οθόνες χρηστών,πως γίνεται αυτο?
Το width="700%" height="100%" ένα παράδειγμα δεν μου καλύπτει όλες τις αναλύσεις τι κάνω λάθος,μήπως σας είναι εύκολο να δω ένα κώδικα για το πως γίνετε?
Αναφέρομαι περισσότερο στο κάθετο height
ευχαριστώ.

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

html template

Δημοσίευση από ALR » 09 Μαρ 2009 12:48

Κατερίνα γειά σου.

Βάλε Static width στο βασικό σου πινακάκι και δώς του μέγεθος width="960" χωρίς το %.
Το height μην το ορίζεις, άστο να οριστεί από το περιεχόμενο.
Γίνονται πραγματάκια

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

html template

Δημοσίευση από katerina28 » 09 Μαρ 2009 13:08

δηλαδή να βάλω πχ width="960" χωρίς το %.
και στο height να μην βάλω τίποτα,αυτό ενοεις,γράψε μου ένα κώδικα να το καταλάβω καλύτερα.

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

html template

Δημοσίευση από ALR » 09 Μαρ 2009 14:08

Να παίξουμε καλύτερα με divs & css?

Γράφεις το Html ώς εξής:

Κώδικας: Επιλογή όλων


 <div id="wrapper">
<div id="header">

<div id="menu"> </div>

<div id="logo">
<h2 id="headlogo" title="my logo">
my logo </h2>
</div>

</div>

<div id="wrap-content"> </div>

<div id="footer"> </div>

</div> 

 



</div>

και στο CSS αρχείο γράφεις αυτό:

Κώδικας: Επιλογή όλων

 

#wrapper &#123;
margin&#58;0 auto;
width&#58;960px
&#125;
Το Margin: 0 auto; στοιχίζει τη σελίδα σου στο κέντρο, ενώ το width: 960px βάζει ένα όριο στο πλάτος της ιστοσελίδας σου στα 960px με αποτέλεσμα να την εμφανίζει σωστά στις περισσότερες αναλύσεις των σημερινών Η/Υ.

Για να δημιουργήσεις ένα αρχείο css, κάνε ένα αρχείο .txt και αποθήκευσε το ως .css :)

Για να συνδέσεις το .css αρχείο σου με το .html, πρέπει να βάλεις μέσα στο <head> </head> την εξής γραμμή κώδικα:

Κώδικας: Επιλογή όλων

  <link rel="stylesheet" href="yourfilename.css" media="screen" type="text/css" />
  
Μέσα στο css μπορείς να γράψεις κι άλλα πράγματα, όπως γράψαμε με για το div wrapper.

Κάθε φορά που ορίζεις ένα id , στο css το γράφεις με το σύμβολο "#" μπροστά, όπως πχ #wrapper.

Κάθε φορά που ορίζεις μια κλάσση ( class ) την γράφεις με την τελεία (.) μπροστά πχ αν το wrapper ήταν κλάση θα το γράφαμε .wrapper.

Η διαφορά της κλάσης με το ID είναι ότι το ID μπορεί να χρησιμοποιηθεί ΜΟΝΟ μια φορά σε όλο το έγγραφο σου, ενώ μια κλάση μπορεί να χρησιμοποιηθεί αρκετές φορές με επαναλήψεις.

Π.Χ μπορείς να ορίσεις μια κλάση με όνομα: StixisiARISTERA
και να της δώσεις το εξής χαρακτηριστικό στο .css

Κώδικας: Επιλογή όλων

   
.StixisiARISTERA&#123;
float&#58;left;
&#125;
Έτσι κάθε φορά που θα θέλεις να βάλεις ένα στοιχείο σου αριστερά θα βάζεις class="StixisiAristera".

Δες εδώ τι ωραία πράγματα που θα βρείς http://htmldog.com/guides/
Τελευταία επεξεργασία από το μέλος ALR την 09 Μαρ 2009 14:23, έχει επεξεργασθεί 1 φορά συνολικά.
Γίνονται πραγματάκια

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

html template

Δημοσίευση από katerina28 » 09 Μαρ 2009 14:15

ALR ευχαριστώ πάρα πολύ τα τεστάρω αυτό και αν κάτι δεν μου πάει καλά θα σου πω.

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

html template

Δημοσίευση από ALR » 09 Μαρ 2009 14:23

κι εγώ ευχαριστώ που λες σωστά το nickname Μου.
Οι περισσότεροι την πρώτη φορά με λένε ARL. Με έχουν πεί και ALF.
Φαντάσου! :p
Γίνονται πραγματάκια

katerina28
Δημοσιεύσεις: 201
Εγγραφή: 16 Δεκ 2007 22:14

html template

Δημοσίευση από katerina28 » 09 Μαρ 2009 14:53

Τα divs που μπαίνουν στην html στο body ανάμεσα?
Αν δεν σου είναι δύσκολο κανε μου ένα html μαζί τα divs.

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

html template

Δημοσίευση από ALR » 09 Μαρ 2009 15:23

Ναι τα divs μπαίνουν μέσα στο <body> tag.

Δες αυτό το πρότυπο για να καταλάβεις

Κώδικας: Επιλογή όλων

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="en">
<head>
	<title>Page Layout 3</title>
	
</head>

<body>

<div id="navigation">

<ul>

	<li><a href="">Biology</a></li><li><a href="">Evolution</a></li><li><a href="">Natural Selection</a></li><li><a href="">Genetics</a></li>
</ul>

<ul>
	<li><a href="">Erasmus Darwin</a></li><li><a href="">Lamarck</a></li><li><a href="">Charles Darwin</a></li><li><a href="">Fisher</a></li><li><a href="">Dawkins</a></li>
</ul>

</div>

<div id="content">

<h2>On the Origin of The Origin</h2>
<p>Darwin's father was dead set on his son becoming a cleric but even though the young rapscallion started to study theology he found worms much more interesting.</p>
<p>When a lonely man with a moustache asked Darwin to ride with him on his boat named after a dog, Darwin agreed and set off around the world fiddling with wildlife.</p>
<p>It is said that it was a load of birds from the Ecuadorean Galapagos archipelago that inspired his now widely accepted explanation of the mechanism of evolution. "Why does that bird on that island have a beak like that while that finch on that island has a beak like that? AHA! I've got it! Natural Selection!" he thought.</p>

<h3>The Origin</h3>
<p>After getting back from his jaunt, Charles started work on his theory of evolution. Distracted by games of Reversi, Freecell and Solitaire on his computer, he took quite a while but then he heard that some Australian bloke named Wallace had come up with a similar idea so he got a move on to prevent his thunder being stolen.</p>

<p>In 1858 Darwin and Wallance presented a joint paper to the Linnean Society of London that sent rumbles across the establishment and really quite upset a lot of people. The next year saw the publication of Darwin's 500-page 'abstract' - 'On The Origin of Species by Means of Natural Selection or the Preservation of Favoured Races In The Struggle For Life' &#40;or OTOOSBMONSOTPOFRITSFL for short&#41;.</p>
<p>Darwin was propelled into superstardom, but even with his bling-bling lifestyle on a Caribbean island surrounded by scantly clad young ladies he didn't rest.</p>

<h3>After The Origin</h3>
<p>In between movie roles and enjoying chart-topping success with singles such as 'I Like Big Ducks' and 'Darwin's Got A Brand New Bat' Chuck D managed to revise the Origin five times, each one a bit more toned down than the one before it, partly to appease his religious wife. Who also happened to be his cousin. But after a few more years he'd had enough of trying to disguise the logical conclusion that humans are descended from the same common ancestor as all other animals he published 'The Descent of Man' to really piss off the religious establishment.</p>
<p>Darwin lived out his final days as a celebrity wrestler with a traveling circus.</p>
<p>His body can now be found encased in granite in the food hall of London's Natural History Museum. Near the toilets.</p>


</div>

</body>
</html>



ΟΜΩΣ,

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

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες