Vlad Merzheviç
Termi "dizajn fiks" përdoret për t'iu referuar pamja e faqes e cila krijohet në bazë të shtresave gjerësia e dhënë... Zgjedhja e gjerësisë varet nga orientimi në zgjidhje të caktuar monitori i përdoruesit. Pra, për një rezolucion prej 1024x768 piksele, madhësia e tabelës duhet të jetë jo më shumë se 1000 piksele. Kjo gjerësi merret duke zbritur nga 1024 gjerësinë e shiritit vertikal të lëvizjes dhe kufirin e dritares së shfletuesit. Për të gjithë përdoruesit, një faqe e ndërtuar në një plan urbanistik të tillë do të shfaqet saktë, por nëse rezolucione të mëdha rezulton të jetë shumë hapësirë boshe... Meqenëse rezolucioni më i popullarizuar në mesin e përdoruesve të Internetit është 1024x768, zhvilluesit e faqeve udhëhiqen nga ai dhe përdorin gjerësinë totale të shtresave 900-1000 piksele.
Me një dizajn fiks, blloku i materialit zakonisht vendoset në skajin e majtë ose në qendër të ekranit. Opsioni i fundit preferohet, atëherë fushat e gjera përreth nuk janë aq të dukshme në rezolucione të larta të monitorit (Fig. 1).
Oriz. 1. Tipike rrjet modular me dizajn fiks
Emërtimet numerike të përdorura në këtë figurë: 1 - titulli i faqes; 2 - shtresa e majtë, zakonisht përmban elemente navigimi; 3 - shtresa e djathtë, përmban përmbajtjen e faqes; 4 - "footer", fundi i faqes në internet, zakonisht vendoset në të informacion kontakti dhe butona të ndryshëm.
Për të krijuar paraqitjen e treguar në Fig. 1, duhet të mendoni për disa pika paraprake - cila do të jetë gjerësia totale e të gjithë elementëve; ku do të vendoset faqosja - në qendër të faqes ose në skajin e majtë; çfarë ngjyrash dhe shkronjash do të përdoren etj. Hapat që duhen ndërmarrë përpara se të shkruani kodin përshkruhen më poshtë.
Gjerësia e shtresës
Hapi i parë është përcaktimi i gjerësisë totale të elementeve vizuale të faqes së internetit. Siç u përmend më lart, kjo vlerë përcaktohet nga vetë projektuesi bazuar në mbledhjen paraprake të të dhënave për përdoruesit e ardhshëm të faqes. Edhe pse shumica e stilistëve vendosin gjerësinë, e cila quhet "nga fanar", bazuar në komoditetin e tyre. Pra, në shembullin 1, duke përdorur të njëjtin parim, gjerësia e të gjitha shtresave është 750 piksele.
Pra, dihet e gjithë gjerësia, tani duhet ta ndajmë në dy pjesë. Shtresa e shënuar me numrin 2 (Fig. 1) është e rezervuar për menunë, gjerësia e saj duhet të jetë minimale, por e mjaftueshme për lexim të rehatshëm teksti. Le ta bëjmë atë një numër të rrumbullakët, për shembull 200 piksele. Çdo gjë tjetër do të jetë e zënë nga përmbajtja.
Lartësia e shtresave
Lartësia e shtresës ndryshon në mënyrë dinamike në varësi të përmbajtjes së saj. Nëse dëshironi të vendosni vetë lartësinë e shtresës, mund të përdorni veçorinë lartësi dhe të vendosni lartësinë në piksel, përqindje ose të tjera. Njësitë CSS... Ju lutemi vini re se me këtë qasje, përmbajtja e shtresës është gjithmonë në linjë me skajin e saj të sipërm, kështu që nuk duhet të vendosni një lartësi shumë të lartë (shembulli 1).
Shembull 1. Vendosja e lartësisë së shtresës
Po kështu, lartësia e një shtrese mund të ndryshohet duke mbushur duke ndryshuar vlerën e padding-top dhe padding-bottom (shembulli 2). Por kjo metodë është më pak e gjithanshme.
Shembulli 2. Vendosja e lartësisë së shtresës duke përdorur mbushjen
Në këtë rast, lartësia e shtresës është shuma e margjinave të sipërme dhe të poshtme dhe lartësia e përmbajtjes që do të përqendrohet në vertikale.
Nëse lartësia e përmbajtjes së një shtrese është më e madhe se lartësia e saj, e specifikuar nga vetia height, atëherë shfletuesi i lë dimensionet e shtresës të pandryshuara dhe përmbajtja mbivendoset sipër saj.
Rreshtimi në qendër
Nëse është e nevojshme të lini paraqitjen të rreshtuar në të majtë të dritares, nuk keni nevojë të bëni asgjë, ky efekt do të ndodhë vetë. Por që faqosja të jetë në qendër të dritares së shfletuesit, do të ndihmojë edhe një shtresë shtesë, e cila do të shërbejë si skelet dhe do të përfshijë të gjitha shtresat e tjera. Le ta quajmë kontejner dhe të shkruajmë stilin e mëposhtëm për të (shembulli 3).
Shembulli 3. Shtrirja në qendër
Vetitë margin-djathtas dhe margin-left me vlera auto vendosni shtrirjen e shtresës në qendër të faqes së internetit. Në të njëjtin përzgjedhës, ne gjithashtu tregojmë gjerësinë totale të të gjitha shtresave.
Përafrimi djathtas i një faqosjeje të faqes së internetit zakonisht nuk bëhet kurrë - përdoret ose shtrirja në qendër ose majtas.
Vendosja e një faqe interneti
Horizontale dhe mbushje vertikale nga skaji i shfletuesit deri te përmbajtja e faqeve të internetit janë ndërtuar në shfletuesin e paracaktuar. Megjithatë, ju mund ta ndryshoni vlerën e këtyre vetive duke futur pak a shumë sipas dëshirës. Për shembull, mund të vendosni dhëmbëzimin nga skaji i sipërm i dritares në titullin e faqes, ose madje ta hiqni atë fare.
Indencat vendosen sipas veçorive Marzhi CSS dhe mbushje për përzgjedhësin BODY. Prania e dy vetive në vend të një, përsëri kërkon interesat e shfletuesve të ndryshëm, diferenca - Internet Explorer ndërsa mbushja vjen nga Opera dhe Firefox. Kombinimi i veçorive të ndryshme siguron që faqja e internetit të shfaqet në shfletues të ndryshëm do të jetë e njëjtë.
Ju mund të kontrolloni mbushjen individuale nga skajet e ndryshme të ekranit me vetitë margin-lart, margin-bottom, margin-djathtas dhe margin-majtë, të cilat ndryshojnë distancën nga skajet e sipërme, të poshtme, djathtas dhe majtas të dritares së shfletuesit në përputhje me rrethanat. . Përpara se t'i përdorni ato, duhet ta vendosni vetinë e marzhit në zero (shembulli 4).
Shembulli 4. Ndryshimi i mbushjes së sipërme nga skaji i shfletuesit
Ngjyrat
CSS ka disa opsione për përcaktimin e tekstit dhe ngjyrës së sfondit të një shtrese. Vetia e ngjyrës specifikon ngjyrën e tekstit në shtresë dhe sfondi specifikon ngjyrën e sfondit (shembulli 5).
Shembulli 5. Ndryshimi i ngjyrës
Ngjyra e sfondit për shtresën e menysë në shembull është vendosur në jeshile të errët dhe ngjyra e tekstit është e bardhë.
Kur imitonin një projekt tjetër (ose thjesht dizajnonin një rrjet paraqitjeje), shumë u përballën me një dilemë - të përdorin një gjerësi fikse të paraqitjes ose një rrjetë "gome" që përshtatet me madhësinë e dritares së shfletuesit.
Secila prej këtyre zgjidhjeve ka të mirat dhe të këqijat e veta, dua të përqendrohem në të këqijat, pasi zakonisht është midis dy të këqijave që duhet zgjedhur midis dy të këqijave pikërisht në pasqyrimin e minuseve të këtyre vendimeve.
Rrjeti i paraqitjes me gjerësi fikse
Paraqitja drejtohet në një dimension horizontal prej 960-980 pikselësh (kështu që në shumicën e pajisjeve në shumicën e rezolucioneve përfshihet gjithçka), e cila me madhësi të mëdha dritaresh horizontale duket disi e ftohtë - e hollë shirit vertikal përmbajtje e dobishme e faqes dhe kufij të mëdhenj të padobishëm të hapësirës së humbur në anët.Rrjeti i paraqitjes "Gumë" në gjerësinë e dritares
Përsëri, me përmasat e mëdha të dritareve horizontale, ka një problem tjetër: rreshtat e tekstit bëhen shumë të gjata dhe nuk bëhet aspak e rehatshme t'i lexojmë ato sa do të dëshironim.Një problem tjetër i zakonshëm me këtë zgjidhje është se skajet anësore për madhësi të mëdha të dritareve horizontale nuk janë më vizualisht në përputhje me dimensionet horizontale të elementeve, gjë që gjithashtu nuk shton rehati kur shikoni paraqitjen.
Unë dua të propozoj një zgjidhje të thjeshtë - për të kufizuar madhësinë minimale horizontale në një vlerë fikse në pixel, dhe për të bërë maksimumin në përqindje të gjerësisë së dritares. Kjo është shumë e zakonshme. me mjete të thjeshta 2 versione të tjera të specifikimit CSS.
Përditëso: Dua të bëj një rezervë që nuk po flasim për efektin klasik të gomës dhe për përshtatjen për absolutisht të gjitha rezolucionet, por përkundrazi vetëm për një gamë të caktuar të arsyeshme rezolucionesh për të cilat është krijuar faqosja. Në shembujt e mëposhtëm, kjo është një gamë klasike e rezolucionit të desktopit me një madhësi horizontale prej 1024 piksele ose më shumë.Dua të theksoj sërish: postimi nuk flet për një zgjidhje për të gjitha llojet e pajisjeve dhe të gjitha diapazonet e rezolucionit. Në kuadrin e një paraqitjeje, kjo detyrë nuk mund të zgjidhet në parim., për ta zgjidhur atë në një mënyrë ose në një tjetër, kërkohen disa paraqitje. Fluturon veçmas, cutlets veç e veç.
Krijoni një kontejnerë paraqitjeje:
...
Ne e dekorojmë atë me një kod stili jo modest:
div.page-container (gjerësia minimale: 960 px; gjerësia maksimale: 75%; marzhi: 0 automatik; mbushja: 0;)
Megjithatë, kjo zgjidhje mund të mos i duket e mjaftueshme dikujt për faktin se me madhësi shumë të mëdha të dritareve horizontale, shfaqen përsëri probleme me gjatësinë e rreshtave. Kjo zgjidhet nga një teknikë shtesë po aq e thjeshtë: krijimi i një ene shtesë të jashtme brenda atij të përshkruar tashmë dhe kufizimi i tij gjerësia maksimale vlerë fikse (subjektivisht më duket se vlerat në intervalin 1400-1600 piksele janë më të përshtatshmet). Përsëri, ne përdorim vetëm Mjetet CSS 2.0. Një zgjidhje e tillë në vend të asaj që sugjerohet në komentin e parë shtim i thjeshtë gjerësia në përqindje për kontejnerin origjinal do të funksionojë gjithashtu në IE, i cili deri në versionin 9 nuk e kupton specifikimin e njëkohshëm të vlerave.
Plotësimi i HTML:
Dhe ndryshoni pak CSS:
div.page-container (max : 0 automatik; mbushje: 0;)
Siç mund ta shihni, zgjidhja është jashtëzakonisht e thjeshtë dhe mjaft e gjithanshme, mund të aplikohet në çdo element blloku.
Kur krijojmë një kokë letre, Tabela e fjalëve, na duhet që gjatë mbushjes së qelizave të mos ndryshojë madhësia e tyre, në mënyrë që tabela të mos lëvizë. Për ta bërë këtë, ju duhet të instaloni madhësia e qelizës fikse në tabelëfjalë
... Si të bëni një broshurë në Word, shihni në artikull"Krijoni një broshurë në Word".
Si të ndryshoni lartësinë e rreshtit në një tabelëfjalë.
Për të ndryshuar gjerësinë e rreshtave, kolonave, së pari duhet t'i zgjidhni ato.
Opsioni i parë.
Këshillohet që të shkoni te skeda "Parafaqja e faqes" në "Cilësimet e faqes" dhe në skedën "Linja" për të vendosur masa e duhur vargjet. Në skedën "Column" vendosni madhësinë e secilës kolonë. 
Si të lidhni një tabelë nëfjalë.
Për të parandaluar lëvizjen e tavolinës Fletë fjalësh, në skedën "Tabela", shtypni butonin "Rreth". Klikoni në butonin "Vendosja" - konfiguroni parametrat e vendosjes së tabelës.
Opsioni i dytë.
Klikoni në tabelë dhe në skedën "Layout" rregulloni madhësitë e rreshtave dhe kolonave. Në seksionin "Madhësia e qelizave", klikoni në butonin "AutoFit". Nëse shtypim " gjerësi fikse kolona ", atëherë gjerësia e kolonës nuk do të ndryshojë kur qeliza të mbushet. 
Por, gjëja qesharake është se në disa versionet e Word-it, një dritare krejtësisht e ndryshme për konfigurimin e faqes. Nuk ka skeda Rreshti dhe Kolona.
Si të ngrini lartësinë dhe gjerësinë e linjës kolona Fjala
, në këtë rast. 
Së pari në panel akses i shpejtë vendosni butonin për funksionin "Karakteristikat e tabelës". Shtyni butoni "Personalizoni shiritin e veglave të aksesit të shpejtë"(butoni "trekëndësh me vizë"). Ne zgjedhim funksionin "Komanda të tjera".
Ky buton u shfaq në shiritin e veglave të aksesit të shpejtë dhe quhet Karakteristikat e tabelës. Ai bëhet aktiv kur klikojmë në tabelë.
Ne kemi nevojë rregulloni lartësinë e rreshtave në tabelëfjalë.
Në seksionin "Lartësia e rreshtit" të kutisë së dialogut, vendosni "Pikërisht". Dhe në rreshtin "Vlera" vendosim numrin e lartësisë së rreshtit. Por vlera nuk është në mm. ose shih, dhe në PT. PT është një pikë.
1 pt = 0,35 mm. Më e lehtë - lartësia standarde e rreshtit në tabelë është 12 pikë. Lartësia e fletës A4 orientimi i portretit- 878 pt (29 cm pa kufi).
Le të vendosim "48 pt". Hiq zgjedhjen e kutisë pranë fjalëve "Lejo mbështjelljen e rreshtit Faqja tjetër».
Klikoni "OK". Doli kështu.
