Tutoriale Web Design, Wordpress si SEO

Intr-un post anterior v-am aratat cum se poate construi un site cu frame-uri doar din CSS, acum am sa incerc sa va explic o alta varianta, folosind Dreamweaver.

Pentru cei care nu sunt familiari….

Frame-urile sunt cadre in pagina, fiind flexibile permit pastrarea pe loc a anumitor parti ale site-ului. Folosind frameurile nu va mai trebui sa repetati aceleasi elemente in pagina si prin urmare nici reincarcarea lor in browser.

Foarte util pentru incepatori este faptul ca Dreamweaver poate creea automat un document set de cadre atunci cand se imparte o pagina in doua sau mai multe.

Pasii:

1. Se deschide o pagina goala;
2. Modify - Frameset si de aici se va selecta una din optiunile:

• Split Frame Left (stanga)
• Split Frame Right(dreapta)
• Split Frame Up(sus)
• Split frame Down(jos)

Sau Insert- Frames / File - New Document - Category( o gama bogata de frameuri)

In jurul fiecarui cadru(frame) si in jurul intregii pagini veti avea borderui noi. Borderurile de cadru delimiteaza fiecare frame.

Pentru a modifica un frame nu ramane decat sa trageti bordura intr-o noua locatie.

Selectarea unui cadru - Apasat ALT si executati click in interiorul cadrului. Cand selectati un cadru, Property Inspector afiseaza proprietatile cadrului selectat.

Pentru a adauga frame-uri: Modify- Frameset sau prin tragerea cu mouseul (+ALt optional)

Pentru a sterge un cadru: click pe bordura cadrului si fie se scoate in afara paginii sau se muta borderul pana se ajunge la o alta bordura de cadru.

Salvarea cadrelor - Ctrl+S (dar nu veti fi sigur ce pagina se salveaza); File - Save all; Se executa click pe in interiorul frame-ului si apoi File - Save file as (astfel incat veti putea dupa cum doriti si stiid clar fiecare frame in parte). Pentru fisierul set de cadre se va da index.html (sau orice adresa).

Gata cu lectia azi ca raman fara amprente