Ofdrukke fan ynhâld fan ûntwerp makket it websteesje makliker makliker
CSS (Cascading Style Sheets) is de feitlike manier om te styl te meitsjen en websites te lizzen. Untwerpers brûke stylblêden om in blêder te fertellen hoe't in webside yn 'e hichte en fiele sjen moat, dus sokke faktoaren lykas kleur, ôfstân, lettertypen en lot.
CSS-stilen kinne op twa wizen brûkt wurde:
- Inline - binnen de kodearring fan 'e webside sels, op in yndividu, elemint troch elemint
- Yn in standalone CSS dokumint, dêr't de webside keppele is
Best practices foar CSS
"Bêste praktiken" binne de metoaden fan it ûntwikkeljen en bouwen fan websites dy't de effektivste bewize en it meast weromkommen binne foar it belutsen wurk. Nei har yn CSS yn web-ûntwerp helpt websteeën soart en mooglik wurkje. Se hawwe oer de jierren ûntwikkele tegearre mei oare websiden en technologyen, en it standalone CSS-stylblêd hat de foarkommende metoade brûkt.
Folgjende best practices foar CSS kinne jo side op 'e folgjende manieren ferbetterje:
- Feroaret ynhâld fan ûntwerp. Ien fan 'e haaddoelen fan CSS is om ûntwerpeleminten út HTML te wiskjen en te plakjen op in oare lokaasje foar de ûntwerper om te ûnderhâlden. Dit tsjinnet ek foar ûntwerpers fan ûndersikers te ûnderskieden, sadat elk op har gebieten fan ekspertisearjen rjochtsje kin. In ûntwerper moat net in ûntwikkelder wêze om it look fan in webside te behâlden.
- Makket it ûnderhâld maklik. Ien fan 'e meast omsjochde eleminten fan web design is ûnderhâld. Oars as printmateriaal is in webside nea "ien en dien". Ynhâld, ûntwerp en funksje kinne en oer de tiid ûntwikkele wurde. Mei it CSS op in sintraal plak, ynstee fan 'e webside makket it dingen folle makliker om te ûnderhâlden.
- Hâld jo side tagonklik. Mei help fan CSS-stilen helpt symboalen en yndividuele persoanen ynteraktyf mei jo side.
- Hâld jo side langer lang. Mei it brûken fan bêste praktiken mei CSS, dogge jo oan normen dy't stabber binne, mar fleksibel genôch om te feroarjen yn feroaring yn 'e webûntwerpomjouwing.
Inline-stylen binne gjin Best Practice
Ynline-stilen, wylst se in doel hawwe, binne algemien net de bêste manier om jo webside te behâlden. Se gean tsjin elke ien fan 'e bêste praktiken:
- Inline-stylen sjogge gjin ynhâld fan ûntwerp. Ynline-stilen binne krekt itselde as ynbêde lettertype en oare clunky ûntwerpbannen dy't moderne ûntwikkelers spoar tsjin. De stilen ynfloed allinich de bepaalde, yndividuele eleminten dêr't se tapast wurde; Wylst dat jo mear koartere kontrôle jaan kin, makket it ek oare aspekten fan ûntwerp en ûntjouwing - lykas gearhing - hurderer.
- Inline-stylen feroarsaakje ûnderhâldskopen. As jo wurkje mei stylblêden, útfine wêr't in styl set wurdt kin it dreech wêze. As jo mei in mingfoarm fan ynline, embedded en eksterne stylen dogge , hawwe jo in soad lokaasjes om te kontrolearjen. As jo wurkje oan in web-ûntwerpploeg of moatte in side oanmakke of ûnderhâlde wurde, dan wurde jo noch mear problemen. As jo de styl fine en it feroarje, moatte jo dit elke elemint dwaan op elke side wêr't it pleatst is. Dat ferstjert tiid en wurk budzjet astronomysk.
- Inline-stylen binne net sa tagonklik. Wylst in moderne skermlêzer of oare assistinte appartemint mooglik is om ynlinytributen en tags effektyf te behanneljen, kinne guon âldere apparaten net kinne, wat kin wurde op inkele selektearre websiden. Ekstra tekens en tekst kinne ynfloedzje hoe't jo side troch in sykmasjine robot bepaald is, dus jo side makket it ek net yn termyn fan sykmasino-optimisaasje (SEO).
- Ynlline-styl meitsje jo siden grutter. As jo elke paragraaf hawwe wolle op jo side in bepaalde manier te meitsjen, kinne jo ienris ien kear mei seis rigels of sa fan koade dwaan yn in ekstern stylysblêd. As jo it mei inline-stilen dwaan, moatte jo dizze stilen ek oan elke paragraaf fan jo side taheakje. As jo fiif rigels fan CSS hawwe, dan binne fiif rigels multiplisyne mei elke paragraaf op jo side. Dizze bânbreedte en laden tiid kinne opnimme yn in flugge.
De Alternative nei ynline-stylen: External Stylesheets
Ynstee fan ynline-stilen brûke eksterlike stylblêden . Se jouwe alle foardielen fan CSS best practices en binne maklik te brûken. Op dizze manier wurde alle stilen brûkt op jo side live yn in aparte dokumint dat keppele is oan in webdokumint mei in single line fan koade. Eksterne stylblêden beynfloedzje alle dokuminten dy't se oanfreegje. Dit betsjut dat, as jo in webside fan 20 websiden hawwe, dêr't elke side itselde stylblêd brûke kin - dat typysk is hoe't it dien is, - jo kinne elke ien fan 'e siden gewoan trochgean troch dizze stilen ien kear op ien plak te feroarjen. It wikseljen fan stilen op ien plak is ûnferbidliker makliker as sykjen foar dy kodearring op elke side fan jo webside. Dit makket it langstmeel websteebehear folle makliker.