Stii sa faci anumite lucruri?! Arata-le si altora. Creaza-ti contul si incepe sa postezi. Site-ul care te ajuta sa te descurci singur.

Facebook Google+ Twitter
Creaza-ti contul si incepe sa scrii un tutorial chiar acum. Ajuta-i pe altii sa se descurce cu ce stii tu sa faci.

 Cum sa adaugam un file CSS extern in Dreamweaver CC

Vizualizari 1031
Pagina 1 din 1

Scrisde joglas » 27 Iun 2016, 14:50

Advertisements:
Asa arata structura siteului nostru si codurile html,de la care incepem:
1.jpg
1.jpg (Vizualizat de 1031 ori)

Inainte sa incepem sa adaugam file CSS,sa aruncam un ochi si sa vedem cu arata siteul nostu in browser:
2.jpg
2.jpg (Vizualizat de 1031 ori)

Bun,acum sa incepem...
1. Pentru a crea un file CSS extern,selectionam CSSDesigner,apoi la Origini,apasam semnul "+" si apoi selectam Crea un nuovo file CSS:
3.jpg
3.jpg (Vizualizat de 1031 ori)

2. In urmatoare fereastra Crea un nuovo file Css,la File/Url:scriem numele stile,la Agg.come:lasam selectionat Collegamento si apoi dam OK:
4.jpg
4.jpg (Vizualizat de 1031 ori)

3. In acest punct,la Origini,trebuie sa avem selectat stile.css,cel creat anterior,apoi mergem la Selettori,unde apasam semnul"+",si incepem sa adaugam regulile CSS:
5.jpg
5.jpg (Vizualizat de 1031 ori)

4. Dupa ce am apasat "+" , scriem body,de aici incepem sa adaugam regulile CSS:
6.jpg
6.jpg (Vizualizat de 1031 ori)

La body,vom schimba doar culoarea la background...Cu body selectat in Selettori,mergem la Proprieta,iar la categoria Sfondo,schimbam background-color:
7.jpg
7.jpg (Vizualizat de 1031 ori)

O sa o schimbam intr-un gri si va arata asa:
8.jpg
8.jpg (Vizualizat de 1031 ori)

5. In Selettori din nou apasam "+",si creem o noua regula:h1,h2,h3,h4,h5,h6,p,ol,ul,li.Aceasta e regula de reset.La aceasta regula ,mergem la Proprieta si la margin selectam 0 px in toate directiile:
9.jpg
9.jpg (Vizualizat de 1031 ori)

6. Mai departe in Selettori,facem o noua regula,pentru #wrapper,se scrie cu semnul"#"in fata ptr.ca este un "div id".Acestuia ii setam o latime(width):900px,margin:auto (left,right) si background-color:un gri mai deschis decat body.Rezultatul va fii acesta:
10.jpg
10.jpg (Vizualizat de 1031 ori)

7. Urmatoarea regula pe care o adaugam in Selettori ,este pentru header.In Proprieta,acestuia ii dam o inaltime(height):150px; si o latime(width):100%.Latime o setam 100% deoarece va avea latime de la #wrapper ,de 900 px.
11.jpg
11.jpg (Vizualizat de 1031 ori)

Putem adauga si o imagine in header la aceste dimensiuni.La Proprieta,in background-image,selectam urlsi punem poza pe care o dorim:
12.jpg
12.jpg (Vizualizat de 1031 ori)

8. Mai facem o regula si la article.La acesta ii dam un padding:10px(top-sus)si ii schimbam culoarea la text:
13.jpg
13.jpg (Vizualizat de 1031 ori)

9. Acum facem si la footer.Acestuia ii dam un padding:10px(top-bottom,sus-jos),text-allign:center si background-color:
14.jpg
14.jpg (Vizualizat de 1031 ori)

In acest punct ,selectam File,dam Salva tutto si apoi F12,pentru a vedea cum arata acum siteul nostru in browser:
15.jpg
15.jpg (Vizualizat de 1031 ori)

Asa arata acum siteul nostru dupa ce am aplicat regulile CSS.A fost un simplu exemplu ptr a arata cum se adauga un file CSS extern...Spor !!!
Sponsored Links:
Ultima oară modificat în 27 Iun 2016, 22:06, modificat de 2 ori în total.
joglas
 
Mesaje: 10
Membru din: 20 Iun, 2016
Total puncte: 0


Sponsored Links:

Distribuie pe:

1 mesaj • Pagina 1 din 1
Citeste si:
Sponsored Links:
Cum sa faci un site folosind Adobe Dreamweaver CC (ptr.incepatori)
în Programare
de joglas » 26 Iun 2016, 16:13
Răspunsuri 0
Vizualizări 1635
Cum se fac tabele in Dreamweaver CC
în Programare
de joglas » 10 Iul 2016, 14:41
Răspunsuri 0
Vizualizări 1010
Cum se adauga un CSS extern intr-o pagina web facuta in HTML(ptr incepatori)
în Software
de joglas » 04 Iul 2016, 15:40
Răspunsuri 0
Vizualizări 1085
Sponsored Links:

Înapoi la Software

Sustine-ne printr-un simplu Like pe Facebook
x #{title}

#{text}