Ang pinakamadaling paraan para sa isang nagsisimula upang lumikha ng isang website ay ang paggamit ng isang karaniwang template. Ang pagiging natatangi ng mapagkukunan ay maaaring makamit sa pamamagitan ng paggawa ng isang bilang ng mga kosmetiko at pang-organisasyon na pagbabago sa karaniwang disenyo.
Kailangan
- - template ng site;
- - Programa ng Photoshop;
- - extension para sa browser FireBug;
- - Editor ng Notepad ++.
Panuto
Hakbang 1
Maghanap ng isang template ng website na angkop para sa iyo sa Internet. Galugarin ang mga iminungkahing template, binibigyang pansin ang kanilang kakayahang umangkop sa laki ng monitor, ang mga detalye ng pag-aayos ng mga haligi at menu. I-download ang napiling pagpipilian. Suriin ang pagganap nito sa pamamagitan ng pag-upload ng mga file sa ugat ng site na nilikha. Kung ang template ay naglalaman ng mga error na napansin sa trabaho, mas mahusay na maghanap ng ibang pagpipilian.
Hakbang 2
Baguhin ang karamihan sa mga imahe sa template. Palitan ang bawat larawan tulad ng sumusunod. Ilunsad ang Photoshop at buksan ang isa sa mga graphic graphic file dito. Hanapin sa menu na "Imahe" sa haligi ng "Laki" para sa mga parameter ng larawan. Magbukas ng isang bagong sheet na may parehong mga sukat at lumikha ng imahe na kailangan mo dito. I-save ang resulta sa template folder sa ilalim ng pangalan ng graphic file na papalitan. Samakatuwid, kinakailangan upang palitan ang lahat ng mga makahulugang larawan.
Hakbang 3
Baguhin ang natitirang mga parameter gamit ang style ng cascading tables.css, isang pormal na wika ng pagprograma na naglalarawan sa hitsura ng isang dokumento. Mas madaling magawa ang mga naturang pagbabago sa pamamagitan ng admin panel, at mas mahusay na tingnan ang mga resulta sa lokal na pagho-host upang hindi mai-upload ang bawat pag-update sa server.
Hakbang 4
I-download at i-install ang libreng extension ng FireBug para sa iyong browser. Ang isang icon na may dilaw na bug ay dapat lumitaw sa kanang sulok sa itaas ng window ng browser. Mag-click sa icon at pindutin ang F12. Lumilitaw ang nabagsak na code ng pahina sa ilalim ng screen. Maaari itong mapalawak sa pamamagitan ng pag-hover sa mga plus sign. Sa pamamagitan ng pag-click sa hilera ng isang elemento, makikita mo kung paano ito nai-highlight sa tuktok ng screen. Sa kanang bahagi ng window na may code mayroong mga istilo na nagpapahiwatig ng mga linya na responsable para sa hitsura ng pahina.
Hakbang 5
Buksan ang template sa Notepad ++ editor. Gumamit ng FireBug upang hanapin ang mga parameter na mababago at mai-edit ang mga ito sa Notepad ++.
Hakbang 6
I-save ang resulta at i-upload ang nilikha na site sa server.
