CSS është mënyra më e mirë për të ndërtuar dizajne të faqes së internetit
Mësoni të shkruani Layouts CSS mund të jetë e ndërlikuar, veçanërisht nëse ju jeni të njohur me përdorimin e tabelave për të krijuar skicime të faqeve të faqeve të internetit. Por, ndërsa HTML5 lejon tabelat për paraqitjen, nuk është një ide e mirë.
Tabelat nuk janë të arritshme
Ashtu si motorët e kërkimit, shumica e lexuesve të ekranit lexojnë faqet e internetit në mënyrë që ato të shfaqen në HTML. Dhe tabelat mund të jenë shumë të vështira për lexuesit e ekranit që të analizojnë. Kjo është për shkak se përmbajtja në një tabelë tabele, ndërsa lineare, nuk ka gjithmonë kuptim kur lexohet nga e majta në të djathtë dhe nga lart poshtë. Plus, me tabela të mbivendosur, dhe shtrirje të ndryshme në qelizat e tabelës mund ta bëjnë faqen shumë të vështirë të kuptoj.
Kjo është arsyeja që specifikimet HTML5 rekomandojnë kundër tabelave për paraqitjen dhe pse HTML 4.01 e ndalon atë. Faqet e internetit të qasshme lejojnë më shumë njerëz që t'i përdorin ato dhe janë shenjë e një dizajner profesional.
Me CSS, ju mund të përcaktoni një seksion që i përket në anën e majtë të faqes, por vendosni atë në HTML. Pastaj lexuesit e ekranit dhe motorët e kërkimit njësoj do të lexojnë pjesët e rëndësishme (përmbajtja) e parë dhe pjesët më pak të rëndësishme (navigacion) të fundit.
Tabelat janë të ndërlikuara
Edhe nëse krijoni një tabelë me një redaktor të uebit, faqet tuaja të internetit do të jenë ende shumë të komplikuara dhe të vështira për tu ruajtur. Përveç për hartuesit më të thjeshtë të faqeve të internetit, shumica e tabelave të faqeve kërkojnë përdorimin e shumë prej atributeve dhe tabelave të mbivendosur.
Ndërtimi i tryezës mund të duket i lehtë, ndërsa ju po bëni atë, por atëherë ju duhet ta mbani atë. Gjashtë muaj poshtë linjës nuk mund të jetë aq e lehtë të mbani mend pse keni mbivendosur tavolinat ose sa qeliza ishin në një rresht e kështu me radhë. Plus, në qoftë se ju mbani faqet e internetit si një anëtar i ekipit, ju duhet të shpjegoni çdo personi se si funksionojnë tryezat ose presin që ata të marrin kohë shtesë kur ata kanë nevojë për të bërë ndryshime.
CSS mund të jetë i komplikuar gjithashtu, por e mban prezantimin të ndarë nga HTML dhe e bën shumë më të lehtë për të ruajtur në planin afatgjatë. Plus, me paraqitjen CSS ju mund të shkruani një skedar CSS dhe të stilit të gjitha faqet tuaja për të parë në këtë mënyrë. Dhe kur doni të ndryshoni paraqitjen e faqes suaj, thjesht ndryshoni një skedar CSS dhe faqja e faqes nuk do të kaloni nëpër çdo faqe një në një kohë për të përditësuar tabelat për të përditësuar paraqitjen.
Tabelat janë jo fleksibël
Ndërsa është e mundur që të krijohen tabela të tabelave me gjerësi të përqindjes, ato shpesh janë më të ngadalshme për t'u ngarkuar dhe mund të ndryshojnë në mënyrë dramatike se sa duket paraqitja juaj. Por nëse përdorni gjerësi të caktuara për tavolinat tuaja, përfundoni me një skemë shumë të ngurtë që nuk do të duket mirë në monitorët që janë të ndryshëm nga tuajat.
Krijimi i faqeve fleksibël që duken të mira në shumë vëzhgues, shfletues dhe rezoluta është relativisht e lehtë. Në fakt, me pyetjet e medias CSS, ju mund të krijoni dizajne të ndara për ekranet e madhësive të ndryshme.
Tabelat e mbivendosur ngarkohen më ngadalë se CSS për të njëjtin dizajn
Mënyra më e zakonshme për të krijuar skicat e zbukuruara me tabela është që të "fole" tavolinat. Kjo do të thotë që një (ose më shumë) tryezë është vendosur brenda një tjetri. Sa më shumë tabela që janë të mbivendosur, aq më e gjatë do të duhet që faqja e shfletuesit të shfrytëzohet.
Në shumicën e rasteve, një paraqitje tabelare përdor më shumë karaktere për të krijuar se sa një dizajn CSS. Dhe më pak shkronja do të thotë më pak për të shkarkuar.
Tabelat mund të dëmtojnë Search Engine Optimization
Paraqitja më e zakonshme e tabelës ka një shirit të navigimit në anën e majtë të faqes dhe përmbajtjen kryesore në të djathtë. Kur përdorni tabela, kjo (në përgjithësi) kërkon që përmbajtja e parë që shfaqet në HTML është shiriti i majtë i navigimit. Makinat e kërkimit kategorizojnë faqet në bazë të përmbajtjes dhe shumë motorë përcaktojnë se përmbajtja e shfaqur në krye të faqes është më e rëndësishme se përmbajtja tjetër. Pra, një faqe me navigacion të majtë së pari, duket se ka përmbajtje që është më pak e rëndësishme sesa navigimi.
Duke përdorur CSS, ju mund të vendosni përmbajtjen e rëndësishme në HTML dhe pastaj përdorni CSS për të përcaktuar se ku duhet të vendoset në dizajn. Kjo do të thotë se motorët e kërkimit do të shohin përmbajtjen e rëndësishme së pari, edhe nëse dizajni e vendos atë poshtë në faqe.
Tabelat nuk gjithmonë shtypni mirë
Shumë dizajne të tabelave nuk shtypen mirë, sepse janë thjesht shumë të gjerë për printerin. Pra, për t'i bërë ato të arsyeshme, shfletuesit do të ulin tabelat dhe do të shtypin seksione më poshtë duke rezultuar në faqe shumë të palidhura. Ndonjëherë përfundon me faqe që duken mirë, por e tërë ana e djathtë mungon. Faqet të tjera do të printojnë seksione në fletë të ndryshme.
Me CSS ju mund të krijoni një fletë të veçantë të stilit vetëm për shtypjen e faqes.
Tabelat për Layout janë të pavlefshme në HTML 4.01
Specifikimi i HTML 4 thotë: "Tabelat nuk duhet të përdoren thjesht si një mjet për përmbajtjen e faqeve të paraqitjes, pasi kjo mund të paraqesë probleme kur i jepet mediave jo vizuale."
Pra, nëse dëshironi të shkruani HTML 4.01 të vlefshme, nuk mund të përdorni tabela për paraqitjen. Ju duhet të përdorni vetëm tabela për të dhënat tabelare. Dhe të dhënat tabelore përgjithësisht duken si diçka që mund të shfaqësh në një spreadsheet ose ndoshta në një bazë të dhënash.
Por HTML5 ndryshoi rregullat dhe tani tabelat për paraqitjen, ndërsa nuk janë të rekomanduara, tani janë HTML të vlefshme. Specifikimi i HTML5 thotë: "Tabelat nuk duhet të përdoren si ndihmesa të faqeve."
Për shkak se tabelat për paraqitjen janë të vështira për lexuesit e ekranit për të dalluar, siç përmend më lart.
Përdorimi i CSS në pozicionin dhe paraqitjen e faqeve tuaja është e vetmja mënyrë e vlefshme HTML 4.01 për të marrë hartat që përdorët për të përdorur tabela për të krijuar. Dhe HTML5 rekomandon gjithashtu këtë metodë.
Tabelat për Layout mund të ndikojnë perspektivat tuaja të punës
Ndërsa gjithnjë e më shumë dizajnerë të rinj mësojnë HTML dhe CSS, aftësitë tuaja në ndërtim të tabelave do të jenë në kërkesa gjithnjë e më pak. Po, është e vërtetë që klientët zakonisht nuk ju tregojnë teknologjinë e saktë që duhet përdorur për të ndërtuar faqet e tyre të uebit. Por ata ju bëjnë pyetje për gjëra të tilla si:
- Faqet e internetit të aksesueshme: hartat që mund të shihen nga lexuesit e ekraneve janë duke u mandatuar nga shumë vende dhe korporatat gjejnë aksesueshmëri gjithnjë e më të rëndësishme çdo ditë.
- Faqet e internetit të ruajtura: hartat që mund të marrin me ta edhe nëse nuk do t'i ruani ato në të ardhmen.
- Dizajne fleksibile: dizajne që funksionojnë në shumë shfletues, rezolucione dhe pajisje.
- Faqet e shpejtë për shkarkimin: shpejtësia po bëhet gjithnjë e më e rëndësishme, madje edhe në SEO.
- Format printueshëm: faqe që shtypin pa skedarë të veçantë ose faqe shtesë.
Nëse nuk mund të dorëzoni çka kërkojnë klientët, ata do të ndalojnë të vijnë tek ju për dizajne, ndoshta jo sot, por ndoshta vitin e ardhshëm ose vitin pas. A mund të lejoni me të vërtetë të lejoni biznesin tuaj të vuajë sepse nuk jeni të gatshëm të filloni të mësoni një teknikë që ka qenë në përdorim që nga fundi i viteve 1990?
Morali: Mësoni të përdorni CSS
CSS mund të jetë e vështirë për të mësuar, por çdo gjë që vlen është vlerë përpjekje. Mos i mbani aftësitë tuaja nga stagnimi. Mësoni CSS dhe ndërtoni faqet tuaja të internetit në mënyrën se si janë menduar të ndërtohen - me CSS për paraqitjen.