Headers in Dreamweaver CS5

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

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

Απάντηση
atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 12:40

Παρακαλώ πέστε μου τι πρέπει να κάνω έτσι ώστε να παραμένει πάντα ορατό σε ολές τις σελίδες η επικεφαλίδα όπως και κάποια div tags. Ευχαριστώ

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Headers in Dreamweaver CS5

Δημοσίευση από Kypros Lambrou » 31 Οκτ 2011 14:07

atriant έγραψε:Παρακαλώ πέστε μου τι πρέπει να κάνω έτσι ώστε να παραμένει πάντα ορατό σε ολές τις σελίδες η επικεφαλίδα όπως και κάποια div tags. Ευχαριστώ
Χρησιμοποιείς δυναμικό κώδικα (php, asp.net) ή απλό html?

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 17:25

'Εχω τον παρακάτω κώδικα και θέλω το κόκκινο πλαίσιο AP Div να εμφανίζεται πάντα και σε κάποια άλλη σελίδα μέσα στο Webpage πχ. (site2.html) δηλαδή όπως τα headers μέσα σε webpages. Ευχαριστώ

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
position:fixed;
left:125px;
top:61px;
width:742px;
height:71px;
z-index:1;
background-color: #FF0000;
}
</style>
</head>

<body>
<div id="apDiv1"><a href="site2.html">test</a></div>
</body>
</html>

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Headers in Dreamweaver CS5

Δημοσίευση από Kypros Lambrou » 31 Οκτ 2011 17:43

Μπορείς να το κάνεις με iframes σε html κάτι που δεν σου συνιστώ σε καμία περίπτωση!

Ο καλύτερος τρόπος θα ήταν να χρησιμοποιήσεις την php αν έχεις την δυνατότητα, δημιουργώντας ένα αρχείο "header.html" το οποίο να το συμπεριλαμβάνεις όπου θέλεις ανάλογα απλά προσθέτοντας:

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

<?php include_once&#40;"header.html"&#41;; ?> 
Έτσι θα έχεις δύο αρχεία.
page1.php

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

<!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>

</head>

<body>
<?php include_once&#40;"header.html"&#41;;
</body>
</html>
header.html

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

<style type="text/css">
#apDiv1 &#123;
position&#58;fixed;
left&#58;125px;
top&#58;61px;
width&#58;742px;
height&#58;71px;
z-index&#58;1;
background-color&#58; #FF0000;
&#125;
</style>


<div id="apDiv1"><a href="site2.html">test</a></div>
Ακόμα καλύτερα θα ήταν να χρησιμοποιούσες και ένα εξωτερικό αρχείο για το CSS.

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 17:50

Έαν υποθέσουμε ότι δουλεύω μόνο με Dreamweaver CS5;

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Headers in Dreamweaver CS5

Δημοσίευση από Kypros Lambrou » 31 Οκτ 2011 18:01

atriant έγραψε:Έαν υποθέσουμε ότι δουλεύω μόνο με Dreamweaver CS5;
Τότε μάλλον υποθέτουμε ότι δεν χρησιμοποιείς κώδικα αλλά απλά τα βάζεις μέσω του Design στον Dreamweaver?

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 18:04

Πες μου σε παρακαλώ πως θα το κάνω σε Dreamweaver

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Headers in Dreamweaver CS5

Δημοσίευση από Kypros Lambrou » 31 Οκτ 2011 18:05

Και πάλι θα πρέπει να βάλεις τα περιεχόμενα του header σε ξεχωριστό αρχείο και να το περιλαμβάνεις εκεί που θέλεις με iframe:

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

<iframe src="header.html"></iframe>
Σε ρωτώ αν χρησιμοποιείς καθόλου κώδικα ή αν θέλεις οδηγίες για να πατήσεις δεξί κλικ -> μενού κτλ...

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 18:14

Αγαπητέ καλύτερα αν γίνεται μόνο με Dreamweaver. Πεσ μου τα βήματα και αρχίζω

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Headers in Dreamweaver CS5

Δημοσίευση από Kypros Lambrou » 31 Οκτ 2011 18:23

atriant έγραψε:Αγαπητέ καλύτερα αν γίνεται μόνο με Dreamweaver. Πεσ μου τα βήματα και αρχίζω
1. Δημιουργία μιας νέας σελίδας "header.html" και βάλε μέσα το κόκκινο κουτί και ότι άλλο θέλεις να εμφανίζεται στο header της σελίδας σου
2. Διάγραψε τον κώδικα που εμφανίζει το header απο την page1.html που έχεις τώρα ή όπως και αν την έχεις ονομάσει.
3. Στο σημείο που θέλεις να εμφανίζεται κάνε copy και paste την γραμμή για να συμπεριλάβεις με iframe το header που σου έδωσα πιο πάνω.

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 18:38

Έγινε!!! άλλα το κόκκινο πλαίσιο δεν εμφανίζεται ολόκληρο

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 18:45

και κάτι άλλο. Το Header θα το φτιάξω με Insert Div Tag ή Draw AP Div ;

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 18:50

Επιπλέον το κόκκινο πλαίσιο εμφανίζεται με scroll bar

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 18:57

Έχει επίσης και μια γραμμή πλαισίου γύρω γύρω πως θα βγεί αυτή;

atriant
Δημοσιεύσεις: 26
Εγγραφή: 09 Οκτ 2011 18:52
Τοποθεσία: Μυτιλήνη

Headers in Dreamweaver CS5

Δημοσίευση από atriant » 31 Οκτ 2011 19:21

Με άφησες μόνο μου !!!

Απάντηση

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

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

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