Paano Gumawa Ng Isang Takip Ng Goma

Talaan ng mga Nilalaman:

Paano Gumawa Ng Isang Takip Ng Goma
Paano Gumawa Ng Isang Takip Ng Goma

Video: Paano Gumawa Ng Isang Takip Ng Goma

Video: Paano Gumawa Ng Isang Takip Ng Goma
Video: Soplong - Larong Goma 2024, Nobyembre
Anonim

Ang itaas na bahagi ng site, na tinatawag ding header, ay karaniwang sumasalamin sa paksa ng mapagkukunan at maaaring maglaman ng isang bar ng nabigasyon. Kung ang header ng site ay may isang tiyak na lapad, pagkatapos ay sa mga screen ng mga gumagamit na may iba't ibang mga resolusyon, magkakaiba ang hitsura ng bahaging ito ng site. Upang ang header ng site ay magmukhang pareho sa anumang screen, kinakailangang gumawa ng ilan sa mga seksyon nito na lumalawak o lumiliit depende sa laki ng screen. Ang nasabing isang takip ng goma ay maaaring gawin nang hindi inaayos ang lapad nito sa mga pixel.

Paano gumawa ng isang takip ng goma
Paano gumawa ng isang takip ng goma

Kailangan

magkaroon ng sarili mong website

Panuto

Hakbang 1

Upang makagawa ng isang cap ng goma, iguhit muna ito sa Photoshop. Pagkatapos paghiwalayin ang 3 mga bahagi ng larawan: 2 panig at gitna. Ang mga piraso na ito ay dapat na tungkol sa 10-20 mga pixel ang lapad at tungkol sa taas ng header na gusto mo. I-save ang bawat elemento upang mayroon kang 3 magkakaibang mga file: 1.gif, 2.gif, 3.gif. Isumite ang mga imaheng ito sa site.

Hakbang 2

Susunod, lumikha ng isang talahanayan na hahawak sa mga elemento sa tuktok ng site. Upang magawa ito, isulat sa HTML code:

Ang isang mesa na may lapad na 100% ay maaabot o lumiit depende sa laki ng screen ng gumagamit.

Hakbang 3

Gumawa ng isang linya sa talahanayan, sa cell kung saan ilagay ang kaliwang bahagi ng 1

Hakbang 4

Lumikha ng isang gitnang seksyon ng header ng site na binubuo ng isang paulit-ulit na 2

.header {background-image: url ('mga imahe / 2.gif');}

Hakbang 5

Ngayon, sa isang hilera ng talahanayan, lumikha ng isa pang cell at ilagay ang gitnang elemento ng tuktok ng site dito, na itinuturo ang header ng pangalan nito sa CSS code:

Pangalan ng site

>

Hakbang 6

Nilikha ang pangatlong cell sa hilera ng talahanayan, ilagay ang kanang bahagi ng 3

Pangalan ng site

Inirerekumendang: