Skalavimo nauda VS žiniasklaidos užklausų reaguoja žiniatinklio dizainui

"reaguoja dizainas" reiškia idėją, kad jūsų svetainė turėtų lygiai taip pat gerai viskas nuo plačiaekranių monitorių į mobiliuosius telefonus. Tai požiūris į interneto dizainą ir plėtrą, kuris pašalina skirtumą tarp mobiliosios svetainės versijos ir jo darbalaukio kolegos. Su reaguojančiu dizainu, jie yra tas pats.

Atsakingas dizainas atliekamas per CSS "Media Queries". Pagalvokite apie žiniasklaidos klausimus kaip būdas sąlyginai taikyti CSS taisykles. Jie pasakoja naršyklei, kad ji turėtų ignoruoti arba taikyti tam tikras taisykles, priklausomai nuo vartotojo prietaiso.

Žiniasklaidos užklausos leiskite mums pateikti tą patį HTML turinį kaip skirtingus CSS išdėstymus. Taigi, vietoj to, kad išlaikytų vieną išmaniųjų telefonų svetainę ir visiškai nesusijusią svetainę nešiojamoms kompiuteriams / staliniams kompiuteriams, mes galime naudoti tą patį HTML žymėjimą (ir interneto serverį) abiem. Tai reiškia, kad kai mes pridedame naują straipsnį arba redaguoti klaidą mūsų HTML, šie pakeitimai automatiškai atsispindi tiek mobiliųjų ir plačiaekranių išdėstymus. Tai yra priežastis, kodėl mes atskirame turinį nuo pristatymo.

Šiame skyriuje sužinosime, kaip žiniasklaidos klausimai tikrai yra tik plonas apvalkalas aplink paprastus senus CSS, kad mes dirbame su aukštyn "til šį tašką. Netrukus atrasime, tai iš tikrųjų yra gana lengva įgyvendinti reaguojantį išdėstymą. (Kita vertus, reaguoja vaizdai yra visiškai kitokia istorija).

SÄ…ranka

Sukurti naują projektą, vadinamą reaguojančiu dizainu ir nauju failu, vadinamu atsakikliu.html. Tai tuščiau interneto puslapis, kurį matėme šiek tiek, bet tai padės mums parodyti kažką labai svarbaus kitame skyriuje:

"Web Server" grąžina nežinomą klaidą

  • Kas daro svetainÄ™ reaguoja
  • Kas yra žiniasklaidos užklausos
  • kaip naudotis žiniasklaidos užklausomis, kad sukurtumÄ—te svetainÄ™ reaguoja
  • .

    Stiling savo svetainę atrodyti kitaip, priklausomai nuo ekrano dydžio, jis yra žiūrima, yra žinomas kaip reaguojantis interneto dizainas. Interneto dizaino ekranas naudojamas peržiūrėti svetainę yra paprastai vadinama peržiūros srities.

    tikslas

    Padaryti svetaines reaguoja mes galime naudoti CSS žiniasklaidos užklausas. Žiniasklaidos užklausa yra CSS, kuris yra taikomas tik tada, kai tam tikros sąlygos apie vartotojo peržiūros sritį yra teisinga. Pavyzdžiui, CSS žiniasklaidos užklausoje, kuri apibrėžia maksimalų 500px plotį, būtų taikoma tik tada, kai vartotojo peržiūros plotis yra 500 taškų arba žemiau 500 pikselių.

"Adobe CS6" žiniatinklio įrankiai "Dreamweaver", "Photoshop" ir "Flash" iliustruoja ... Sherry Bishop, Chris Botello, Barbara M. Waxer Google Books

Svetainės kūrėjas su šablonus kurti tinklalapį lengvai iš kompiuterio. Tiesiog pasirinkite profesionalias odos iš galerijos su nuostabiu "Flash" animacijos.

Mes naudojame slapukus
Mes naudojame slapukus, siekiant užtikrinti, kad suteiktume jums geriausią patirtį mūsų svetainėje. Naudodami svetainę sutinkate su mūsų slapukų naudojimu.
Leiskite slapukams.