Paano Gumawa Ng Isang Header Ng Goma Para Sa Isang Website

Talaan ng mga Nilalaman:

Paano Gumawa Ng Isang Header Ng Goma Para Sa Isang Website
Paano Gumawa Ng Isang Header Ng Goma Para Sa Isang Website

Video: Paano Gumawa Ng Isang Header Ng Goma Para Sa Isang Website

Video: Paano Gumawa Ng Isang Header Ng Goma Para Sa Isang Website
Video: TIPS SA PAG-ALAGA NG MGA SISIW SA BROODER | BUHAY PROBINSYA | BUHAY BUKID 2024, Nobyembre
Anonim

Kapag lumilikha ng isang website sa Internet, ang isa sa pinakamahalagang puntos na dapat isaalang-alang ng isang developer ay ang pag-andar, kagalingan ng maraming tao at pagganap nito. Upang ang site ay ganap na maipakita sa anumang browser sa mga computer na may iba't ibang mga resolusyon sa screen, maaari kang lumikha ng isang maginhawang "goma" na header, na binubuo ng maraming mga graphic element.

Paano gumawa ng isang header ng goma para sa isang website
Paano gumawa ng isang header ng goma para sa isang website

Panuto

Hakbang 1

Sa unang hakbang ng paglikha ng gayong header para sa isang website, buksan sa Photoshop ang imaheng handa mo na para sa pag-post sa web, at pagkatapos ay gupitin ito gamit ang Slice Tool sa toolbar. Gupitin ang header upang ang bahagi ng gitna ay walang laman, upang magtapos ka ng tatlong mga graphic na elemento. Papayagan nitong mag-inat ang header para sa anumang resolusyon sa screen.

Hakbang 2

Pagkatapos mong gupitin ang header, i-save ito sa pamamagitan ng pag-optimize ng mga file kapag nagse-save para sa format ng web (I-save para sa web). Itakda ang nais na format ng file para sa pag-save - halimbawa, gif, jpeg, o png. Upang baguhin ang bawat fragment ng imahe, mag-click sa pagpipiliang Slice Select Tool sa menu at baguhin ang laki ng mga imahe upang ang kanilang laki ay kasing liit ng posible na may pinakamaliit na pagkawala sa kalidad ng visual display ng imahe sa screen. I-save ang iyong na-edit na mga imahe bilang html at mga imahe.

Hakbang 3

Matapos mai-save ang mga larawan, i-edit ang HTML code sa pamamagitan ng pagbubukas ng naka-save na dokumento na html gamit ang Notepad. Sa notepad, burahin ang lahat ng hindi kinakailangang mga linya ng code. Iiwan lamang ang mga kinakailangang linya - data tungkol sa talahanayan kung saan naka-embed ang iyong mga larawan:

Hakbang 4

Sa mga linyang ito, sa halip na yourimage.gif, ang landas sa iyong mga imahe na may naaangkop na lapad at taas ay dapat na tukuyin.

Hakbang 5

Upang maunat ang gitnang bahagi ng imahe, ikakalat ang matinding mga imahe sa mga gilid, isulat ang mga kaukulang katangian ng code sa mga linya. Tukuyin ang iyong sariling mga parameter ng lapad at taas sa code.

Hakbang 6

I-upload ang mga nabuong mga imahe ng header sa root direktoryo ng iyong site, at pagkatapos ay i-edit ang HTML code na may mga bagong landas sa mga imahe ng header sa server. I-paste ang header code sa pagitan ng mga tag.

Inirerekumendang: