Skelbimas

CSS šablonaiJau kurį laiką dirbu internete ir man iš tikrųjų lengviau rašyti kiekvieną dokumentą HTML formatu, o ne DOC ar TXT. Jei naudojate „Google“ dokumentus, iš tikrųjų darote tą patį, nes „Google“ dokumentai (laimei) iš esmės tapo WYSIWYG HTML redaktoriumi. Sukurti kai kuriuos dokumentų šablonus naudojant HTML ir CSS yra labai paprasta, tai gali padaryti visi, o jei darysite teisingai, visiems atrodys vienodai.

Kodėl naudoti HTML?

Mano didžiausia priežastis, kodėl aš renkuosi tik HTML ir CSS dokumentus, yra ta, kad tai tikriausiai labiausiai suderinamas formatas visose naršyklėse ir operacinėse sistemose, išskyrus PDF formatą, kurį atlikti labai sunku ir (arba) brangu gerai. „Microsoft Office“ naudojimas taip pat nėra geriausias. Naudoju „Office 2007“, kuri naudoja daug papildomų funkcijų, kurių nepalaiko ankstesnės versijos, todėl kokybė gali būti pablogėjusi. Kas žino, kaip šie dokumentai atrodys, pavyzdžiui, „Open Office“? Jei kuriate HTML dokumentą, kuris atrodo lygiai taip pat „Internet Explorer“ ir „Firefox“, kurį sukūrėte dokumentas, kurį gali atidaryti „Mac“, „Linux“ ir „Windows“ vartotojai ir kuris atrodys taip pat 99 proc naršyklės.

instagram viewer

Kas yra CSS ir HTML?

Jei nesate naujokas šiame HTML ir CSS kodavimo reikale, neišsigąskite. Tai labai paprasta, o žiniatinklyje galite rasti daug išteklių, kurie jums padės. HTML ir CSS kodas sudaro didžiąją dalį to, ką matote šiame puslapyje, HTML valdo turinį, o CSS – stilių arba turinio pateikimo būdą.

Kaip galiu sukurti šabloną?

CSS stiliaus pavyzdys

Na, jums reikės šiek tiek išmokti kodą. Laimei, HTML ir CSS yra labai lengva suprasti. Pavyzdžiui, norėdami suteikti objektui kraštinę, tiesiog įveskite

kraštinė: 1 piks. juoda kieta

. Taip bus sukurtas 1 piks. pločio juodas vientisas rėmelis. Yra daugybė formatavimo parinkčių, kurias galite ieškoti ir naudoti. Mano pasiūlymas yra vizualizuoti, ko norite, o tada šiek tiek paieškoti, kad sužinotumėte, kaip tai padaryti. Pats paprasčiausias šablonas būtų tuščias HTML failas, pažiūrėkite toliau.



<p><em>Puslapio pavadinimas pateikiamas čia</em></p> <p></p>


Jūsų puslapio turinys patenka čia.


Tada galite užpildyti visa tai turiniu ir stiliumi, kad sukurtumėte savo dokumentą. Pažiūrėk į 1 pavyzdys, 2 pavyzdys ir 3 pavyzdys Aš padariau. Turėkite omenyje, kad kodas korpuse, turinys lygiai toks pat, aš tik keičiu css kodą. Tai rodo, kad naudodami stilių galite greitai sukurti skirtingą išvaizdą.

Kodėl tai taip puiku?

Priežastis, kodėl tai taip nuostabu, yra ta, kad galite sukurti pasirinktinius stilius, kurie gali tapti jūsų dokumentų „prekės ženklu“. Galite iškirpti ir įklijuoti CSS kodą ir tiesiog pagalvokite apie turinį, kai jį užbaigsite. Be to, stilių lape galite susieti nuorodą, taigi, jei dokumentus saugote internete, į patį failą nereikės įtraukti CSS. Tai reiškia, kad galite susieti skirtingus stilių lapus įvairioms progoms ir jums nereikės nuolat keisti dokumento.

CSS taip pat leidžia greičiau redaguoti dokumentus pagal stilių. Man labiau patinka, kad mano dokumentai atrodytų gerai, nes taip jaučiuosi geriau, o naudojant CSS formatavimo procesas tampa daug mažesnė našta. Kai nurodote antraštės stilių, jis bus taikomas visoms to tipo antraštėms. Tai reiškia, kad jums nereikia atskirai keisti fono spalvos, šrifto spalvos, paryškinimo ir antraštės pabraukimo, tiesiog nurodykite tai vieną kartą.

Be to, kadangi „Google“ dokumentai dabar turi visą CSS palaikymą, galite tiesiog nukopijuoti savo stiliaus kodą į Dokumentus ir įklijuoti pakeisti dokumentų išvaizdą, nereikalaujant formatuoti kiekvienos antraštės a laikas.

Kur galėčiau sužinoti daugiau?

Kaip jau sakiau, CSS yra paprastas įrankis, tačiau tam reikia tam tikrų pagrindinių žinių. HTML yra taip pat logiškas ir lengvai išmokstamas, aš rekomenduoju W3Cschools jiems abiems. Ten sužinojau daug to, ką šiandien žinau. Pagrindiniams poreikiams tenkinti tai viena geriausių svetainių tinkle. W3C taip pat kuria žiniatinklio standartus, todėl galite būti tikri, kad viskas, ką jie rašo savo puslapyje, veikia.

Kitas puslapis, iš kurio daug mokiausi Jūsų HTML šaltinis. Šiame puslapyje yra HTML ir CSS, taip pat keletas pažangių patarimų apie kodavimą, reklamą, prieinamumą ir apskritai, kaip sukurti gerą svetainę. Vis dėlto ji turi puikią CSS pagalbą, kurią tikrai verta aplankyti.

Galiausiai galite pažvelgti į kai kuriuos susijusius tinklaraščius ir straipsnius, tokius kaip ši nuostabi apžvalga esminiai CSS metodai ir 53 būdai, be kurių negalite gyventi.