Upang ang mga bisita ay hindi mawala sa site at mula sa anumang pahina ay maaaring ma-access ang nais na seksyon ng mapagkukunan, kinakailangan upang gumawa ng isang menu sa pag-navigate. Ang mga elemento ng pagturo ay dapat mailagay sa mga web page sa isang paraan na hindi sila makagambala sa pagbabasa ng teksto at sa parehong oras ay madaling makita sa site. Ang mga bisita ay maaaring makapunta sa mga kinakailangang bahagi ng mapagkukunan sa pamamagitan ng pag-click sa mga kaukulang salita o imahe. Upang maibigay ang mapagkukunan ng tulad ng isang menu, sapat na upang maglagay ng isang simpleng code sa mga kinakailangang bahagi ng site.
Kailangan
- - ang pagkakaroon sa iyong sariling site ng maraming mga pahina o seksyon
- - maraming maliliit na icon sa tema ng site
- - alam kung paano mag-upload ng mga larawan sa site
Panuto
Hakbang 1
Upang gawing isang link ang isang menu bar, isulat ito tulad nito:
PANGUNAHING PAHINA
Sa entry na ito, palitan ang http: ⁄ ⁄website.ru ng URL ng pahina na gusto mo.
Hakbang 2
Ang code para sa isang pahalang na menu na binubuo ng mga link ng teksto ay nakasulat tulad ng sumusunod:
PANGUNAHING PAHINA
|
GALLERY
|
FORUM
|
GABAY SA AKLAT
Hakbang 3
Ang mga vertikal na stroke ay nagsisilbing mga delimiter sa pagitan ng mga item sa menu sa isang linya. Upang maitakda ang character na "|" mula sa keyboard kailangan mong pindutin nang matagal ang Shift key gamit ang isang daliri sa layout ng English, at kasama ang iba pa - piliin ang pindutang "| / ", na matatagpuan sa kanan ng titik na "b". Siguraduhing maglagay ng puwang bago at pagkatapos ng stroke upang ang mga item sa menu ay may puwang mula sa bawat isa.
Hakbang 4
Maaari kang lumikha ng isang patayong menu mula sa mga link gamit ang sumusunod na entry:
PANGUNAHING PAHINA
GALLERY
FORUM
GABAY SA AKLAT
Hakbang 5
Sa kasong ito, ang separator ng mga bahagi ng menu ay ang tag, na bumabalot sa teksto ng pagsunod dito sa isang bagong linya.
Hakbang 6
Kung nais mong gumawa ng mga item sa menu hindi sa anyo ng mga salita o parirala, ngunit sa anyo ng mga imahe na gagana bilang mga link, pagkatapos ay punan muna ang site sa lahat ng mga imahe na gagamitin sa pag-navigate ng mapagkukunan.
Hakbang 7
Upang maglagay ng isang imahe sa isang web page, kailangan mong ilagay ang code na ito sa tamang lugar: Upang ilagay ang iyong sariling imahe, sa halip na http: ⁄ ⁄website / mga imahe / 1.png, isulat ang landas sa nais na imaheng nai-upload sa iyong lugar.
Hakbang 8
Isulat ang bawat item ng graphic na menu sa ganitong paraan:
Sa code na ito, palitan ang http: ⁄ ⁄website.ru ng nais na address, at ng code ng nais na larawan.
Hakbang 9
Maaari kang lumikha ng isang pahalang na menu na binubuo ng mga imahe sa ganitong paraan:
Hakbang 10
Sa code na ito, ang lahat ng mga larawan sa mga cell ay matatagpuan sa isang hilera ng talahanayan. Ang lapad ng talahanayan, itinakda hindi sa mga pixel, ngunit sa porsyento, pinapayagan ang mga nilalaman ng talahanayan na maunat sa buong lapad ng window, hindi alintana ang resolusyon ng screen. Mga tag:
bumuo ng isang hilera sa talahanayan, at
- isa sa mga cell.
Hakbang 11
Upang mailagay ang tulad ng isang graphic na menu sa site, palitan ang mga link, mga landas sa mga imahe at mga pangalan ng mga seksyon ng mapagkukunan sa iyong code.
