ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

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

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

Απάντηση
Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

Δημοσίευση από ThyClub » 27 Μάιος 2009 22:31

Αν δεις στην φωτογραφία είσαι σε design view. Γύρισε το σε code view και πάνω πάνω στον κώδικα θα δείς αυτό που σου είπα.

marina6
Δημοσιεύσεις: 22
Εγγραφή: 23 Σεπ 2008 22:06

ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

Δημοσίευση από marina6 » 28 Μάιος 2009 22:16

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

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

ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

Δημοσίευση από korgr » 29 Μάιος 2009 01:29

Ανεφερες κατι για κειμενο, αλλα στην εικονα που μας εδωσες δεν ειδα κειμενο...
Αν μπορεις κανε copy τον κωδικα της σελιδας σου και βαλτον εδω ωστε να βοηθησουμε!
Επισης ειδα πως πειραξες απο τα "αγκιστρα" τις διαστασεις της φωτογρεαφιας σου. Αυτο να το αποφευγεις σαν το διαβολο το λιβανι αν θες να μην εχεις προβληματα ποιοτητας στην απεικονιση των images...

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

Δημοσίευση από dimsis » 29 Μάιος 2009 11:16

Διάβασε εδώ μήπως σε βοηθήσει για την εικόνα:
http://www.webdesignerwall.com/tutorial ... ackground/
Το καλύτερο είναι να φτιάχνεις την εικόνα φόντου σε fix πλάτος π.χ. 1280 pixels width να την βάζεις σε ένα layer που είναι στο κέντρο και έπειτα να έχεις ένα background με μια εικόνα που επαναλαμβάνεται ομαλά και "δένει" με αυτήν που έχεις στο layer. Αυτό περιγράφεται και στο παραπάνω link. (Διάβασε και εδώ αν έχεις χρόνο: http://unstoppablerobotninja.com/entry/fluid-images/ )

Εικόνα που κάνει strech (τεντώνει) ως φόντο δεν σου συνιστώ να βάλεις (όπως δηλαδή κάνουν τα windows όταν βάζεις μια εικόνα ως streched wallpaper). Γίνετε και αυτό, κάνε ένα view source εδώ και θα δεις πως: http://www.imaginekitty.com/stretchbg.html αλλά απόφυγε το γιατί πλέον παίζουν πολύ αναλύσεις 1280, 1680, 1920 κλπ...

Για το liquid (elastic / fluid) design δοκίμασε αν θέλεις τον source code που παράγει το Dreamweaver:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body &#123;
	font&#58; 100% Verdana, Arial, Helvetica, sans-serif;
	background&#58; #666666; /* εδώ αν θέλεις εικόνα πρόσθεσε και ένα url&#40;όνομα εικόνα&#41; χωρίς repeat */
	margin&#58; 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding&#58; 0;
	text-align&#58; center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color&#58; #000000;
&#125;
.oneColLiqCtr #container &#123;
	width&#58; 100%;  /* this will create a container 80% of the browser width */
	background&#58; #FFFFFF;
	margin&#58; 0 auto; /* the auto margins &#40;in conjunction with a width&#41; center the page */
	border&#58; 1px solid #000000;
	text-align&#58; left; /* this overrides the text-align&#58; center on the body element. */
	min-width&#58;760px; 
&#125;
.oneColLiqCtr #mainContent &#123;
	padding&#58; 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
&#125;
-->
</style></head>

<body class="oneColLiqCtr">

<div id="container">
  <div id="mainContent">
    <h1> Main Content </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
    <h2>H2 level heading </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
	<!-- end #mainContent --></div>
<!-- end #container --></div>
</body>
</html>

marina6
Δημοσιεύσεις: 22
Εγγραφή: 23 Σεπ 2008 22:06

ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

Δημοσίευση από marina6 » 03 Ιουν 2009 00:52

dimsis gia sou...vazw ton source code p m edwses ala tpt....otan pataw ctr + ,i foto p exw mesa se ena div vgeni eksw apo tin oli selida.......k ta gramata berdeuontai metaksi tous...

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27617
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

Δημοσίευση από cordis » 03 Ιουν 2009 01:08

marina6 έγραψε:dimsis gia sou...vazw ton source code p m edwses ala tpt....otan pataw ctr + ,i foto p exw mesa se ena div vgeni eksw apo tin oli selida.......k ta gramata berdeuontai metaksi tous...
θα μας βοηθούσες πολύ αν έγραφες κανονικά και όχι σα να γράφεις sms!!

ευχαριστώ!
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

marina6
Δημοσιεύσεις: 22
Εγγραφή: 23 Σεπ 2008 22:06

ΕΡΩΤΗΣΕΙΣ ΓΙΑ LAYOUTS,LIQUID κείμενα στο dreamweaver..

Δημοσίευση από marina6 » 04 Ιουν 2009 00:42

ΟΚ ,Ξεχαστηκα και εγραψα με greeklish....τι προυποθέσεις πρεπει να εχει μια ιστοσελιδα για να ειναι layout?

Απάντηση

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

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

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