Werbung
Ich arbeite seit einiger Zeit im Web und fand es eigentlich einfacher, jedes Dokument im HTML-Format statt in DOC oder TXT zu schreiben. Wenn Sie Google Docs verwenden, tun Sie dasselbe, da Google Docs (zum Glück) im Wesentlichen ein WYSIWYG-HTML-Editor geworden ist. Das Erstellen einiger Dokumentvorlagen mit HTML und CSS ist sehr einfach, kann von jedem durchgeführt werden, und wenn Sie es richtig machen, sieht es für alle gleich aus.
Warum HTML verwenden?
Mein Hauptgrund für reine HTML- und CSS-Dokumente ist, dass es sich wahrscheinlich um das am besten kompatible Format handelt Browser- und betriebssystemübergreifend, mit Ausnahme des PDF-Formats, das sehr schwierig und/oder teuer ist Gut. Die Verwendung von Microsoft Office ist auch nicht die beste. Ich verwende Office 2007, das viele zusätzliche Funktionen verwendet, die von früheren Versionen nicht unterstützt werden, daher kann die Qualität herabgestuft werden. Wer weiß, wie diese Dokumente zum Beispiel in Open Office aussehen werden? Wenn Sie ein HTML-Dokument erstellen, das in Internet Explorer und Firefox genau gleich aussieht, haben Sie erstellt ein Dokument, das von Mac-, Linux- und Windows-Benutzern geöffnet werden kann und auf 99% der Dokumente gleich aussieht Browser.
Was ist CSS und HTML?
Wenn Sie mit dieser ganzen Sache mit der HTML- und CSS-Codierung noch nicht vertraut sind, seien Sie nicht beunruhigt. Es ist sehr einfach, und Sie können im Internet viele Ressourcen finden, die Ihnen helfen. HTML- und CSS-Code macht den größten Teil dessen aus, was Sie hier auf dieser Seite sehen, HTML regelt den Inhalt, während CSS den Stil oder die Darstellung des Inhalts regelt.
Wie kann ich eine Vorlage erstellen?
Nun, Sie müssen ein wenig Code studieren. Glücklicherweise sind HTML und CSS sehr einfach zu verstehen. Um beispielsweise einem Objekt einen Rahmen zu geben, geben Sie einfach ein
Rand: 1px schwarzer Vollton
. Dadurch wird ein 1px breiter schwarzer durchgehender Rand erstellt. Es gibt viele Formatierungsoptionen, die Sie nachschlagen und verwenden können. Mein Vorschlag ist, zu visualisieren, was Sie möchten, und dann ein wenig zu suchen, um herauszufinden, wie es geht. Die einfachste Vorlage wäre eine leere HTML-Datei, siehe unten.
Der Inhalt Ihrer Seite kommt hierher.
Sie können all dies dann mit Inhalt und Stil füllen, um Ihr Dokument zu erstellen. Schau es dir an Beispiel 1, Beispiel 2 und Beispiel 3 Ich machte. Denken Sie daran, dass der Code im Body, der Inhalt, genau gleich ist, ich ändere nur den CSS-Code. Dies zeigt, dass Sie mit dem Styling schnell verschiedene Looks erstellen können.
Warum ist das so toll?
Der Grund dafür ist, dass Sie benutzerdefinierte Stile für sich selbst erstellen können, die zu einer Art „Markenzeichen“ Ihrer Dokumente werden können. Sie können den CSS-Code ausschneiden und einfügen und einfach an den Inhalt denken, wenn Sie ihn fertiggestellt haben. Sie können auch im Stylesheet verlinken. Wenn Sie also Dokumente online speichern, müssen Sie das CSS nicht in die Datei selbst einbinden. Dies bedeutet, dass Sie verschiedene Stylesheets für verschiedene Anlässe verknüpfen können und das Dokument nicht ständig ändern müssen.
CSS ermöglicht auch eine schnellere Bearbeitung von Dokumenten in Bezug auf den Stil. Ich bevorzuge es, dass meine Dokumente gut aussehen, weil ich mich so einfach besser fühle und mit CSS die Formatierung viel weniger belastend wird. Wenn Sie einen Überschriftenstil angeben, wird dieser auf alle Überschriften dieses Typs angewendet. Das bedeutet, dass Sie Hintergrundfarbe, Schriftfarbe, Fettdruck und Unterstreichung einer Überschrift nicht einzeln ändern müssen, sondern nur einmal angeben.
Da Google Docs jetzt auch vollständige CSS-Unterstützung bietet, können Sie einfach Ihren Styling-Code kopieren und in Docs einfügen Ändern Sie das Aussehen Ihrer Dokumente, ohne jede einzelne Überschrift einzeln formatieren zu müssen Zeit.
Wo kann ich mehr erfahren?
Wie gesagt, CSS ist ein einfaches Werkzeug, erfordert aber trotzdem einige Grundkenntnisse. HTML ist ähnlich logisch und leicht zu erlernen, empfehle ich W3Cschulen Für beide. Ich habe dort viel von dem gelernt, was ich heute weiß, für den Grundbedarf ist es eine der besten Seiten im Netz. Das W3C entwickelt auch die Webstandards, sodass Sie sicher sein können, dass alles, was sie auf ihrer Seite schreiben, funktioniert.
Eine andere Seite, von der ich viel gelernt habe, war Ihre HTML-Quelle. Diese Seite enthält HTML und CSS sowie einige fortgeschrittene Tipps zu Codierung, Werbung, Zugänglichkeit und allgemein zum Erstellen einer guten Website. Es hat jedoch eine großartige CSS-Hilfe, die auf jeden Fall einen Besuch wert ist.
Endlich können Sie sich einige verwandte Blogs und Artikel ansehen, wie diese großartige Zusammenfassung von wesentliche CSS-Techniken und 53 Techniken, ohne die du nicht leben kannst.