Heim > Web-Frontend > CSS-Tutorial > Produktionsspezifikationen für Webseitenkunst_CSS/HTML

Produktionsspezifikationen für Webseitenkunst_CSS/HTML

WBOY
Freigeben: 2016-05-16 12:12:26
Original
1558 Leute haben es durchsucht

1. Für Seiten, die den Volltextabruf ermöglichen, sollten Schlüsselwörter und Beschreibungs-Meta-Tags zwischen dem

im HTML der Kanal-Homepage eingefügt werden, damit Suchmaschinen im Internet diese effektiv abrufen können Vergessen Sie nicht, beim Erstellen der Seite die Website des Kunden hinzuzufügen. Achten Sie insbesondere bei Seiten mit allgemeinen URLs darauf, Schlüsselwörter hinzuzufügen~! Das erleichtert die Werbung!
Beispiel:



2. Beim Erstellen einer Website verfügt die Seite über eine einheitliche Header- und Tail-Datei. Stellen Sie sicher, dass Sie eine einzelne Datei für den oberen Header und eine Datei für das untere Ende erstellen und diese dann auf der Seite verschachteln. Dies ist leicht zu ändern. Verschachtelter Code:
1. (empfohlen)
2. (bei Verwendung einfach den blauen Teil ändern)

3. Verwenden Sie den Plug-in-Stil einheitlich Tisch~! Zugehöriger Code:
Bitte beachten Sie, dass die Reihenfolge von a:link a:visited a:hover a:actived mit der ursprünglichen Reihenfolge übereinstimmen muss.
Erstens neu definieren, zweitens Pseudoklasse und zuletzt Anpassung.
Um sicherzustellen, dass die Schriftgröße in verschiedenen Browsern konsistent ist, wird empfohlen, Punkte pt und Pixel px zu verwenden, um die Schriftgröße im Allgemeinen 9pt und 11pt der chinesischen Song-Dynastie zu definieren, und px im Allgemeinen chinesisches Lied Dynasty 12px und 14,7px Dies ist eine optimierte Schriftgröße. Bei fetten Schriftarten oder Song-Schriftarten sind die Schriftgrößen 11pt und 14,7px im Allgemeinen besser geeignet.

4. Eine Webseite sollte versuchen, die Verwendung einer ganzen großen Tabelle zu vermeiden.
Der gesamte Inhalt ist in dieser großen Tabelle verschachtelt, denn wenn der Browser die Elemente der Seite interpretiert, zeigt er sie einzeln in Tabelleneinheiten an Eingebettet Wenn es in einer großen Tabelle platziert wird, besteht die wahrscheinliche Konsequenz darin, dass der Besucher beim Eingeben der URL zunächst lange Zeit mit einer Leerstelle konfrontiert wird und dann der gesamte Webinhalt gleichzeitig angezeigt wird. Wenn Sie dies tun müssen, verwenden Sie das Tag , um die Anzeige der großen Tabelle in Blöcken zu ermöglichen.
Versuchen Sie, die Verschachtelung von Tabellen innerhalb von drei Ebenen zu steuern
5. Es gibt auch einheitliche Spezifikationen für die Schreibweise von Breite und Höhe. Im Allgemeinen wird bei Tabellen mit nur einer Spalte die Breite im Tag geschrieben. Bei Tabellen mit nur einer Zeile wird die Höhe im Tag
geschrieben . Bei Tabellen mit mehreren Zeilen und Spalten werden Breite und Höhe in das
-Tag in der ersten Zeile oder Spalte geschrieben. Kurz gesagt, folgen Sie einem Prinzip: Es sollte nicht mehr als eine Höhe und Breite geben, die die Größe derselben Zelle steuern. Stellen Sie sicher, dass jede Breite und Höhe gültig ist. Das heißt, wenn Sie den Wert einer beliebigen Breite und Höhe ändern Code, es sollte in Änderungen im Browser sichtbar sein. Dies ist nicht einfach, es erfordert viel Übung und Nachdenken.

◆Layout:
1. Zentrieren Sie den Text nicht einfach und verwenden Sie fette oder kursive Zeichen. Zusätzlich zur visuellen Unordnung zeigen viele Browser Kursivschrift nicht gut an und kompensieren die durch schräge Buchstaben verursachte Veränderung des Leerraums nicht.
2. Verwenden Sie keine Symbole mit unterschiedlichen Stilen auf jeder Seite.
3. Alt-Tag zur Bildzeile hinzufügen. Dadurch können Leser, die textbasierte Browser verwenden, etwas anderes als [BILD] sehen, und Leser, die grafische Browser verwenden, sehen auch etwas, wenn das Bild nicht erfolgreich geladen werden kann, und Sie können Ihre HTML-Dateien auch ziemlich ordentlich gestalten.
4. Lassen Sie nicht zu, dass etwas wie ein Knopf aussieht, aber nicht als Knopf funktioniert.

◆Techniken zur Web-Farbanpassung
1. Dabei geht es darum, zuerst eine Farbe auszuwählen und dann die Transparenz oder Sättigung anzupassen (einfacher ausgedrückt bedeutet dies, die Farbe heller oder dunkler zu machen), um eine neue Farbe für die Verwendung auf der Webseite zu erzeugen. Eine solche Seite sieht farblich einheitlich aus und weist einen Sinn für Hierarchie auf.
2. Verwenden Sie zwei Farben. Wählen Sie zunächst eine Farbe und dann deren Kontrastfarbe aus (drücken Sie in Photoshop Strg+Umschalt+I). So wurde meine Homepage mit Blau und Gelb entschieden. Die gesamte Seite ist bunt, aber nicht übermäßig bunt.
3. Verwenden Sie ein Farbsystem. Um es einfach auszudrücken: Verwenden Sie eine Farbe, die sich wie Hellblau, Hellgelb, Hellgrün anfühlt; oder erdiges Gelb, erdiges Grau, erdiges Blau. Die Methode zum Bestimmen der Farbe ist für jeden unterschiedlich. Ich klicke in Photoshop auf das Vordergrundfarbfeld, wähle im angezeigten Farbauswahlfenster „Benutzerdefiniert“ und wähle es dann in der „Farbbibliothek“ aus :)
4 . Verwenden Sie Schwarz und eine Farbe. Beispielsweise fühlen sich leuchtend rote Schriftarten mit schwarzen Rändern sehr „beliebt“ an.
Beim Web-Farbabgleich gelten folgende Tabus:
1. Verwenden Sie nicht alle Farben, sondern beschränken Sie sich auf drei Farben.
2. Der Kontrast zwischen dem Hintergrund und dem vorherigen Text sollte so groß wie möglich sein (verwenden Sie niemals komplizierte Muster als Hintergrund), um den Haupttextinhalt hervorzuheben
◆ Blinken bereitet den Leuten Kopfschmerzen
Von Mithilfe von Logos können Sie zwar Besucher in den speziellen Bereich Ihrer Homepage locken, aber es bereitet Ihren Besuchern auch Kopfzerbrechen. Wenn Sie möchten, dass Besucher weiterhin auf Ihre Website zurückkehren, gehen Sie mit dieser Methode sparsam um.
◆ Animationsverschönerung
Verwenden Sie höchstens eine Animation
„Es lebe das Leerzeichen“
Achten Sie darauf, eine Leerstelle zu lassen. Überladen Sie Ihre Webseite nicht mit Bildern, Text und unnötigen animierten GIFs. Auch wenn genügend Platz vorhanden ist, sollten Sie diese beim Entwerfen vermeiden.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage