Paano Magdisenyo ng Isang Simpleng Pahina ng Web sa Div: 4 Mga Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Paano Magdisenyo ng Isang Simpleng Pahina ng Web sa Div: 4 Mga Hakbang (na may Mga Larawan)
Paano Magdisenyo ng Isang Simpleng Pahina ng Web sa Div: 4 Mga Hakbang (na may Mga Larawan)

Video: Paano Magdisenyo ng Isang Simpleng Pahina ng Web sa Div: 4 Mga Hakbang (na may Mga Larawan)

Video: Paano Magdisenyo ng Isang Simpleng Pahina ng Web sa Div: 4 Mga Hakbang (na may Mga Larawan)
Video: Paano Mababasa Ang Isip Ng Isang Tao? (14 PSYCHOLOGICAL TIPS) 2024, Mayo
Anonim

Kung mayroon kang isang site, pagkatapos ang paggalugad ng disenyo nito sa pamamagitan ng paggamit ng CSS at div tag ay maaaring magdulot sa iyo at sa iyong negosyo sa isang hakbang na mas maaga. Madaling pagpapanatili, mas mabilis na paglo-load at mga tampok sa friendly na search engine ay magbibigay sa iyo ng mga benepisyo ng mas mahusay na diskarte sa marketing.

Mga hakbang

Hakbang 1. Alamin na ang tag na 'div' ay karaniwang ginagamit upang maitaguyod ang magkakahiwalay na mga lugar o dibisyon ng pahina ng website

Ito ay sa gitna ng napakalakas na mga elemento sa "XHTML" dahil kinakailangan ito para sa paglalagay ng disenyo ng web page gamit ang "CSS". Sa simpleng mga salita, ang prosesong ito ay nangangahulugang pagpapatupad ng mga site na walang paggamit ng mga talahanayan para sa layout at pagpoposisyon.

Hakbang 2. Lumikha ng isang Stylesheet - Ang mga tag na 'Div' ay gumagamit ng mga sheet ng estilo na nagpapahintulot sa disenyo ng web ng site na maging malaya sa data

Ang pagdidisenyo ng mga background na may mga kulay at font, lapad, taas, layout, at pagpoposisyon ng mga hilera o haligi ay maaaring ipasok sa mga sheet ng estilo na nag-iiwan lamang ng div code at impormasyon sa mga tunay na pahina.

  • Maaari kang lumikha ng styleheet bilang isa pang dokumento at pagkatapos ay mai-link ito. Magbukas ng isang bagong dokumento ng notepad, isulat ang iyong code sa ito at i-save ito sa ilalim ng extension na ".css".
  • Ang mga pag-aari ng CSS na lubhang kapaki-pakinabang ay "background-color", "taas", "lapad", "float" at "malinaw".

Hakbang 3. I-link ang Stylesheet - Maaari kang mag-link ng styleheet gamit ang link tag

Dapat itong gamitin sa seksyong "ulo" ng iyong website. hal.. dapat mong isulat ang landas sa iyong CSS file sa lugar kung saan nakasulat ang "landas" sa halimbawang ito.

Magdisenyo ng isang Simpleng Web Page sa Div Hakbang 1
Magdisenyo ng isang Simpleng Web Page sa Div Hakbang 1
Magdisenyo ng isang Simpleng Web Page sa Div Hakbang 2
Magdisenyo ng isang Simpleng Web Page sa Div Hakbang 2
Magdisenyo ng isang Simpleng Web Page sa Div Hakbang 3
Magdisenyo ng isang Simpleng Web Page sa Div Hakbang 3

Hakbang 1. Maunawaan ang mga pakinabang ng paggamit ng mga div tag o wala pang talahanayan:

  • Nagiging mas mabilis ang paglo-load ng mga site. Ang mga website na batay sa mga tag na 'div' ay nag-render ng mga browser upang tumakbo nang mas mabilis habang dumating ito sa isang napaka-magaan. Ang 'Div' ay kinokontrol sa pamamagitan ng mga sheet ng estilo ng Cascading at samakatuwid, nangangailangan ng mas kaunting pag-coding na makakatulong sa pagpapanatili ng laki ng file sa kaunting.
  • Ang 'Div' ay palakaibigan sa lahat ng mga search engine - Ang mga website na batay sa CSS ay friendly search engine optimization dahil pinapayagan nito ang taga-disenyo ng web na panatilihin ang pangunahing mga artikulo sa tuktok na nagpapahintulot sa mga search engine na makahanap ng mga pangunahing nilalaman nang mas madali.
  • Ang isang 'div' na nakabatay sa tag na website ay nakakatipid ng bandwidth. Ang isang website na walang mesa ay may mas maliit na sukat ng file, na nangangahulugang nai-save nito ang iyong bandwidth. Kung mayroon kang isang malaking site ng trapiko, kung saan ang bawat pahina ay nai-browse ng mga bisita sa site, makatipid ka sa laki ng bandwidth sa pamamagitan ng walang mga talahanayan. Ang nai-save na halaga ng bandwidth ay maaaring maging kapaki-pakinabang sa loob ng isang tagal ng panahon o sa pagtatapos ng buwan.
  • Mas Malinis na Code - Ang mga website na gumagamit ng mga tag na 'div' at CSS ay bumubuo ng mas malinis na code. Pinapayagan ng mas malinis na code na ito ang mga crawler ng mga search engine na basahin ang aktwal na nilalaman.

Inirerekumendang: