Ngayon, ang mga kalidad na website ay kailangang magmukhang maganda sa iba't ibang mga resolusyon sa screen. Upang magawa ito, kinakailangan na ang mga elemento ng disenyo ng pahina ay mai-scale sa loob ng malawak na mga limitasyon. Pangunahin itong nalalapat sa header ng site.
Kailangan iyon
ang kakayahang baguhin ang markup ng mga pahina ng mapagkukunan
Panuto
Hakbang 1
Ang paggamit ng isang naaangkop na template ay isang unibersal na solusyon na nagbibigay-daan sa iyo hindi lamang upang mabatak, ngunit din upang i-compress ang header, pati na rin ang iba pang mga elemento ng disenyo. Maaari kang gumamit ng mga karaniwang template na ibinigay ng libreng hosting, o malayang ipinamahagi sa Internet. Ang anumang template ay nangangailangan ng rebisyon at pagbagay. Maipapayo na baguhin ang lahat ng mga graphic upang gawing natatangi ang site. Huwag kailanman gumamit ng isang karaniwang layout. Iwanan ang markup ng pahina - ang "balangkas" nito, at "karne" - ang nilalaman at mga elemento ng disenyo, palitan ng iyong sarili. Ang maingat na paggamit ng mga template ay nagbibigay-daan sa iyo upang makatipid ng oras ng developer, na maaaring gugulin sa pagpuno sa site ng impormasyon, o pagpapalawak ng mga kakayahan ng serbisyo.
Hakbang 2
Kung ang pahina ay naka-type na, maaari mong subukang iunat ang header mismo. Nangangailangan ito ng pangunahing kaalaman sa HTML at CSS. Kung ang header ng site ay idinisenyo bilang isang solong graphic file, maaari mong subukang i-compress at iunat ang imahe nito depende sa lapad ng window. Ang pamamaraan na ito ay gumagana nang maayos kung ang scaling factor ay maliit. Kung lumampas ito sa lapad ng imahe ng isang isang-kapat o higit pa, ang kalidad ng larawan ay magdurusa. Ang mga indibidwal na mga pixel na bumubuo ng imahe ay makikita.
Hakbang 3
Upang manatili ang imahe ng mataas na kalidad, ngunit sa parehong oras sakupin ang lahat ng puwang na inilaan para dito, kinakailangan upang hatiin ito sa magkakahiwalay na mga bahagi. Karaniwan ito ang kanang bahagi, kaliwa at gitna. Ito ay kanais-nais na ang imahe ay may isang background na solid sa lapad, na kung saan posible na punan ang mga puwang na lumitaw sa pagitan ng mga bahagi ng header. Ang dalawang larawan na bumubuo sa mga gilid ng header ay dapat na nakakabit sa kaliwa at kanang bahagi ng lalagyan. Ibalot ang gitnang imahe sa isang tag. Itaas ang natitirang puwang sa isang isang pixel na malawak na larawan sa background.
Hakbang 4
Ang isa pang madaling paraan ay upang lumikha ng isang imahe na likas na mas malaki kaysa sa pinakamalaking screen. Ang imahe ay itinakda bilang background sa gitna ng seksyon ng header. Ang downside ay ang malaking "bigat" ng imahe, at bilang isang resulta - ang mahabang oras ng paglo-load. Ang pagsasama-sama ng mga pamamaraan sa itaas ay iniiwasan ang karamihan sa mga negatibong epekto.
