Annonse
Jeg har jobbet på nettet en stund nå, og jeg har faktisk funnet det lettere å skrive hvert dokument i HTML-format i stedet for DOC eller TXT. Hvis du bruker Google Docs, gjør du faktisk det samme, siden Google Docs (heldigvis) i hovedsak har blitt en WYSIWYG HTML-editor. Å lage noen dokumentmaler ved hjelp av HTML og CSS er veldig enkelt, kan gjøres av alle, og hvis du gjør det riktig, vil det se likt ut for alle.
Hvorfor bruke HTML?
Min største grunn til å gå for rene HTML- og CSS-dokumenter er at det sannsynligvis er det mest kompatible formatet på tvers av nettlesere og operativsystemer, bortsett fra PDF-formatet, som er veldig vanskelig og/eller dyrt å gjøre vi vil. Å bruke Microsoft Office er heller ikke det beste. Jeg bruker Office 2007 som bruker mange ekstra funksjoner som ikke støttes av tidligere versjoner, så kvaliteten kan bli nedgradert. Hvem vet hvordan disse dokumentene vil se ut i Open Office for eksempel? Hvis du lager et HTML-dokument som ser helt likt ut i Internet Explorer og Firefox har du laget et dokument som kan åpnes av Mac-, Linux- og Windows-brukere, og vil se likt ut på 99% av nettlesere.
Hva er CSS og HTML?
Hvis du er ny på hele denne HTML- og CSS-kodingstingen, ikke vær redd. Det er veldig enkelt, og du kan finne mange ressurser på nettet for å hjelpe deg. HTML og CSS-kode er det som utgjør det meste av det du ser på denne siden her, HTML styrer innholdet, mens CSS styrer stilen eller hvordan innholdet presenteres.
Hvordan kan jeg lage en mal?
Vel, du må studere litt kode. Heldigvis er HTML og CSS veldig lett å forstå. For å gi et objekt en kantlinje for eksempel, bare skriv
kant: 1px svart solid
. Dette vil skape en 1px bred svart solid kant. Det er mange formateringsalternativer du kan slå opp og bruke, mitt forslag er å visualisere hva du vil, og deretter søke litt for å finne hvordan du gjør det. Den mest grunnleggende malen vil være en tom HTML-fil, ta en titt nedenfor.
Innholdet på siden din går her.
Du kan deretter fylle alt dette med innhold og stil for å lage dokumentet ditt. Se på eksempel 1, eksempel 2 og eksempel 3 Jeg lagde. Husk at koden i kroppen, innholdet er nøyaktig det samme, jeg endrer bare css-koden. Dette viser at du kan bruke stylingen til å lage forskjellige utseender raskt.
Hvorfor er dette så flott?
Grunnen til at dette er så fantastisk er at du kan lage egendefinerte stiler for deg selv som kan bli et slags "varemerke" for dokumentene dine. Du kan klippe og lime inn CSS-koden og bare tenke på innholdet når du har fullført det. Du kan også koble til i stilarket, så hvis du lagrer dokumenter på nettet, trenger du ikke å inkludere CSS i selve filen. Dette betyr at du kan koble sammen forskjellige stilark for forskjellige anledninger, og du trenger ikke å endre dokumentet hele tiden.
CSS muliggjør også raskere redigering av dokumenter stilmessig. Jeg foretrekker at dokumentene mine ser bra ut fordi jeg føler meg bedre på den måten, og med CSS blir formateringsprosessen mye mindre byrde. Når du angir en overskriftsstil, vil den brukes på alle overskrifter av den typen. Dette betyr at du ikke trenger å endre bakgrunnsfarge, skriftfarge, fethet og understreking av en overskrift individuelt, du spesifiserer det bare én gang.
Siden Google Docs nå har full CSS-støtte, kan du bare kopiere og lime inn stylingkoden din i Docs og endre utseendet på dokumentene dine uten å måtte gå rundt og formatere hver enkelt overskrift én etter én tid.
Hvor kan jeg lære mer?
CSS er som sagt et enkelt verktøy, men det krever likevel litt grunnleggende kunnskap. HTML er like logisk og lett å lære, anbefaler jeg W3C-skoler for dem begge. Jeg lærte mye av det jeg kan i dag der, for grunnleggende behov er det en av de beste sidene på nettet. W3C utvikler også nettstandardene, slik at du kan være sikker på at det de skriver på siden deres fungerer.
En annen side jeg pleide å lære mye av var Din HTML-kilde. Denne siden inneholder HTML og CSS, og også noen avanserte tips om koding, promotering, tilgjengelighet og generelt hvordan lage en god nettside. Den har imidlertid god CSS-hjelp, absolutt verdt et besøk.
Til slutt kan du ta en titt på noen relaterte blogger og artikler som denne fantastiske oppsummeringen av essensielle CSS-teknikker og 53 teknikker du ikke kan leve uten.
