Kur dizajnoni faqet, shpesh duhet të zgjidhni një pyetje themelore: cila do të jetë sjellja e faqes kur ajo të hapet me rezolucione të ndryshme të ekranit? Ka dy mundësi këtu - faqet e faqes "gome" (që shtrihen) ose statike. Opsioni i parë do të diskutohet. Cilado qoftë preferenca juaj për paraqitjen, parimi kryesor i dizajnit të shtrirjes është shkallëzimi relativ.
Është e nevojshme
- - njohuri të HTML;
- - program për redaktimin e kodit html.
Udhëzimet
Hapi 1
Zgjidhni skedarin kryesor për modelin e faqes tuaj, i cili do të pasqyrojë shënimin kryesor. Mund të jetë skedar index.html ose index.php. Një nga softuerët më të mirë për redaktimin e shablloneve të faqeve vizuale është Macromedia Dreamweawer. Redaktimi i nevojshëm do të bëhet në bazë të këtij programi.
Hapni skedarin e modelit ose krijoni një të ri me komandën "Skedar" - "I ri", kategoria - "Faqja bazë" - "HTML" ose kategoria "Faqja dinamike" - "PHP". Këtu kemi parasysh rastin e përgjithshëm kur struktura e sitit regjistrohet saktësisht në njërën nga dy skedarët.
Hapi 2
Prej kohësh nuk ka qenë sekret që ekzistojnë lloje të ndryshme të paraqitjeve - në tavolina, në blloqe ndarëse dhe të kombinuara (tavolina dhe blloqe në të njëjtën kohë). Etiketa html është përgjegjëse për paraqitjen e tryezës
Specifikoni një përqindje (100%) për secilën pronë. Kjo do të arrijë efektin e shtrirjes automatike të qelizave të tryezës në ekranet me çdo gjeometri. Mund të jetë një monitor 19 inç ose një smartphone - secili prej tyre do të riprodhojë saktë përmbajtjen.
Hapi 3
Nëse duhet të specifikoni saktësisht korrespondencën midis qelizave të tabelës, atëherë përdorni shembullin e mëposhtëm:
| … … përmbajtjen e qelizës 1. … | … … përmbajtjen e qelizës 2. … |
Këtu do të shihni se njëra nga qelizat specifikohet me një gjerësi prej 30% të gjithçkaje që përcaktohet për vetë tabelën. Një llogaritje e thjeshtë tregon se 100% -30% = 70% mbetet për qelizën e dytë. Mos harroni se në këtë rast njëra nga qelizat e tabelës nuk duhet të ketë caktuar cilësinë e atributit. Shfletuesi do të bëjë të gjitha llogaritjet më vete dhe do të shtrijë saktë tabelën me qeliza. Përmbajtja brenda tabelave gjithashtu do të shtrihet dhe tkurret në mënyrë korrekte në ekrane të ndryshme.
Hapi 4
Në një situatë me një paraqitje div, blloqet e etiketave shtrihen në mënyrë të paracaktuar në gjerësinë e plotë të ekranit dhe ndjekin njëra pas tjetrës nga e majta në të djathtë, nga lart poshtë. Për të përsosur gjeometrinë e tyre, krijoni një klasë ose identifikues CCS (ID), në të cilin specifikoni, për shembull, atributet dhe / ose për kategorinë e madhësisë dhe pozicionit të kutisë (Kutia). Mos harroni të lidhni stilin e specifikuar me skedarin e shënimit të faqes dhe të lidhni klasën (ID) me etiketën e dëshiruar. Zakonisht ajo vendoset në fillim të shkrimit, duke përcaktuar të gjithë gjeometrinë e ardhshme të sitit:
… … përmbajtja e faqes. …
Ose si kjo:
… … përmbajtja e faqes. …
Kodi për rregullin CSS do të jetë si më poshtë:
… klasa ime {
gjerësia: 30%;
lartësia: 50%;
}
#myID {
gjerësia: 30%;
lartësia: 50%;
}
