Advertentie
Ik werk nu al een tijdje op het web en ik heb het eigenlijk gemakkelijker gevonden om elk document in HTML-formaat te schrijven in plaats van DOC of TXT. Als u Google Docs gebruikt, doet u eigenlijk hetzelfde, aangezien Google Docs (gelukkig) in wezen een WYSIWYG HTML-editor is geworden. Sommige documentsjablonen maken met HTML en CSS is heel eenvoudig, kan door iedereen worden gedaan en als je het goed doet, ziet het er voor iedereen hetzelfde uit.
Waarom HTML gebruiken?
Mijn grootste reden om voor puur HTML- en CSS-documenten te gaan, is dat dit waarschijnlijk het meest compatibele formaat is in verschillende browsers en besturingssystemen, behalve het PDF-formaat, dat erg moeilijk en/of duur is om te doen goed. Het gebruik van Microsoft Office is ook niet de beste. Ik gebruik Office 2007 dat veel extra functies gebruikt die niet door eerdere versies worden ondersteund, dus de kwaliteit kan worden verlaagd. Wie weet hoe deze documenten er bijvoorbeeld in Open Office uit zullen zien? Als u een HTML-document maakt dat er precies hetzelfde uitziet in Internet Explorer en Firefox die u hebt gemaakt een document dat kan worden geopend door Mac-, Linux- en Windows-gebruikers en dat er op 99% van de browsers.
Wat is CSS en HTML?
Als dit hele HTML- en CSS-coderingsgedoe nieuw voor u is, hoeft u zich geen zorgen te maken. Het is heel eenvoudig en u kunt op internet tal van bronnen vinden om u te helpen. HTML- en CSS-code vormt het grootste deel van wat u hier op deze pagina ziet, HTML bepaalt de inhoud, terwijl CSS de stijl bepaalt of hoe de inhoud wordt gepresenteerd.
Hoe kan ik een sjabloon maken?
Nou, je zult een beetje code moeten bestuderen. Gelukkig zijn HTML en CSS heel gemakkelijk te begrijpen. Om een object bijvoorbeeld een rand te geven, typt u gewoon
rand: 1px zwart effen
. Hiermee wordt een 1px brede zwarte effen rand gemaakt. Er zijn heel veel opmaakopties die je kunt opzoeken en gebruiken, mijn suggestie is om te visualiseren wat je wilt en dan een beetje te zoeken hoe je het moet doen. De meest eenvoudige sjabloon zou een leeg HTML-bestand zijn, kijk hieronder.
De inhoud van uw pagina komt hier.
U kunt dit vervolgens allemaal vullen met inhoud en styling om uw document te maken. Kijk eens naar voorbeeld 1, voorbeeld 2 en voorbeeld 3 Ik maakte. Houd er rekening mee dat de code in de body, de inhoud precies hetzelfde is, ik verander alleen de css-code. Dit laat zien dat je de styling kunt gebruiken om snel verschillende looks te creëren.
Waarom is dit zo geweldig?
De reden dat dit zo geweldig is, is dat je aangepaste stijlen voor jezelf kunt maken die een soort "handelsmerk" van je documenten kunnen worden. U kunt de CSS-code knippen en plakken en denk aan de inhoud als u deze eenmaal hebt voltooid. U kunt ook in de stylesheet linken, dus als u documenten online opslaat, hoeft u de CSS niet in het bestand zelf op te nemen. Dit betekent dat u verschillende stylesheets kunt koppelen voor verschillende gelegenheden en dat u het document niet steeds hoeft aan te passen.
CSS maakt het ook mogelijk om documenten stijlgewijs sneller te bewerken. Ik geef er de voorkeur aan dat mijn documenten er goed uitzien, omdat ik me op die manier gewoon beter voel, en met CSS wordt het opmaakproces veel minder zwaar. Wanneer u een kopstijl opgeeft, wordt deze toegepast op alle koppen van dat type. Dit betekent dat u de achtergrondkleur, letterkleur, vetgedruktheid en onderstreping van een kop niet afzonderlijk hoeft te wijzigen, u hoeft deze slechts één keer op te geven.
Omdat Google Documenten nu volledige CSS-ondersteuning heeft, kunt u uw stijlcode ook kopiëren en plakken in Documenten en verander het uiterlijk van uw documenten zonder dat u elke kop één voor één hoeft op te maken tijd.
Waar kan ik meer leren?
Zoals ik al zei, CSS is een eenvoudig hulpmiddel, maar het vereist toch enige basiskennis. HTML is even logisch en gemakkelijk te leren, raad ik aan W3Cscholen voor hen beide. Ik heb daar veel geleerd van wat ik vandaag weet, voor basisbehoeften is het een van de beste sites op het net. W3C ontwikkelt ook de webstandaarden, dus u kunt er zeker van zijn dat alles wat ze op hun pagina schrijven, werkt.
Een andere pagina waar ik veel van heb geleerd was Uw HTML-bron. Deze pagina bevat HTML en CSS, en ook enkele geavanceerde tips over codering, promotie, toegankelijkheid en in het algemeen hoe je een goede website maakt. Het heeft echter geweldige CSS-hulp, zeker een bezoek waard.
Eindelijk kun je enkele gerelateerde blogs en artikelen bekijken, zoals deze geweldige verzameling van essentiële CSS-technieken en 53 technieken waar je niet zonder kunt.