Crearea de pagini web (partea 3) - aspect în dreamweaver e - lecții Photoshop interzise

1. Creați un folder nou și copiați toate imaginile în ultima ei lecție.

2. Rulați Macromedia Dreamweaver

3. Dacă rulați un Macromedia Dreamweaver pentru prima dată - veți vedea o fereastră atunci când începe. Alege - Designer.

va apărea 4. Următoarea Această fereastră (sau nu poate apărea dacă cineva sau dezactivat-o mai devreme.), interfața de produs în timp ce nu ia în considerare în mod special. Meniurile, barele de instrumente - la fel ca oriunde altundeva. Deci, nu trebuie confundat cu numărul lor - nu vă faceți griji, și nu să acorde o atenție pentru a le încă. Suntem în Dreamweaver. Am venit la locul de muncă.

5. Crearea unui fișier nou. Dacă vedeți o pagină așa cum se arată mai sus, faceți clic pe punktk HTML sub Creare. Dacă pagina este dezactivată, de asemenea, nu contează - pentru a selecta meniul de sus File - Nou. Există o astfel de fereastră ca în imaginea de mai jos. Alegeti - HTML - vom face aceeași pagină. Apoi faceți clic pe butonul Creare. Acum ne păstrăm pagina noastră. Și numele ei este index.html face în așa fel. Apoi vom avea nevoie de ea la pagina noastră se numește în acest fel la zagruzkeee de găzduire. Cu excepția ar trebui să fie acolo, în cazul în care sunt imagini, care este, și imaginea și pagina trebuie să fie în același folder.

6. Acum, setați proprietățile de bază ale paginii noastre. Selectați meniul Modificare - pagina de proprietăți (sau faceți clic pe Ctrl + J). Există o fereastră Pagina proprietate (pagina Properties)

7. Aici vom alege pentru viitor tip de pagină și dimensiunea fontului noastre, culoarea fontului, culoarea de fundal. Uită-te la imaginea și setați parametrii specificați. În timp ce puteți și experiment - din nou, toate pot fi modificate cu ușurință.

8. Acum, du-te la tab-ul Link-uri (link-uri) Aici puteți selecta tipul fontului, referințele de culoare, culoarea lor după vizita și stilul lor (subliniat sau nu, de exemplu).

9. Aceasta este o fereastra foarte importantă. Și nu pentru că acolo vom intra titlul paginii - șirul care este afișat în bara de titlu a browser-ului. Aici vom selecta codificarea. Nu este aceeași codificare - și caractere fără sens în loc română. Am ales aspectul! Și faceți clic - Reîncărcați. La acest acest oknoshkom și finisaj.

10. Dar, în acest moment și începe același design de masă. Pentru că vom crea în cele din urmă un tabel! Dar, cel mai important, veți vedea că face puțin mai dificilă decât în ​​bine-cunoscut de mulți Cuvîntul, de exemplu! Ceea ce avem acum și să vedem. Astfel, elementul de meniu Insert - tabel sau (Ctrl + Alt + T)

Tabelul fereastra apare (a se vedea tabelul) Vom crea un tabel cu lățime fixă ​​- 700 pixeli, format din 4 rânduri (rând) și 1 coloana (coloanele) Orice altceva - zerouri, și este încă dor pentru a salva tempo-ul global. Nu Macromedia Dreamweaver studiu de interfață - Pagini create! Apoi, faceți clic pe - OK

11. Acum, aliniați tabelul centrat. Și aici avem un pic privire la Penela. Uită-te în partea de jos a ecranului. Există în căutarea pentru proprietățile panoului, în cazul în care astfel nu este acolo - du-te la meniul de sus, punctul Ferestre - Properties și va apărea.

12. Selectați lista Align (aliniere) element Center. Tabelul ascultător centrat. Până în prezent, totul merge conform planului! Acum să schimbe culoarea de fundal ei - lasa masa noastră va fi de culoare albă pe pagina generală de fundal gri.

13. Noțiuni de bază pentru a insera imagini! Deja! La început, se introduce o imagine în antetul paginii. Faceți clic cu cursorul la rândul de sus al tabelului. Apoi, din meniul de sus, faceți clic pe Inserare - Imagine sau (Ctrl + Alt + I) Va apărea o fereastră în care vom alege imaginea din dreapta. Alegeți fotografia cu elefanți, faceți clic pe OK.

14 se introduce De asemenea subsol. Singura diferență este că, în acest caz, setați cursorul în rândul de jos a tabelului. Și asta ar trebui să ne ducă în cele din urmă. Sa întâmplat? Felicitări! Nu uita, de altfel, în timp ce lucrați pentru a salva fișierul.

15. turn Tabelul 2 în timpul rândului (imediat sub Hedera). tabele INSERT, cum să știi. Ai uitat? A se vedea punctul 10 al parametrilor de masă sunt afișate în imagine.

17. Tabelul format sub meniul nostru. Acum inserați-l în imaginea celulei. Acest lucru ne-am angajat deja la punctul 14 - 15, citit în scopul de a reîmprospăta memoria procesului. Și ar trebui să obținem ceva de genul:

Ne apropiem rapid linia de sosire! Rămâne doar pentru a crea un tabel cu trei coloane, în care vom plasa textul în primă aproximație, pagina este gata! Deși, desigur, acest lucru nu este tot, dar cel mai important - faptul că am făcut într-adevăr ca un web real, - pagina.

18. Introduceți un conținut de tabel. Facem click pe rândul de masă, meniul de mai jos - l avem unul lăsat necompletate. Uitați-vă bine la imaginea din tabelul de parametri, vom folosi noua funcție. Crește lățimea frontierelor celulare. De ce? Și dacă asta nu face textul coloanei adiacente - coloane vor fi foarte apropiate unul de altul - este urât, și nu corespunde schiței.

Și totuși - că textul arata bine, apoi aliniați celulele. Faceți clic în celulă, și pe partea de jos a panoului pentru a selecta stânga justificată, și pe partea de sus. Ei bine, vom face acest lucru în fiecare celulă - pentru coerență.

20. Acum, introduceți textul.

Ei bine, asta e tot pentru azi. Prima pagină este gata. Cu siguranță, este departe de a fi ideal, da, și nu este ultima sesiune.

Ne vedem în curând și mult noroc prieteni!