Ang pinakamadaling paraan upang lumikha ng isang website ay ang paggamit ng isang template. Gayunpaman, upang mapakita ang mapagkukunan, kailangan mong baguhin ang default na layout. At dito hindi mo magagawa nang walang pangunahing kaalaman sa html at css.
Panuto
Hakbang 1
Hanapin ang template ng website na pinakaangkop sa iyo sa Internet. Bigyang pansin ang mga kakayahan nito, ang kakayahang umangkop sa laki ng monitor, mga tampok ng menu at layout ng mga haligi. I-download ang bersyon na gusto mo sa iyong computer, i-unpack ang archive. Suriin ang pagganap nito sa pamamagitan ng pag-upload ng mga file sa ugat ng site. Marahil ang template ay naglalaman ng mga error at hindi mai-install nang tama, pagkatapos ay walang point sa pagtatrabaho kasama nito sa hinaharap.
Hakbang 2
Kahit na hindi mo ganap na gagawing muli ang template, palitan ang karamihan sa mga imahe, at lalo na ang mga matatagpuan bilang isang logo. Palitan ang bawat larawan sa ganitong paraan:
- buksan ang graphic file sa programang Photoshop;
- sa menu na "Larawan" - "Laki ng imahe" tingnan ang mga parameter nito;
- buksan ang isang bagong sheet na may eksaktong parehong sukat;
- Lumikha ng nais na imahe gamit ang mga tool sa application;
- patagin ang lahat ng mga layer at i-save (hindi para sa web) isang bagong larawan sa ilalim ng parehong pangalan at sa parehong folder, itinatakda ang orihinal na format.
Kaya, sa halip na isang imahe, dapat lumitaw ang isa pa.
Hakbang 3
Sa sandaling palitan mo ang lahat ng mga larawan, i-zip ang folder kasama ang mga file (sa kaso ng Joomla) at i-upload ito sa pamamagitan ng panel ng admin ng site sa menu na "Mga Extension". Tingnan kung ang tema ay nagpapakita ng tama sa mga bagong guhit.
Hakbang 4
Baguhin ang natitirang mga parameter sa style.css. Bukod dito, mas maginhawa upang gawin ito hindi sa pamamagitan ng admin panel, ngunit sa isang computer. Makatwirang gamitin ang localhost (Denver) upang makita ang resulta ng mga pagbabago sa lalong madaling panahon. Iiwasan nito ang pangangailangan na i-upload ang resulta sa server sa bawat oras upang matingnan ang mga resulta pagkatapos ng susunod na pag-edit.
Hakbang 5
I-download ang libreng FireBug plugin para sa Mozilla Firefox. Pagkatapos ng pag-install, lilitaw ang isang dilaw na icon ng bug sa kanang sulok sa itaas ng browser. Mag-click dito o pindutin ang F12 key at sa ilalim ng screen, lilitaw ang code ng pahina sa isang gumuyong bersyon. Maaari itong buksan sa pamamagitan ng pag-hover ng mouse sa mga plus sign. At kung nag-click ka sa linya ng isang elemento, ito ay mai-highlight sa tuktok ng screen. Sa kanang bahagi ng window na may code, mahahanap mo ang mga istilo na nagpapahiwatig ng mga linya na responsable para sa hitsura. At agad na magiging malinaw kung saan kailangan mong i-edit ang file ng estilo upang baguhin ang disenyo.
Hakbang 6
Buksan ang style.css sa Notepad ++. Maaari mong gamitin ang iba pang mga programa na idinisenyo upang mai-edit ang code, ngunit para sa hangaring ito hindi mo maaaring gamitin ang karaniwang "Notepad", kung hindi man ay magkakaroon ng mga error dahil sa pag-encode. Gumamit ng FireBug upang hanapin ang mga parameter na nais mong baguhin at i-edit ang mga ito sa Notepad ++ nang sabay.
Hakbang 7
I-save ang panghuling css at i-upload ang file sa server.
