Reklame
Jeg har arbejdet på nettet i et stykke tid nu, og jeg har faktisk fundet det nemmere at skrive hvert dokument i HTML-format i stedet for DOC eller TXT. Hvis du bruger Google Docs, gør du faktisk det samme, da Google Docs (heldigvis) i det væsentlige er blevet en WYSIWYG HTML-editor. At lave nogle dokumentskabeloner ved hjælp af HTML og CSS er meget nemt, kan gøres af alle, og hvis du gør det rigtigt, vil det se ens ud for alle.
Hvorfor bruge HTML?
Min største grund til at gå efter rene HTML- og CSS-dokumenter er, at det nok er det mest kompatible format på tværs af browsere og operativsystemer, bortset fra PDF-formatet, som er meget svært og/eller dyrt at lave godt. At bruge Microsoft Office er heller ikke det bedste. Jeg bruger Office 2007, som bruger en masse ekstra funktioner, der ikke understøttes af tidligere versioner, så kvaliteten kan blive nedgraderet. Hvem ved, hvordan disse dokumenter vil se ud i Open Office for eksempel? Hvis du opretter et HTML-dokument, som ser nøjagtigt ud i Internet Explorer og Firefox, har du oprettet et dokument, som kan åbnes af Mac-, Linux- og Windows-brugere, og som vil se ens ud på 99 % af browsere.
Hvad er CSS og HTML?
Hvis du er ny til hele denne HTML- og CSS-kodningsting, skal du ikke blive forskrækket. Det er meget nemt, og du kan finde masser af ressourcer på nettet til at hjælpe dig. HTML og CSS-kode er det, der udgør det meste af det du ser på denne side her, HTML styrer indholdet, mens CSS styrer stilen eller hvordan indholdet præsenteres.
Hvordan kan jeg oprette en skabelon?
Nå, du bliver nødt til at studere lidt kode. Heldigvis er HTML og CSS meget let at forstå. For at give et objekt en kant for eksempel, skal du bare skrive
kant: 1px sort fast
. Dette vil skabe en 1px bred sort solid kant. Der er masser af formateringsmuligheder, du kan slå op og bruge, mit forslag er at visualisere, hvad du vil, og derefter søge lidt for at finde, hvordan du gør det. Den mest grundlæggende skabelon ville være en tom HTML-fil, tag et kig nedenfor.
Indholdet på din side går her.
Du kan derefter fylde alt dette med indhold og stil for at skabe dit dokument. Se på eksempel 1, eksempel 2 og eksempel 3 Jeg lavede. Husk, at koden i kroppen, indholdet er nøjagtig det samme, jeg ændrer kun css-koden. Dette viser, at du kan bruge stylingen til hurtigt at skabe forskellige looks.
Hvorfor er det her så fantastisk?
Grunden til, at dette er så fantastisk, er, at du kan oprette brugerdefinerede stilarter til dig selv, som kan blive en slags "varemærke" for dine dokumenter. Du kan klippe og indsætte CSS-koden og bare tænke på indholdet, når du har færdiggjort det. Du kan også linke i stilarket, så hvis du gemmer dokumenter online, behøver du ikke inkludere CSS i selve filen. Det betyder, at du kan linke forskellige stylesheets til forskellige lejligheder, og du behøver ikke at ændre dokumentet hele tiden.
CSS muliggør også hurtigere redigering af dokumenter stilmæssigt. Jeg foretrækker, at mine dokumenter ser godt ud, fordi jeg bare har det bedre på den måde, og med CSS bliver formateringsprocessen meget mindre en byrde. Når du angiver en overskriftsstil, vil den blive anvendt på alle overskrifter af denne type. Det betyder, at du ikke individuelt behøver at ændre baggrundsfarven, skriftfarven, fedhed og understregning af en overskrift, du skal blot angive det én gang.
Da Google Docs nu har fuld CSS-understøttelse, kan du også kopiere og indsætte din stylingkode i Docs og ændre udseendet af dine dokumenter uden at skulle gå rundt og formatere hver enkelt overskrift én ad gangen tid.
Hvor kan jeg lære mere?
CSS er som sagt et simpelt værktøj, men det kræver alligevel noget grundlæggende viden. HTML er ligeledes logisk og let at lære, anbefaler jeg W3C-skoler for dem begge. Jeg lærte meget af det, jeg ved i dag der, for basale behov er det en af de bedste sider på nettet. W3C udvikler også webstandarderne, så du kan være sikker på, at det, de skriver på deres side, virker.
En anden side, jeg plejede at lære meget af, var Din HTML-kilde. Denne side indeholder HTML og CSS, og også nogle avancerede tips om kodning, promovering, tilgængelighed og generelt hvordan man laver en god hjemmeside. Det har dog stor CSS-hjælp, bestemt et besøg værd.
Endelig kan du tage et kig på nogle relaterede blogs og artikler som denne fantastiske opsummering af væsentlige CSS-teknikker og 53 teknikker, du ikke kan leve uden.