Ang disenyo ng anumang site ay batay sa mga larawan sa background at kulay, tulad ng isang bahay sa isang pundasyon. Kung mayroon kang isang pagnanais na palitan ang tipikal na pundasyon ng iyong mapagkukunan sa Internet ng isang bagay na mas indibidwal, pagkatapos ay dapat kang magsimula sa pagbuo ng disenyo. At kapag handa na ito, ang pulos panteknikal na bahagi ay mananatili, iyon ay, pinapalitan ang lumang disenyo ng background ng site na tinukoy sa source code ng mga pahina ng bago. Mayroong maraming mga paraan upang maipatupad ito sa pagsasanay.
Panuto
Hakbang 1
Una kailangan mong malaman kung alin sa mga paraan ang background ay itinakda sa kasalukuyang bersyon ng site. Upang magawa ito, buksan ang HTML code ng pahina. Magagawa mo ito sa isang simpleng text editor sa pamamagitan ng pag-download ng file mula sa server nang maaga. O maaari mong gamitin ang editor ng mga pahina ng system ng pamamahala ng nilalaman, kung gumagamit ka ng isa. Ang editor ng pahina ay hindi nangangailangan ng pag-download ng file, ngunit binago ito nang direkta sa server gamit ang browser bilang isang interface. Ang HTML code (HyperText Markup Language) ng pahina na iyong bubuksan ay binubuo ng mga linya ng pagtuturo para sa browser. Inilalarawan nila ang mga uri, hitsura, at lokasyon ng bawat isa sa mga elemento ng isang web page. Ang mga tagubiling ito ay karaniwang tinutukoy bilang "mga tag". Sinusunod din ng pagkakasunud-sunod ng mga tag mismo sa code ng pahina ang mga patakaran ng wikang HTML - nahahati sila sa mga bloke, ang una ay dapat na isang heading ng bloke na nagsisimula sa isang tag at nagtatapos. Dapat itong sundin ng bloke na mas interesado ka ngayon - ang katawan ng dokumento. Ito ay limitado sa mga tag at. Sa pambungad na tag ng block na ito (), maaari kang maglagay ng impormasyon tungkol sa background ng pahina. Ang nasabing impormasyon sa loob ng mga tag ay tinatawag na "mga katangian". Ang katangian ng body tag na nagtatakda ng kulay ng background ay tinukoy bilang bgcolor at sa code na maaaring ganito ang hitsura: Dito itinakda namin ang kulay ng background para sa pahina sa pilak. Maaaring makilala ng browser ang ilan sa mga kulay sa kanilang mga pangalan, ngunit upang hindi mapagkamalan, mas mahusay na ipahiwatig ang kanilang mga hexadecimal code. Ang bersyon na ito na may kulay pilak sa hexadecimal expression ay magiging ganito: Kaya, kailangan mong hanapin ang tag na nagsisimula sa <body sa pahina ng code at suriin kung mayroon itong kulay sa background. Kung gayon, palitan ang indikasyon ng kulay dito sa iyong bagong bersyon at i-save ang mga pagbabago sa pahina.
Hakbang 2
Ang background sa kasalukuyang disenyo ng iyong site ay maaaring itakda hindi ayon sa kulay, ngunit sa pamamagitan ng isang larawan. Ang kaukulang katangian ng body tag ay tinatawag na background, at maaaring magmukhang ganito sa code: Dito, ang background ay ang bg.jpg
Hakbang 3
Kapag naglalarawan ng hitsura ng mga pahina na may isang medyo kumplikadong disenyo, gamitin ang "mga sheet ng style na cascading" - CSS (Cascading Style Sheets). Ang mga bloke ng CSS code ay maaaring maisama nang direkta sa code ng pahina o nakapaloob sa isang panlabas na file na may extension na "css". Kailangan mong hanapin ang tag ng paglalarawan ng estilo na nagsisimula sa <style sa header na bahagi ng code ng pahina (sa pagitan ng mga at mga tag). Kung naglalaman ito ng isang link sa isang panlabas na file, magmumukhang ganito: @import "style.css"; Narito ang isang link sa isang styleheet na pinangalanang style.css. Kailangan mong buksan ang tinukoy na file para sa pag-edit. At kung walang link, at pagkatapos ng pambungad na <style tag ay may mga tagubilin sa istilo, kung gayon kailangan mong i-edit ang mga ito dito. Sa parehong pagpipilian, kabilang sa mga paglalarawan ng mga istilo, kailangan mong hanapin ang mga nauugnay sa katawan ng dokumento (katawan). Ang ganitong bloke ng mga paglalarawan ay maaaring magmukhang ganito: body {
kulay sa background: Silver;
kulay itim;
} Narito kailangan mong palitan ang halaga ng background-color parameter ng halaga ng iyong bagong kulay at mas mahusay sa parehong mga hexadecimal na halaga. Ang pagpipiliang larawan sa background sa mga tagubilin sa CSS ay dapat ganito: body {
background: # C0C0C0 url (img / bg.jpg) ulitin-y;
kulay itim;
} Narito ang link sa larawan ay pareho sa tinalakay sa itaas, at # C0C0C0 bago ang link ay nangangahulugan na ang puwang ng pahina na hindi sinakop ng larawan sa background ay magkakaroon ng isang background sa pilak. Ipinapahiwatig ng "Ulitin-y" na ang larawan sa background ay dapat na multiply sa kahabaan ng Y (patayong) axis. Ang "Repeat-y" ay maaaring mapalitan ng "ulitin-x" (pahalang na pagtitiklop) o "hindi ulitin" (huwag magtiklop). Kung hindi mo tinukoy ang pag-uulit, kung gayon ang imahe ng background ay mai-tile sa background space ng pahina sa lahat ng direksyon.
