Sa huling siglo, ang layout ng web page ay ang domain ng ilang mga propesyonal. Ang mga pagsulong sa teknolohiya ay pinasimple ang gawaing ito. Ngayon ang sinumang gumagamit ng Internet ay maaaring gumawa ng isang website.
Kailangan iyon
- - Pakete ng software para sa layout ng web page;
- - isang raster graphic editor para sa paglikha ng mga elemento ng disenyo.
Panuto
Hakbang 1
Gumawa ng isang listahan ng mga elemento na makikita sa site. Maaari itong maging mga sangkap tulad ng isang menu sa pag-navigate, isang form sa paghahanap, isang advertising o banner ng impormasyon, isang listahan ng mga kaibigan. Ang pangalan ng proyekto ay karaniwang ipinahiwatig sa tuktok ng pahina, maaaring mayroong isang pahalang na menu sa pag-navigate. Ang gitnang bahagi ay nakatalaga sa pangunahing nilalaman ng site. Sa ilalim ng pahina, ang mga counter ng pagdalo ay karaniwang inilalagay, impormasyon sa pakikipag-ugnay para sa feedback.
Hakbang 2
Lumikha ng isang layout ng website sa isang graphic na editor. Ang pangunahing gawain dito ay upang matukoy ang hitsura ng mga elemento, ang kanilang kamag-anak na posisyon. Huwag gumamit ng masyadong maliliwanag na kulay. Ang isang walang kinikilingan na paleta ng kulay ay pinakamahusay na pinaghihinalaang. Gumamit ng isang pare-parehong istilo para sa mga bloke. Subukang gawin ang disenyo bilang user-friendly hangga't maaari. Iwasan ang mga elemento na mahirap ipatupad sa HTML at CSS.
Hakbang 3
I-save ang layout ng pahina sa format na bitmap nang walang pagkawala ng kalidad. Tukuyin ang mga elemento ng estilo na ibibigay gamit ang HTML. Maaari itong mga menu, link, talahanayan, mga form sa paghahanap. I-extract ang natitirang mga elemento mula sa layout at i-save ang mga ito sa magkakahiwalay na mga file. Lumikha ng dalawang mga dokumento sa teksto sa iyong hard drive. Palitan ang extension ng isa sa kanila sa.htm. Maglalaman ito ng responsableng code para sa kamag-anak na posisyon ng mga elemento. Maglalaman ang pangalawang file ng mga styleheet.
Hakbang 4
Buksan ang unang file sa isang editor ng HTML. Ilagay sa mga elemento ng disenyo ng pahina na nai-save nang mas maaga sa mga file ng bitmap. Lumikha ng mga link ng teksto, talahanayan, at iba pang mga elemento na kailangang i-render sa HTML. Ang mga katangian ng mga elemento, tulad ng kulay, laki ng font, pagkakaroon ng mga hangganan, isulat sa isang CSS file. Kung kailangan mong buhayin ang mga elemento ng pahina, gumamit ng JavaScript.
