Oglas
Že nekaj časa delam na spletu in dejansko sem ugotovil, da je lažje napisati vsak dokument v formatu HTML namesto v DOC ali TXT. Če uporabljate Google Dokumente, dejansko počnete isto, saj so Google Dokumenti (na srečo) v bistvu postali urejevalnik HTML WYSIWYG. Ustvarjanje nekaterih predlog dokumentov z uporabo HTML in CSS je zelo enostavno, lahko ga naredi vsak, in če to storite pravilno, bo vsem videti enako.
Zakaj uporabljati HTML?
Moj največji razlog za uporabo izključno dokumentov HTML in CSS je, da je to verjetno najbolj združljiv format v brskalnikih in operacijskih sistemih, razen v formatu PDF, kar je zelo težko in/ali drago no. Tudi uporaba Microsoft Officea ni najboljša. Uporabljam Office 2007, ki uporablja veliko dodatnih funkcij, ki jih starejše različice ne podpirajo, zato se lahko kakovost poslabša. Kdo ve, kako bodo ti dokumenti izgledali na primer v Open Officeu? Če ustvarite dokument HTML, ki je videti popolnoma enak v Internet Explorerju in Firefoxu, ki ste ga ustvarili dokument, ki ga lahko odprejo uporabniki Mac, Linux in Windows, in bo videti enako na 99 % brskalniki.
Kaj je CSS in HTML?
Če ste novi pri vsem tem kodiranju HTML in CSS, ne bodite prestrašeni. To je zelo enostavno in na spletu lahko najdete veliko virov, ki vam bodo pomagali. Koda HTML in CSS je tisto, kar sestavlja večino tega, kar vidite na tej strani tukaj, HTML ureja vsebino, medtem ko CSS ureja slog ali kako je vsebina predstavljena.
Kako lahko ustvarim predlogo?
No, morali boste preučiti malo kode. Na srečo sta HTML in CSS zelo enostavna za razumevanje. Če želite na primer predmetu dati obrobo, samo vnesite
obroba: 1px črno polno
. To bo ustvarilo 1px široko črno polno obrobo. Obstaja veliko možnosti oblikovanja, ki jih lahko poiščete in uporabite, moj predlog je, da vizualizirate, kaj želite, in nato malo poiščete, kako to storiti. Najosnovnejša predloga bi bila prazna datoteka HTML, poglejte spodaj.
Tukaj je naslov strani
Vsebina vaše strani je tukaj.
Nato lahko vse to napolnite z vsebino in stili, da ustvarite svoj dokument. Poglej primer 1, primer 2 in primer 3 Jaz sem naredil. Upoštevajte, da je koda v telesu, vsebina popolnoma enaka, spreminjam samo css kodo. To kaže, da lahko s stylingom hitro ustvarite različne videze.
Zakaj je to tako super?
Razlog, zakaj je to tako super, je, da lahko sami ustvarite sloge po meri, ki lahko postanejo nekakšna "blagovna znamka" vaših dokumentov. Kodo CSS lahko izrežete in prilepite ter pomislite na vsebino, ko jo dokončate. Prav tako se lahko povežete v slogovni tabeli, tako da, če shranjujete dokumente v spletu, vam ni treba vključiti CSS-ja v samo datoteko. To pomeni, da lahko povežete različne slogovne liste za različne priložnosti in vam ni treba ves čas spreminjati dokumenta.
CSS omogoča tudi hitrejše urejanje dokumentov v slogovnem smislu. Najraje imam, da so moji dokumenti videti dobro, ker se tako počutim bolje, s CSS pa postane proces oblikovanja veliko manj breme. Ko določite slog naslova, bo uporabljen za vse naslove te vrste. To pomeni, da vam ni treba posamično spreminjati barve ozadja, barve pisave, krepkosti in podčrtanja naslova, le enkrat ga določite.
Ker imajo Google Dokumenti zdaj popolno podporo za CSS, lahko preprosto kopirate in prilepite kodo za oblikovanje v Dokumente in spremenite videz svojih dokumentov, ne da bi morali oblikovati vsak posamezen naslov čas.
Kje se lahko naučim več?
Kot sem rekel, je CSS preprosto orodje, a kljub temu zahteva nekaj osnovnega znanja. HTML je podobno logičen in enostaven za učenje, priporočam Šole W3C za oba. Tam sem se naučil veliko tega, kar vem danes, za osnovne potrebe je ena najboljših strani na netu. W3C razvija tudi spletne standarde, tako da ste lahko prepričani, da vse, kar napišejo na svoji strani, deluje.
Druga stran, na kateri sem se veliko naučil, je bila Vaš vir HTML. Ta stran vsebuje HTML in CSS ter nekaj naprednih nasvetov za kodiranje, promocijo, dostopnost in na splošno, kako ustvariti dobro spletno mesto. Ima pa veliko pomoč pri CSS, vsekakor vreden ogleda.
Končno si lahko ogledate nekaj sorodnih blogov in člankov, kot je ta izjemen povzetek bistvene CSS tehnike in 53 tehnik, brez katerih ne morete živeti.