Naudojant įvairius informacijos rodymo įrenginius, reikia tinkamai pateikti informaciją, nenurodant konkrečių režimų, parametrų ir ekrano sąlygų.
Anksčiau populiarios idėjų blokuoti, lentelės,guma, prisitaikanti (ir kitos galimybės) išdėstymas yra praeities dalykas. Šiuo metu informacija turėtų būti rodoma taip, kaip įmanoma, efektyviai ir vienodai prieinama bet kuriame įrenginyje.
Paprasti informacijos reikalavimai
Человек ведет диалог словами, и его понимают.Tačiau jis gali naudoti vaizdinę medžiagą ir paaiškinti, kas buvo pasakyta su gestais, piešiniais, terminais ar kitaip atkreipti klausytojo (vartotojo) dėmesį. Todėl jis greitai pasiekia tikslą.
Svetainė privalo pateikti informaciją tokiu pačiu būdu,HTML, CSS, „JavaScript“ ar PHP lygiu neturėtų būti jokių papildomų kodavimo reikalavimų. Rezultatas turėtų pasiekti tikslą ir būti tiek asmeniniame kompiuteryje, tiek bet kuriame kitame mobiliajame ar stacionariame įrenginyje.
Hiperteksto kalbas naudoja ne tik naršyklės, bet ir kiti įrankiai. Informacijos teikimas turėtų neutralizuoti visus esamus skirtumus.
Įrankiai, kuriuos teikia CSS
Jūs neturėtumėte visada gilintis į HTML ar CSS.norimam efektui pasiekti. Dažnai pakanka paprastų, bet veiksmingų priemonių. Minimalios bet kokio verslo išlaidos yra būdingas šiuolaikinio informacijos kodavimo bruožas, kad ji būtų teisingai rodoma.
Visų pirma, gali būti plūduriuojančios ir aiškios taisyklėsyra naudojami HTML žymose ir CSS aprašymuose ir nekelia jokių papildomų išlaidų, o poveikis bus tinkamas. CSS aiški taisyklė, kai naudojama elemente, leidžia ją tinkamai pritaikyti, neatsižvelgiant į rodymo srities dydį ir į kokį įrenginį šis procesas vyksta.
CSS nėra labai sudėtinga irsiekia kuo didesnio paprastumo. Naudojant taisyklę „float: left“ arba „float: right“ elemente, galite jį nuspausti į vieną tekančio bloko pusę, o kitas elementas su CSS taisykle - aišku: abu - informaciją aplink.
Naudokite aiškios CSS taisyklės atvejus
Yra trys galimos šios taisyklės vertės:
- kairė - nevyniokite kairėn;
- teisingai - nesisuki aplink dešinę;
- abu - nevyniokite iš abiejų pusių.
Taip pat galite naudoti „none“ ir paveldėti reikšmesCSS aiškiai taisyklei, kuri iš esmės nesiskiria nuo pateikto funkcionalumo: ankstesnis elementas (ar elementai) bus atimtas iš kairės, dešinės ar abiejų pusių. Tiesą sakant, tai yra linijinis tiekimas. Visi šie elementai bus rodomi kitame informaciniame bloke. Kokia informacija bus rodoma prieš elementą su aiškia CSS taisykle, nustato kūrėjas. Visiškai išdėstyti elementai pateikiami puslapyje toje vietoje, kurią nurodo jų ypatybės.
Tiesą sakant, CSS aiški taisyklė leidžiastruktūros (grupės) informacijos elementai. Prietaisas informaciją pateikia bendrame sraute, o aptikęs aiškią vieno ar kito elemento taisyklę, atitinkamai rodo ir jos turinį.
Praktikos pritaikymas
Kaip tai paprastai atsitiko kitose technologijose, aprašytas maketas praėjo daugybę etapų ir galiausiai pateko į dvi dideles kategorijas:
- sugebėjimas padaryti gražiai ir efektyviai (bet, galbūt, ilgą laiką);
- greita ir prieinama kaina.
Kiekvienas kūrėjas interpretuoja tai, kas pasakytasavaip. Kai kurie liko ištikimi terminui „reaguojantis maketas“. Kiti sako, kad jie užsiima guminėmis svetainėmis. Dar kiti įtikina klientą, kad reikia blokinio ar lentelių išdėstymo ... Nesvarbu, kaip įvardinti procesą, įrankį ar kitą metodą, kaip pasiekti rezultatą.
Visada svarbu tik kūrimo laikas ir rezultatasdarbas. Pirmuoju atveju CSS aiškios taisyklės naudojimas vargu ar bus prasmingas, kaip ir „float“ taisyklė išnyks kaip nereikalinga. Keblus „JavaScript“ algoritmas arba CSS stilių derinys, glaudžiai susietas su HTML divais, suformuos puslapį, skelbs informaciją ir atsižvelgs į įvairių įrenginių ypatumus.
Antruoju atveju dėl „float“ ir aiškių taisyklių CSS aprašymas leidžia paprasčiausiai suformuoti puslapio elementų srautą. Priimtinas rezultatas bus pasiektas greitai ir efektyviai.