Site in Dreamweaver

#1
AlleXyS1

Posted 22 September 2015 - 21:35

Active Member

Grup: Members
Posts: 1,107
Înscris: 05.05.2010

Acum ceva timp mi-am facut un site in html, zic eu destul de dragut (facut in dreamweaver). Problema a venit cand am inceput sa adaug prea multe pagini, si trebuia sa editez apoi fiecare pagina pentru a adauga meniul nou format cu toate linkurile. M-am lasat balta.

Intre timp, am auzit de CSS, ca si cum ar fi chiar lucrul care mi-a lipsit mie atunci.

M-am decis sa incerc iar, ceva simplu in Dreamweaver folosind html + css, dar am cateva mici dileme :

- sa spun ca siteul o sa aibe 500 pagini
- fiecare pagina o s-o impart in 4 categorii : header (cu meniul), continut, sidebar, footer
- header, sidebar si footer vor fi la fel pe toate paginile, asa ca, la orice modificare a lor, nu vreau sa le adaug iar in toate cele 500 pagini, ci sa editez un singur fisier, si apoi schimbarile sa se faca automat in restul. Aici intervine CSSul. Deci, ar trebui sa creez fisierele header.css, footer.css, sidebar.css in care sa fac stilul fiecaruia in parte.
- creez fisierele header.html, footer.html si sidebar.html pentru fiecare fisier CSS in parte
- continutul ar trebui sa fie pagina in site (fiecare din cele 500 pagini).

Deci, cum vad eu acum situatia pentru 2 pagini diferite :

PAGINA INDEX.HTML :
copiaza header.html (cu stilul header.css) - cu tot cu meniu
copiaza sidebar.html (cu stilul sidebar.css)
scrie continutul paginii index.html
copiaza footer.html (cu stilul header.css)

PAGINA EUROPA.HTML :

copiaza header.html (cu stilul header.css) - cu tot cu meniu
copiaza sidebar.html (cu stilul sidebar.css)
scrie continutul paginii europa.html
copiaza footer.html (cu stilul header.css)

Deci, cam asta ar trebui sa includa sursa fiecare pagini : sa extraga headerul din fisierul header.html, footerul din footer.html, sidebarul din sidebar.html iar continutul sa fie singura modificare care o s-o fac eu din "pix" .... acesta fiind unic pentru fiecare pagina in parte.

Pot face lucrurile astea? Este corect asa? Deci, cand aduc schimbari MENIULUI, sa le aduc doar in fisierul header.html, si de acolo sa se actualizeze pentru toate cele 500 pagini, nu sa-l modific eu peste tot. M-am gandit la iframe-uri ... ar fi corect ?

deci sursa paginii index.html ar arata ceva de genul :

<body>
<iframe src="header.html"></iframe>
<iframe src="sidebar.html"></iframe>
continut text ..... bla bla
<iframe src="footer.html"></iframe>
</body>

ar arata destul de inestetic

Back to top

#2
colombo2003

Posted 22 September 2015 - 21:57

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

1) Nu este nevoie sa ai fisiere separate de css pentru fiecare sectiune! Nici nu este recomandat de altfel sa ai mai mujlt de 2-3 fisiere css...
2) Meniul va fi intr-un fisier php separat. La fel si sidebar-ul si footer-ul. In index.php (si apoi in fiecare a site-ului, chiar daca zici ca vei avea cam 500), vei "chema" cele trei fisiere.
Daca, in timp, se modifica ceva (vreo informatie) intr-unul dintre cele 3 fisiere, nu trebuie sa modifici decat in fisierul respective; si atat (nici macar in css)!

Atentie ca fiecare pagina din cele 500 trebuie sa aibe cate un fisier php in spate!

Back to top

#3
Demon000

Posted 22 September 2015 - 22:02

Lone wanderer

Grup: Senior Members
Posts: 2,372
Înscris: 09.01.2015

Varianta invers�. P�strezi meniul, sidebar-ul și altele �n index.html și �ncarci conținutul �ntr-un iframe folosind Javascript. E oarecum mai accesibil, dec�t s� �nveți PHP.

Edited by Demon000, 22 September 2015 - 22:02.

Back to top

#4
AlleXyS1

Posted 22 September 2015 - 22:04

Active Member

Grup: Members
Posts: 1,107
Înscris: 05.05.2010

colombo2003, on 22 septembrie 2015 - 21:57, said:

1) Nu este nevoie sa ai fisiere separate de css pentru fiecare sectiune! Nici nu este recomandat de altfel sa ai mai mujlt de 2-3 fisiere css...
2) Meniul va fi intr-un fisier php separat. La fel si sidebar-ul si footer-ul. In index.php (si apoi in fiecare a site-ului, chiar daca zici ca vei avea cam 500), vei "chema" cele trei fisiere.
Daca, in timp, se modifica ceva (vreo informatie) intr-unul dintre cele 3 fisiere, nu trebuie sa modifici decat in fisierul respective; si atat (nici macar in css)!

Atentie ca fiecare pagina din cele 500 trebuie sa aibe cate un fisier php in spate!

deci ar merge chiar vestitul fisier style.css sa faca fata pentru tot siteul.

deci daca am inteles eu bine, va trebui sa am fisierele urmatoare : style.css, menu.php, header.php, footer.php, index.php ... etc....etc

unde, pentru fiecare pagina de la index.php incolo, o sa "chem" fisierele menu.php, header.php si footer.php !! In style.css o sa am designeul pentru toate cele 4 categorii : meniu, header, footer si restul paginilor (inclusiv index)

chestia e .... cum fac aceasta "chemare" ? iframeuri nu am vazut sa se foloseasca in cazul asta

) tot prin div-uri?

Back to top

#5
banculescu

Posted 22 September 2015 - 22:19

Member

Grup: Members
Posts: 901
Înscris: 04.10.2014

php-ul de care vorbeste colegul e diferit de iframe sau div; sunt 3 notiuni diferite; php e un limbar de programare.

Back to top

#6
cristirg

Posted 22 September 2015 - 22:24

Senior Member

Grup: Senior Members
Posts: 7,707
Înscris: 16.11.2012

- invata mai bine html+css, ca php-ul e mai greu

Back to top

#7
AlleXyS1

Posted 22 September 2015 - 22:30

Active Member

Grup: Members
Posts: 1,107
Înscris: 05.05.2010

am gasit pe w3schools cum se integreaza footerul Posted Image

<html>
<body>
<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
<?php include 'footer.php';?>
</body>
</html>

sau pentru meniu

<html>
<body>
<div class="menu">
<?php include 'menu.php';?>
</div>
<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
</body>
</html>

cristirg, o sa am nevoie de accesari in baza de date, pentru a lua date de acolo si sa le afisez pe site ... cu html nu pot face asta, doar cu php Posted Image

mai nou am vazut unele siteuri cu extensia .aspx .... ar fi mai avantajos decat in php? facandu-l cu Dreamweaver ... ma gandesc ca imi usureaza mult munca, si n-o sa fie nevoie sa cunosc 100% limbajul.

edit : imi retrag cuvintele despre ASPX .... e scump, nu merge cu MySQL (Free) si e doar pentru Windows

Edited by AlleXyS1, 22 September 2015 - 22:35.

Back to top

#8
dani.user

Posted 23 September 2015 - 00:18

Guru Member

Grup: Senior Members
Posts: 29,834
Înscris: 24.02.2007

AlleXyS1, on 22 septembrie 2015 - 22:30, said:

edit : imi retrag cuvintele despre ASPX .... e scump, nu merge cu MySQL (Free) si e doar pentru Windows

Asta de unde ai scos-o?

Back to top

#9
alex05ok

Posted 23 September 2015 - 07:08

Member

Grup: Members
Posts: 375
Înscris: 08.11.2007

In Dreamweaver ai posibilitatea sa creezi un Template si daca schimbi ceva intr-o pagina se schimba in toate.
[ https://www.youtube-nocookie.com/embed/Mq8ODvKN5jA?feature=oembed - Pentru incarcare in pagina (embed) Click aici ]

Back to top

#10
Demon000

Posted 23 September 2015 - 08:05

Lone wanderer

Grup: Senior Members
Posts: 2,372
Înscris: 09.01.2015

alex05ok, on 23 septembrie 2015 - 07:08, said:

In Dreamweaver ai posibilitatea sa creezi un Template si daca schimbi ceva intr-o pagina se schimba in toate.
[ https://www.youtube-nocookie.com/embed/Mq8ODvKN5jA?feature=oembed - Pentru incarcare in pagina (embed) Click aici ]

Folosesti memorie degeaba.
Un site 'dinamically-loaded', economiseste banda, spatiu pe disc. Oricum, ma indoiesc ca va avea 500 de pagini la un site.

Back to top

#11
AlleXyS1

Posted 23 September 2015 - 18:55

Active Member

Grup: Members
Posts: 1,107
Înscris: 05.05.2010

Demon000, on 23 septembrie 2015 - 08:05, said:

Folosesti memorie degeaba.
Un site 'dinamically-loaded', economiseste banda, spatiu pe disc. Oricum, ma indoiesc ca va avea 500 de pagini la un site.

Va avea mult mai multe pagini, aici ar fi alta problema, ca nu stau sa le creez manual, ci mi-ar trebui ceva automat. Echipe de fotbal, pt fiecare cate o pagina in care sa afiseze statistici din baza de date. Exemplu, si cum imi imaginez eu ca ar fi o functie :

Creeaza pagina http://adresa.com/%echipa%.html
Iar in pagina afiseaza :
%echipa% este clasata pe %loc echipa%
%echipa% Are %nr puncte%
...

Back to top

#12
dani.user

Posted 23 September 2015 - 20:26

Guru Member

Grup: Senior Members
Posts: 29,834
Înscris: 24.02.2007

Aproape ca ai dat definitia unui site dinamic.
Invata o tehnologie web server-side (oricare e suficienta pentru ce ai nevoie si orice se poate folosi de MySQL) sau plateste pe cineva sa-ti faca ce ia nevoie, cumpara un abonament adecvat de hosting si bafta.

Back to top

#13
AlleXyS1

Posted 24 September 2015 - 21:31

Active Member

Grup: Members
Posts: 1,107
Înscris: 05.05.2010

dani.user, on 23 septembrie 2015 - 20:26, said:

Aproape ca ai dat definitia unui site dinamic.
Invata o tehnologie web server-side (oricare e suficienta pentru ce ai nevoie si orice se poate folosi de MySQL) sau plateste pe cineva sa-ti faca ce ia nevoie, cumpara un abonament adecvat de hosting si bafta.

php este o astfel de tehnologie sa inteleg? am citit pe undeva ca am nevoie de apache si xamp (mai nou xampp) pentru crearea unui site dinamic pe propriul pc (server).

Este acelasi lucru cu ce spune Demon000 mai sus? Un site 'dinamically-loaded', economiseste banda, spatiu pe disc

pana acum, de apache stiam doar ca e avion si ca e folosit de serverele pentru hosting, pe acolo mai gasisem cuvantul asta

) xamp, parca era un joc ceva

)

Back to top

#14
dani.user

Posted 24 September 2015 - 21:50

Guru Member

Grup: Senior Members
Posts: 29,834
Înscris: 24.02.2007

Apache e un server http, el raspunde la cereri.
PHP e un limbaj interpretat gandit sa proceseze cereri http. Adica Ion cerere lui Apache www.site.com/contact.php, Apache cheama interpretorul php si ii cere sa-i zica ce raspuns sa-i dea lui Ion. Interpretorul proceseaza contact.php, mai calculeaza una alta pe acolo, si scoate un .html ce-l da mai departe si care ajunge la Ion.

XAMP & similare sunt doar installere care-ti aduc pe Windows apache si php preconfigurate. Nu te opreste nimeni sa le instalezi manual.

Back to top

#15
DraculescuDraculescu

Posted 25 September 2015 - 19:12

Active Member

Grup: Members
Posts: 1,504
Înscris: 31.07.2015

De ce nu folosesti wordpress + tema premium?

Back to top

#16
AlleXyS1

Posted 26 September 2015 - 07:52

Active Member

Grup: Members
Posts: 1,107
Înscris: 05.05.2010

Pt ca am mai multe dezavantaje. Cel mai mare ar fi ca nu-mi sunt acceptate linkurile proprii pe wikipedia. Viteza si designul. Wp il tin pt stiri, iar un subdomeniu in php sau aspx vreau pt clasamente

Back to top

#17
AlleXyS1

Posted 26 September 2015 - 17:28

Active Member

Grup: Members
Posts: 1,107
Înscris: 05.05.2010

incep sa-mi prind urechile ....

deci, am creat asa :

1. FOLDERUL SITE :
1.1 - fisierul index.html
1.2 - folderul includes
1.2.1 - fisierul header.php
1.2.2 - fisierul menu.php
1.2.3 - fisierul footer.php
1.2.3 - fisierul style.css

1.2.1 Fisierul HEADER.PHP
aici o sa intre banerul in mare parte

1.2.2 Fisierul MENU.PHP
meniul siteului : Acasa / Scoruri / Clasamente / Forum

1.2.3 Fisierul FOOTER.PHP
in 3 sau 4 coloane, cateva linkuri, o descriere ... etc

1.2.4 Fisierul STYLE.CSS
aici o sa intre stilurile tuturor fisierelor. Adica, un stil pentru Header, unul pentru menu, unul pentru footer, unul pentru index .... si ce mai e cazul

1.2 Fisierul INDEX.HTML
Ar trebui creat fisierul index.php ma gandesc .... ca doar nu o sa am pagina principala in html, si celelalte in php. Problema e, ca daca ii schimb extensia in .php, pagina nu mai ruleaza in browser si-mi apare o caseta de download a codului.
Deci, corect ar fi index.php :

aici , o sa includ header.php, menu.php si footer.php + ceva continut

includerea fisierelor se poate face asa ?

<html>
<body>
[b][i]<?php include 'header.php';?>[/i][/b]
[b][i]<?php include 'menu.php';?>[/i][/b]
<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
[i][b]<?php include 'footer.php';?>[/b][/i]
</body>
</html>

Alta problema .... sa luam doar menu.php momentan. Stilul sau se afla in style.css, deci pentru a-l pune in aplicare o sa folosesc div-uri in menu.php !! Apoi pentru a-l integra in index.php o sa folosesc doar <?php include 'menu.php';?> fara sa mai am vreo treaba cu css-ul pentru menu.

pe scurt :
style.css include stilurile pentru toate fisierele
header.php, menu.php si footer.php isi vor lua stilurile din style.css
index.php isi va lua stilul din style.css si va include continutul din header.php, menu.php si footer.php

sorry, am transformat topicul intr-unul de tutoriale Posted Image

================= edit, ce gresesc aici ?

index.html

<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>World Club Ranking - FootballSize</title>
<LINK href="includes/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Page Heading</h1>
<?php include 'includes/menu.html';?
<p>Content placeholder ...</p>
<p>&nbsp;</p>
<div id="fixedfooter">
</div>
</body>
</html>

menu.html

<!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>
</head>
<body>
<ul>
<li class="col">
	 <div><a href="#">Acasa</a></div>
</li>
<li class="col">
	 <div>Clasamente</div>
	 <ul>
		 <li><a href="#">Lume</a></li>
		 <li><a href="#">UEFA</a></li>
		 <li><a href="#">South America</a></li>
		 <li><a href="#">Concacaf</a></li>
		 <li><a href="#">Asia</a></li>
		 <li><a href="#">Africa</a></li>
		 <li><a href="#">Oceania</a></li>
	 </ul>
</li>
<li class="col">
	 <div>Coeficienti</div>
	 <ul>
		 <li><a href="#">2016</a></li>
		 <li><a href="#">2015</a></li>
	 </ul>
</li>
</ul>
</body>
</html>

stiu ca daca am cod php in fisier, trebuie sa-l schimb in .php pentru a putea fi citit. Daca schimb in index.php, browserul imi afiseaza tot codul .... e ca un Notepad. Daca pun meniul din menu.html in index.html functioneaza. M-am zapacit de tot .... fisierele vreau sa le fac .php, dar browserul nu le citeste, sau gresesc eu undeva (Opera o versiune mai veche folosesc). Si parca includerile astea nu se pot face in html, ci doar in php

Edited by AlleXyS1, 26 September 2015 - 17:56.

Back to top

#18
dani.user

Posted 26 September 2015 - 21:07

Guru Member

Grup: Senior Members
Posts: 29,834
Înscris: 24.02.2007

Gresesti ca-i dai direct browserului cod php, browserul nestiind ce sa faca cu el.
Trece-l printr-un webserver si acceseaza ca http://localhost/index.php, nu dublu click pe index.php.

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Site in Dreamweaver

#1 AlleXyS1 Posted 22 September 2015 - 21:35

#2 colombo2003 Posted 22 September 2015 - 21:57

#3 Demon000 Posted 22 September 2015 - 22:02

#4 AlleXyS1 Posted 22 September 2015 - 22:04

#5 banculescu Posted 22 September 2015 - 22:19

#6 cristirg Posted 22 September 2015 - 22:24

#7 AlleXyS1 Posted 22 September 2015 - 22:30

#8 dani.user Posted 23 September 2015 - 00:18

#9 alex05ok Posted 23 September 2015 - 07:08

#10 Demon000 Posted 23 September 2015 - 08:05

#11 AlleXyS1 Posted 23 September 2015 - 18:55

#12 dani.user Posted 23 September 2015 - 20:26

#13 AlleXyS1 Posted 24 September 2015 - 21:31

#14 dani.user Posted 24 September 2015 - 21:50

#15 DraculescuDraculescu Posted 25 September 2015 - 19:12

#16 AlleXyS1 Posted 26 September 2015 - 07:52

#17 AlleXyS1 Posted 26 September 2015 - 17:28

#18 dani.user Posted 26 September 2015 - 21:07

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
AlleXyS1

Posted 22 September 2015 - 21:35

#2
colombo2003

Posted 22 September 2015 - 21:57

#3
Demon000

Posted 22 September 2015 - 22:02

#4
AlleXyS1

Posted 22 September 2015 - 22:04

#5
banculescu

Posted 22 September 2015 - 22:19

#6
cristirg

Posted 22 September 2015 - 22:24

#7
AlleXyS1

Posted 22 September 2015 - 22:30

#8
dani.user

Posted 23 September 2015 - 00:18

#9
alex05ok

Posted 23 September 2015 - 07:08

#10
Demon000

Posted 23 September 2015 - 08:05

#11
AlleXyS1

Posted 23 September 2015 - 18:55

#12
dani.user

Posted 23 September 2015 - 20:26

#13
AlleXyS1

Posted 24 September 2015 - 21:31

#14
dani.user

Posted 24 September 2015 - 21:50

#15
DraculescuDraculescu

Posted 25 September 2015 - 19:12

#16
AlleXyS1

Posted 26 September 2015 - 07:52

#17
AlleXyS1

Posted 26 September 2015 - 17:28

#18
dani.user

Posted 26 September 2015 - 21:07