Paano Gumawa Ng Isang Imahe Ng Background Sa Isang Website

Talaan ng mga Nilalaman:

Paano Gumawa Ng Isang Imahe Ng Background Sa Isang Website
Paano Gumawa Ng Isang Imahe Ng Background Sa Isang Website

Video: Paano Gumawa Ng Isang Imahe Ng Background Sa Isang Website

Video: Paano Gumawa Ng Isang Imahe Ng Background Sa Isang Website
Video: PAANO MAGDOWNLOAD NG BACKGROUND PICTURE? 2024, Nobyembre
Anonim

Maaari mong malaman ang mga pangunahing kaalaman sa pagbuo ng site sa iyong sarili; may sapat na impormasyon sa paksang ito sa Internet at mga libro. Gayunpaman, sa paunang yugto, madalas na lumitaw ang mga paghihirap sa paggamit ng isa o ibang tag. Sa katunayan, ang pinaka-karaniwang mga bahagi ay pinakamahusay na naaalala dahil ang mga ito ay mahalaga kapag nagsusulat ng anumang website.

Paano gumawa ng isang imahe ng background sa isang website
Paano gumawa ng isang imahe ng background sa isang website

Panuto

Hakbang 1

Piliin ang larawan na nais mong gamitin bilang iyong imahe sa background. Kung balak mong isingit ang teksto sa ilustrasyon, kung gayon sa kasong ito ipinapayong limitahan ang iyong sarili sa mga pagpipilian nang walang labis na pagkakaiba-iba, kung saan maraming kulay ang ginagamit na malapit sa kalikasan. Sa prinsipyo, upang matanggal ang mga ripples, maaari kang lumikha ng isang "background" para sa nilalaman - at ang problema ay matagumpay na malulutas.

Hakbang 2

Iwasto ang imahe gamit ang Adobe Photoshop. Kapag tapos ka na, piliin ang utos na I-save Para sa Web mula sa menu ng File at piliin ang folder na gusto mo. Kung ito ang unang imaheng gagamitin para sa site, pagkatapos ay isang folder na "Mga Larawan" ang awtomatikong nilikha.

Hakbang 3

Sa tag, isulat ang katangiang background = "path to image". Mag-record ng halimbawa: o. Sa parehong oras, tandaan na ang tag ay dapat na lumitaw nang isang beses lamang sa code, hindi ito dapat na maparami.

Hakbang 4

I-save ang mga pagbabago sa notepad, i-click ang pindutang "Refresh" sa browser. Lilitaw ang wallpaper sa screen. Kung ang mga sukat ng imahe ay mas maliit kaysa sa mga parameter ng web page, pagkatapos ang imahe ay madoble ng maraming beses kung kinakailangan upang punan ang buong puwang. Mayroong dalawang paraan upang maitama ang kakulangan na ito:

• gamit ang programang Adobe Photoshop, itakda ang kinakailangang mga parameter ng larawan sa mga pixel ("Larawan" - "Laki ng imahe");

• itakda ang mga kinakailangang sukat sa html-code.

Halimbawa, kung ang lapad ay 1250 px, at ang taas ay 650 px, pagkatapos ay kailangan mong idagdag ang mga kinakailangang katangian para sa table cell kung saan mailalagay ang larawan.

Hindi mo maitatakda ang laki sa tag - ang imahe ay laging ipapakita sa buong sukat.

Hakbang 5

Analogue ng mga cc para sa pagpasok ng isang imahe sa background:

larawan sa background

KATAWAN {

background-image: url (mga imahe / bg.jpg);

}

Ang katangiang "background-image: url (mga imahe / bg.jpg)" ay ang landas sa larawan sa background.

Inirerekumendang: