HTML(ΔΙαχωρισμος της ιστοσελιδας)

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
babist
Δημοσιεύσεις: 105
Εγγραφή: 15 Οκτ 2009 14:41

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από babist » 15 Ιούλ 2012 21:52

Γεια σας ειμαι αρχαριος στο θεμα της κατασκευεις ιστοσελιδας και εχω κολλησει.Πως μπορω να χωρισω την αρχικη σελιδα σε 2 μερη.Δηλαδη οπως ειναι η αρχικη του freestuff δεξια ενας χωρος για φωτο και τελευταια νεα και αριστερα κατι σαν καρτελες που επιλεγεις αναλογα εκει π θες να πας

andreaslll
Δημοσιεύσεις: 680
Εγγραφή: 16 Νοέμ 2011 04:00

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από andreaslll » 16 Ιούλ 2012 00:29

Ότι και να θέλεις να φτιάξεις, με html παρέα με css θα το κάνεις. Ξεκίνα να διαβάζεις...

babist
Δημοσιεύσεις: 105
Εγγραφή: 15 Οκτ 2009 14:41

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από babist » 16 Ιούλ 2012 01:22

ναι..προφανως το εκπαιδευτικο site π εχω δεν με καλυπτει εχεις να μου προτιμεις καποιο site?

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από alou » 16 Ιούλ 2012 02:05

Ξεκίνα από εδώ
http://www.w3schools.com

και αν θες να το προχωρήσεις καλύτερα να ψάξεις ένα καλό σύγχρονο βιβλίο.

babist
Δημοσιεύσεις: 105
Εγγραφή: 15 Οκτ 2009 14:41

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από babist » 16 Ιούλ 2012 13:17

το κοιταξα το site αλλα δεν βρηκα απαντησει στο ερωτιμα μου...μηπως ξερει καποιος πως γινεται?

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από apsuh0s » 16 Ιούλ 2012 13:44

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

"Ο διαχωρισμός της σελίδας", όπως αναφέρεις, γίνετε μέσω css. Ψάξε στο google για τον όρο " css 2 column layout" και φαντάζομαι θα βρεις πολλά αποτελέσματα. Ωστόσο δεν πιστεύω πως θα καταλάβεις πολλά εφόσον δεν διαβάσεις 10 βασικά πράματα.

Ένα πρόχειρο παράδειγμα:

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


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>2 column layout</title>
<style>
	* &#123; 
		margin&#58; 0;
		padding&#58; 0;
	&#125;
	.container &#123;
		width&#58; 940px;
		margin&#58; 0 auto;
	&#125;
	.main-nav &#123;
		background&#58; yellow;
		width&#58; 300px;
		margin-right&#58; 30px;
		float&#58; left;
	&#125;
	ul &#123;
		list-style&#58; none;
	&#125;
	.main-container &#123;
		background&#58; #F66;
		width&#58; 590px;
		float&#58; right;
		padding&#58; 10px;
	&#125;
	section &#123;
		height&#58; 500px;
		background&#58; #9F6;
		margin-bottom&#58; 30px; 
	&#125;
	.page-footer &#123;
		clear&#58; both;
		height&#58; 200px;
		background&#58; #09F;
	&#125;
</style>
</head>

<body>
<div class="container">
	<nav class="main-nav">
		<ul>
			<li><a href="#">list item 1</a></li>
			<li><a href="#">list item 2</a></li>
			<li><a href="#">list item 3</a></li>
			<li><a href="#">list item 4</a></li>
			<li><a href="#">list item 5</a></li>
			<li><a href="#">list item 6</a></li>
		</ul>
	</nav>
	<div class="main-container">
		<section>
			news section
		</section>
		<section>
			photos section
		</section>
	</div><!-- .main-container -->
	<footer class="page-footer">
		page footer
	</footer>
</div><!-- .container -->
</body>
</html>
.ninja { color: black; visibility: hidden !important; }

andreaslll
Δημοσιεύσεις: 680
Εγγραφή: 16 Νοέμ 2011 04:00

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από andreaslll » 16 Ιούλ 2012 13:46

Αν δεν βρήκες εκεί την απάντηση, τότε η μόνη λύση που έχεις είναι να βάλεις ένα έτοιμο cms πχ wordpress και να βρείς ένα θέμα που να είναι από τη μάνα του ακριβώς όπως το θέλεις. Υπάρχουν άπειρα.

babist
Δημοσιεύσεις: 105
Εγγραφή: 15 Οκτ 2009 14:41

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από babist » 16 Ιούλ 2012 18:26

Ευχαριστω πολυ apsuh0s η αληθεια ειναι οτι αρχιζω να τα καταλαβαινω απλα πρεπει να εξασκοιθω παραπανο

Άβαταρ μέλους
Easyrider
Δημοσιεύσεις: 385
Εγγραφή: 18 Μάιος 2005 21:26
Τοποθεσία: Αθήνα
Επικοινωνία:

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από Easyrider » 16 Ιούλ 2012 21:50

[offtopic] apsuh0s, ρε φιλε γαμω τις υπογραφες λεμεεεεεε !!! :hammer: :hammer: :lol: [/offtopic]
Δημήτρης

leandroz21
Δημοσιεύσεις: 83
Εγγραφή: 24 Ιούλ 2012 20:24
Επικοινωνία:

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από leandroz21 » 12 Σεπ 2012 07:29

Εχεις δοκιμασει iframes?

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από korgr » 12 Σεπ 2012 08:55

leandroz21 έγραψε:Εχεις δοκιμασει iframes?
Και αν θέλει να χωρίσει την σελίδα σε 12 μέρη, να βάλει 12 iframes? :hammer:

Μιλάμε για το box modeling εδώ. Τα iframes τα χρησιμοποιούμε μόνο αν πρέπει να τρέξει εκεί μέσα ένα ανεξάρτητο αρχείο (και όχι ένα τμήμα της ίδιας σελίδας).

Webmate
Δημοσιεύσεις: 97
Εγγραφή: 21 Αύγ 2012 01:18
Τοποθεσία: Καβάλα
Επικοινωνία:

HTML(ΔΙαχωρισμος της ιστοσελιδας)

Δημοσίευση από Webmate » 12 Σεπ 2012 09:44

me iframes den ginete ... einai opos to lei kogr.. pare dio divs kai me float kai css kane tin doulia sou.

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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