Paano Baguhin Ang Background Ng Site

Talaan ng mga Nilalaman:

Paano Baguhin Ang Background Ng Site
Paano Baguhin Ang Background Ng Site

Video: Paano Baguhin Ang Background Ng Site

Video: Paano Baguhin Ang Background Ng Site
Video: Paano baguhin ang background ng google meet ♡ | itstaramae 2024, Nobyembre
Anonim

Kung ang background ng mga pahina ng iyong site ay binubuo ng isang larawan, na may lapad ng site at pinarami nang patayo, maaari mo lamang itong baguhin sa pamamagitan ng pag-edit ng larawang ito sa isang graphic editor. At kung ang background ay nabuo sa code ng mga pahina, maaaring mabago ang mga ito gamit ang mga tagubilin sa ibaba.

Paano baguhin ang background ng site
Paano baguhin ang background ng site

Panuto

Hakbang 1

Upang baguhin ang background, kailangan mo munang matukoy kung paano ito itinakda sa kasalukuyang bersyon ng mga pahina ng site. Upang magawa ito, buksan ang source code ng pahina sa server. Magagawa ito sa isang ordinaryong text editor, isang karaniwang Notepad ang gagawin. At kung gagamit ka ng anumang sistema ng pamamahala ng nilalaman, ang pahina ay maaaring mai-edit nang direkta sa browser gamit ang built-in na editor ng pahina. Ang HTML code ng pahina (HTML - HyperText Markup Language, "hypertext markup language") ay binubuo ng mga linya na may mga tagubilin para sa browser na naglalarawan sa mga uri, ang hitsura at layout ng bawat elemento ng web page. Ang mga tagubiling ito ay tinatawag na "mga tag" at naka-grupo ito sa mga bloke, ang isa ay nagsisimula sa isang start tag at nagtatapos sa isang end tag. Ayon sa mga pamantayan ng HTML, maaari mong itakda ang mga parameter ng background ng pahina sa pambungad na tag. Ginagawa ito sa pamamagitan ng paglalagay ng katangian ng bgcolor dito: Narito ang kulay ng background ng pahinang ito ay nakatakda sa berde. Ang ilang mga kulay ayon sa mga pamantayan ng HTML ay may kani-kanilang mga pangalan - halimbawa, Chocolate o Gainsboro, ngunit karaniwang gumagamit ng mga hexadecimal na mga code ng kulay: Kung ang kulay ng background ay tinukoy sa ganitong paraan, dapat mong makita ang body tag sa code ng pahina at palitan ang katangian ng bgcolor pahalagahan ang gusto mo.

Hakbang 2

Ang mga pahinang may mas kumplikadong disenyo ay madalas na gumagamit ng CSS (Cascading Style Sheets) upang ilarawan ang hitsura. Ang CSS ay isang wikang partikular na idinisenyo upang ilarawan ang hitsura ng mga elemento sa isang html na dokumento. Ang mga bloke ng CSS-code ay maaaring isama sa code ng pahina, na nakapaloob sa isang hiwalay na file na may extension na "css" at nakakonekta sa pahina na may isang espesyal na tagubilin sa code ng mapagkukunan ng pahina. Dapat mong makita ang tag sa code ng pahina - kung ito ay tumutukoy sa isang panlabas na file, kailangan mong buksan ang file na ito para sa pag-edit. Ang ganitong isang link ay maaaring magmukhang ganito: @import "style.css"; At kung ang tag ay agad na sinusundan ng mga tagubilin, at hindi isang link sa file, kailangan mong i-edit ang mga estilo dito. Sa parehong kaso, kailangan mong hanapin ang bahagi ng paglalarawan ng estilo na tumutukoy sa katawan ng dokumento - katawan. Ngunit sa wikang CSS, hindi na ito tatawaging isang "tag" ngunit isang "tagapili", at maaaring magmukhang, halimbawa, tulad nito:

katawan {

background-color: Green;

kulay puti;

}

Kailangan mong palitan ang halaga ng parameter ng kulay ng background - itinatakda nito ang kulay ng background ng pahina. At narito din, posible na ipahiwatig ang ilang mga shade ng kulay ayon sa pangalan, ngunit mas mahusay na gumamit ng mga hexadecimal na halaga. Halimbawa, ang hexadecimal na halaga para sa shade Chocolate = # D2691E. Posibleng tukuyin hindi lamang ang kulay, kundi pati na rin ang imahe para sa background: body {

background: Green url (img / bg.jpg) ulitin-x;

kulay puti;

} Narito ang url (img / bg.jpg) ay nangangahulugan na ang isang larawan na pinangalanang bg.jpg

Inirerekumendang: