În secolul trecut, aspectul paginii web a fost domeniul câtorva profesioniști. Progresele tehnologice au simplificat foarte mult această sarcină. Acum orice utilizator de Internet poate face un site web.
Este necesar
- - pachet software pentru aspectul paginii web;
- - un editor grafic raster pentru crearea elementelor de design.
Instrucțiuni
Pasul 1
Faceți o listă a elementelor care vor fi prezente pe site. Acestea pot fi componente precum un meniu de navigare, un formular de căutare, un banner publicitar sau de informații, o listă de prieteni. Numele proiectului este de obicei indicat în partea de sus a paginii, poate exista un meniu de navigare orizontală. Partea centrală este alocată conținutului principal al site-ului. În partea de jos a paginii, sunt plasate de obicei contoare de prezență, informații de contact pentru feedback.
Pasul 2
Creați un aspect de site web într-un editor grafic. Sarcina principală aici este de a determina aspectul elementelor, poziția lor relativă. Nu folosiți culori prea strălucitoare. O paletă de culori neutre este percepută cel mai bine. Folosiți un stil consistent pentru blocuri. Încercați să faceți designul cât mai ușor de utilizat posibil. Evitați elementele dificil de implementat în HTML și CSS.
Pasul 3
Salvați aspectul paginii în format bitmap fără pierderi de calitate. Definiți elementele de stil care trebuie redate utilizând HTML. Acestea pot fi meniuri, linkuri, tabele, formulare de căutare. Extrageți restul elementelor din aspect și salvați-le în fișiere separate. Creați două documente text pe hard disk. Schimbați extensia uneia dintre ele în.htm. Acesta va conține codul responsabil pentru poziția relativă a elementelor. Al doilea fișier va conține foi de stil.
Pasul 4
Deschideți primul fișier într-un editor HTML. Plasați pe pagină elemente de design salvate mai devreme în fișiere bitmap. Creați linkuri text, tabele și alte elemente care trebuie redate în HTML. Atributele elementelor, cum ar fi culoarea, dimensiunea fontului, prezența chenarelor, se scriu într-un fișier CSS. Dacă trebuie să animați elemente de pagină, utilizați JavaScript.
