Bevor wir eine Webseite erstellen, werfen wir einen Blick auf diese sogenannten Spezifikationen
|
In diesem Artikel sind einige sogenannte Spezifikationen zusammengestellt, die Sie vor der Erstellung einer Webseite überprüfen sollten. Ich hoffe, dass er für alle hilfreich ist. In diesem Artikel sind einige sogenannte Spezifikationen zusammengestellt, die Sie vor der Erstellung einer Webseite überprüfen sollten. Ich hoffe, dass er für alle hilfreich ist. 01 Standards für die Dateibenennung <br />Grundsätze für die Dateibenennung: Verwenden Sie möglichst wenige Buchstaben, um eine möglichst verständliche Bedeutung zu erreichen. Allgemeine Konventionen für die Benennung von Dateien und Verzeichnissen: Jedes Verzeichnis sollte eine Standard-HTML-Datei enthalten, der Dateiname lautet einheitlich index.htm Der Dateiname sollte eine Kombination aus englischen Kleinbuchstaben, Zahlen und Unterstrichen sein und so weit wie möglich ins Englische übersetzt werden. Zum Beispiel: feedback (Feedback), aboutus (Über uns) Mehrere Dateien desselben Typs werden mit englischen Buchstaben und Zahlen benannt, wobei Buchstaben und Zahlen durch _ getrennt sind. Beispiel: news_01.htm. Beachten Sie, dass die Anzahl der Ziffern proportional zur Anzahl der Dateien ist und fehlende Ziffern mit 0 aufgefüllt werden. Beispielsweise gibt es 200 Nachrichten und die 18. Nachricht heißt news_018.htm Konventionen zur Bildbenennung: Der Name besteht aus zwei Teilen, dem ersten und dem letzten, die durch einen Unterstrich getrennt sind. Der Kopfteil gibt die allgemeine Natur dieses Bildes an. Beispiele: Rechteckige Bilder, wie etwa Anzeigen und dekorative Muster, die oben auf der Seite platziert werden, benennen wir mit „Banner“. Symbolbilder benennen wir mit „Logo“. Kleine Bilder mit Links, die nicht fest auf der Seite verankert sind, benennen wir mit „Schaltfläche“. Bilder von Link-Spalten, die fortlaufend an einer bestimmten Position auf der Seite erscheinen und dieselbe Beschaffenheit haben, benennen wir mit „Menü“. Dekorative Fotos benennen wir mit „Bild“. Bilder ohne Links, die Titel darstellen sollen, benennen wir mit „Titel“ usw. Der Schwanzteil dient zur Angabe der spezifischen Bedeutung des Bildes und wird in englischen Buchstaben ausgedrückt. Beispiel: banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg. Bei den Bildern mit Onmouse-Effekt werden die beiden Bilder durch Hinzufügen von „_on“ und „_off“ an das Ende des ursprünglichen Dateinamens benannt. Andere Dateibenennungskonventionen Das Benennungsprinzip von js besteht darin, englische Wörter für die Funktionen zu verwenden. Beispiel: Der JS-Dateiname des Werbebanners lautet: ad.js Alle CGI-Dateien haben die Endung cgi. Die Konfigurationsdatei für alle CGI-Programme ist config.cgi 02 Vorgaben zur Verzeichnisstruktur <br />Grundsätze der Verzeichniserstellung: Bereitstellung einer möglichst klaren und einfachen Zugriffsstruktur mit möglichst wenigen Ebenen. Der Verzeichnisname besteht aus englischen Kleinbuchstaben und Unterstrichen. (Siehe Namenskonventionen) Im Stammverzeichnis werden normalerweise nur index.htm und andere notwendige Systemdateien gespeichert. Jede Hauptspalte hat ein entsprechendes unabhängiges Verzeichnis. In den Bildern im Stammverzeichnis werden öffentliche Bilder gespeichert, die von allen Seiten verwendet werden, und im Bilderverzeichnis im Unterverzeichnis werden private Bilder gespeichert, die von den Seiten dieser Spalte verwendet werden. Alle JS-, ASP-, PHP- und anderen Skripte werden im Skriptverzeichnis unter dem Stammverzeichnis gespeichert. Alle CGI-Programme werden im Verzeichnis cgi-bin unter dem Stammverzeichnis gespeichert. Alle CSS-Dateien werden im Stilverzeichnis unter dem Stammverzeichnis gespeichert. Jede Sprachversion wird in einem separaten Verzeichnis gespeichert. Beispiel: Vereinfachtes Chinesisch gb Alle Flash-, AVI-, RAM-, Quicktime- und anderen Multimediadateien werden im Medienverzeichnis unter dem Stammverzeichnis gespeichert 03 Größenangaben <br />Bitte passen Sie die Größenangaben entsprechend Ihrer tatsächlichen Situation an: Die Seite ist mit einer Standardauflösung von 800*600 und einer empfohlenen Größe von 766*430px gestaltet. Grundsätzlich sollte die Seitenlänge 3 Bildschirme nicht überschreiten und die Breite 1 Bildschirm nicht. Jede Standardseite hat das Format A4, also 8,5 x 11 Zoll. Das Banner in voller Größe ist 468 x 60 Pixel groß, das Banner in halber Größe 234 x 60 Pixel und das kleine Banner 88 x 31 Pixel. Darüber hinaus sind 120 x 90 und 120 x 60 auch Standardgrößen für kleine Symbole. Jede statische Seite, die keine Homepage ist und Bilder enthält, überschreitet nicht 60 KBytes und das Banner in voller Größe überschreitet nicht 14 KBytes. 04 Code-Standards für Homepages <br />Der Schlüssel zum Homepage-Code liegt im Kopfbereich. Der Kopfbereich bezieht sich auf den Inhalt zwischen <head> und </head> des HTML-Codes der Homepage. Das Logo und der Copyright-Hinweis, die im Kopfbereich hinzugefügt werden müssen<!--- Die Site wurde von yourcompany,Inc 03/2001 gestaltet ---> Beispiel für den Zeichensatz zur Anzeige einer Webseite: Vereinfachtes Chinesisch: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> Traditionelles Chinesisch: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> Englisch: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> Informationen zum ursprünglichen Ersteller <META name="author" content="[email protected]"> Website-Einführung<META NAME="DESCRIPTION" CONTENT="Fügen Sie die Einführung Ihrer Website ein"> Suchbegriffe <META NAME="keywords" CONTENT="keyword 1,keyword 2,keyword 3,..."> CSS-Spezifikation für Webseiten <LINK href="style/style.css" rel="stylesheet" type="text/css"> Seitentitel <title>Hier ist Ihr Seitentitel</title> Im Kopfbereich können Sie optional ein Logo hinzufügen, um die Ablaufzeit der Webseite festzulegen. Sobald eine Webseite abläuft, muss sie vom Server abgerufen werden. <META HTTP-EQUIV="läuft ab" CONTENT="Mi, 26. Februar 1997 08:21:57 GMT"> Verhindern Sie, dass der Browser auf Seiteninhalte aus dem Cache des lokalen Computers zugreift. <META HTTP-EQUIV="Pragma" CONTENT="kein Cache"> Wird verwendet um zu verhindern, dass andere Ihre Seite im Frame aufrufen. <META HTTP-EQUIV="Fensterziel" CONTENT="_top"> Automatischer Sprung. <META HTTP-EQUIV="Aktualisieren" CONTENT="5;URL=https://www.jb51.net"> Die 5-Finger-Zeit beträgt 5 Sekunden. Assistent für Websuchroboter. Wird verwendet, um dem Suchroboter mitzuteilen, welche Seiten indexiert werden müssen und welche nicht. <META NAME="Roboter" INHALT="keine"> Die Parameter von CONTENT sind all, none, index, noindex, follow und nofollow. Die Standardeinstellung ist „alles“. Favoriten-Symbol <link rel = "Verknüpfungssymbol" href = "favicon.ico"> JS-Aufrufspezifikation Alle JavaScript-Skripte sollten so weit wie möglich extern aufgerufen werden <SCRIPT LANGUAGE="JavaScript" SRC="script/xxxxx.js"></SCRIPT> CSS-Schreibstandards Alle CSS sollten so weit wie möglich extern aufgerufen werden <LINK href="style/style.css" rel="stylesheet" type="text/css"> Definieren Sie beim Schreiben zuerst neu, dann die Pseudoklasse und passen Sie zuletzt an (darunter sollten a:link, a:visited, a:hover und a:actived in der Reihenfolge geschrieben werden), um das Lesen für Sie und andere zu erleichtern. Um sicherzustellen, dass die Schriftgröße in verschiedenen Browsern einheitlich bleibt, wird empfohlen, die Schriftgröße in Punkten (pt) und Pixeln (px) anzugeben. pt verwendet im Allgemeinen 9pt und 11pt der chinesischen Song-Schriftart und px verwendet im Allgemeinen 12px und 14,7px der chinesischen Song-Schriftart. Dies sind optimierte Schriftgrößen. Bei Verwendung von Fettdruck oder Song-Schriftart ist es im Allgemeinen angemessener, Schriftgrößen von 11pt und 14,7px zu verwenden. Von CSS empfohlene Vorlage. <style type="text/css"> <!— p { Texteinzug: 2em; } body { Schriftfamilie: "宋体"; Schriftgröße: 9pt; Farbe: #000000; Rand oben: 0px; Rand rechts: 0px; Rand unten: 0px; Rand links: 0px} Tabelle { Schriftfamilie: "宋体"; Schriftgröße: 9pt; Zeilenhöhe: 20px; Farbe: #000000} a:link { Schriftgröße: 9pt; Farbe: #0000FF; Textdekoration: keine} a:besucht { Schriftgröße: 9pt; Farbe: #990099; Textdekoration: keine} a:hover { Schriftgröße: 9pt; Farbe: #FF9900; Textdekoration: keine} a:aktiv { Schriftgröße: 9pt; Farbe: #FF9900; Textdekoration: keine} a.1:link { Schriftgröße: 9pt; Farbe: #3366cc; Textdekoration: keine} a.1:besucht { Schriftgröße: 9pt; Farbe: #3366cc; Textdekoration: keine} a.1:hover { Schriftgröße: 9pt; Farbe: #FF9900; Textdekoration: keine} a.1:aktiv { Schriftgröße: 9pt; Farbe: #FF9900; Textdekoration: keine} .blau { Schriftfamilie: "宋体"; Schriftgröße: 10,5pt; Zeilenhöhe: 20px; Farbe: #0099FF; Buchstabenabstand: 5em} --> </Stil> Um die Browserkompatibilität zu gewährleisten, muss der Body-Tag den Seitenhintergrund festlegen <body bgcolor="#FFFFFF"> 05 Bildgestaltungsstandard <br />Das CI-Gesamtbild der Website beinhaltet folgende Elemente: Logo Die Website muss über ein eigenständiges Logo verfügen. Das Logo kann mit den chinesischen und englischen Namen der Website gestaltet werden, oder es kann ein spezielles Muster verwendet werden. Das Prinzip ist einfach und leicht zu merken. Das Logo muss klar in Schwarzweiß und in Farbe dargestellt werden. Der Name des Logobildes lautet „logo_Domänenname.gif“, zum Beispiel: logo_sina.gif Versuchen Sie, Vektorbilder des Logos bereitzustellen. Versuchen Sie, auf jeder Seite die Standardfarbe des Logos zu verwenden. Die Website sollte eine eigene Standardfarbe (Hauptfarbe) haben. Grundsätzlich sollten nicht mehr als zwei Standardfarben vorhanden sein. Wenn es zwei gibt, sollte eine die Standardfarbe und die andere die Standardhilfsfarbe sein. Die Standardfarbe sollte innerhalb der 216 websicheren Farben liegen. Die genauen RGB- und CYMK-Werte der Standardfarbe müssen angegeben werden. Bitte verwenden Sie so weit wie möglich die Standardfarbe. Standardschriftarten. Die Website sollte eine Standardschriftart definieren (bezogen auf die Schriftart, die im Logo und in den Bildern verwendet wird). Grundsätzlich sind zwei Standardschriftarten definiert: eine chinesische und eine englische Schriftart (ausgenommen Schriftarten für Textinhalte). Der Name und die Schriftbibliothek der Standardschriftart müssen angegeben werden. Bitte verwenden Sie möglichst die Standardschriftart. 06 Standards für die Inhaltsbearbeitung <br />Der Inhalt muss den Bestimmungen der chinesischen „Maßnahmen zur Verwaltung des Sicherheitsschutzes der internationalen Vernetzung von Computerinformationsnetzen“ entsprechen. Keine Einheit oder Einzelperson darf internationale Netzwerke nutzen, um die folgenden Informationen zu erstellen, zu kopieren, abzurufen und zu verbreiten: (1) Aufruf zum Widerstand gegen die Verfassung, die Gesetze oder die Verwaltungsvorschriften oder die Untergrabung ihrer Umsetzung; (2) Anstiftung zur Untergrabung der Staatsmacht und zum Sturz der sozialistischen Ordnung; (3) Anstiftung zur Spaltung des Landes oder zur Untergrabung der nationalen Einheit; (4) Anstiftung zu ethnischem Hass oder Diskriminierung oder Untergrabung der ethnischen Einheit; (5) Tatsachen erfinden oder verdrehen, Gerüchte verbreiten oder die öffentliche Ordnung stören; (6) Verbreitung von feudalem Aberglauben, Obszönität, Pornografie, Glücksspiel, Gewalt, Mord, Terror oder Anstiftung zu Straftaten; (7) Andere offen zu beleidigen oder Tatsachen zu erfinden, um sie zu verleumden; (8) Schädigung der Glaubwürdigkeit staatlicher Organe; (9) Sonstige Verstöße gegen die Verfassung, Gesetze und Verwaltungsvorschriften. Beim Nachdruck muss die Originalquelle gefunden werden, und nach Kontaktaufnahme mit der Originalquelle sollte der verwendete Titel kurz, auffällig, neuartig und attraktiv sein. Lassen Sie am Anfang jedes Absatzes im Text zwei Leerzeichen, um dem traditionellen Format treu zu bleiben. Lassen Sie zwischen den Absätzen ein Leerzeichen, um den Artikel klarer und leichter lesbar zu machen. Vermeiden Sie Tippfehler, Rechtschreibfehler und selbst erstellte Zeichen. Traditionelle chinesische Zeichen sollten nicht in die vereinfachte Version gemischt werden. Die übersetzten Namen sollten den Standards unseres Landes entsprechen. Beispiel: „singapore“ wird als „Singapur“ übersetzt und kann nicht als „星加坡“ übersetzt werden. Numerische Symbole in voller Breite (außer Satzzeichen) sollten auf halbe Breite geändert werden 07 Vorgaben zur Nutzung neuer Technologien <br />Grundsätze für die Nutzung neuer Technologien sind Browserkompatibilität, Sicherstellung der Downloadgeschwindigkeit und Betreuung einer größtmöglichen Anzahl von Benutzern. Cookies werden verwendet, um Besucher zu identifizieren, zu verfolgen und zu unterstützen. Durch Cookies können Sie den Zugriffspfad des Benutzers verstehen und die Einstellungen des Benutzers erfassen und speichern. Sie müssen jedoch die Situation berücksichtigen, in der der Benutzer Cookies deaktiviert. Wenn Sie Cookies verwenden müssen, sollten Sie eine umfassende Lösung bereitstellen. Java ist eine plattformübergreifende, objektorientierte Programmiersprache. Ihre Hauptanwendung im Web ist das Java Applet. Die Downloadgeschwindigkeit des Java Applets ist jedoch langsam, verwenden Sie es daher mit Vorsicht. Auf der Serverseite empfiehlt es sich, die SSI-Analyse zu aktivieren, aber nicht zu viel SSI-Verschachtelung zu verwenden. Wenn SSI nicht verwendet werden kann, kann stattdessen die Include-Bibliothek verwendet werden, der Effekt ist jedoch weniger zufriedenstellend. Flash ist bereits eine gängige Technologie und wird zur Nutzung empfohlen. Es wird empfohlen , beim Erstellen neuer Webseiten XHTML-Standards zu verwenden, um die zukünftige Integration mit XML zu erleichtern. Technologien der XML-Reihe können serverseitig verwendet werden, werden aber clientseitig nicht empfohlen, sofern nicht anders erforderlich. Es wird nicht empfohlen, Multimedia-Technologien auf Webseiten bereitzustellen, für die zusätzliche Plug-Ins heruntergeladen werden müssen. Plattformübergreifende Sprachen wie PHP, JSP und Java werden empfohlen. CGI- und ASP-Technologien werden nicht empfohlen. 08 Navigationsstandards <br />Die Navigation sollte einfach und klar sein. Es wird empfohlen, nicht mehr als drei Linkebenen zu verwenden. Der für die Navigation verwendete Text sollte präzise und die Anzahl der Wörter auf eine Zeile begrenzt sein. Bei der Homepage sind die Seiten der ersten Ebene jeder Spalte miteinander verknüpft und die Seiten der ersten Ebene jeder Spalte und die Seiten der zweiten Ebene der Spalte sind miteinander verknüpft. Bei Seiten mit mehr als drei Ebenen sollte oben auf der Seite eine Navigationsleiste festgelegt werden, um die Position anzuzeigen. Heben Sie die zuletzt aktualisierten Informationen hervor und fügen Sie den Aktualisierungszeitpunkt oder das neue Logo hinzu. Fortsetzungsseiten sollten Schaltflächen für die vorherige Seite und die nächste Seite enthalten. Bei Inhalten, die mehr als einen Bildschirm umfassen, sollte unten eine Schaltfläche zum Nach oben gehen vorhanden sein. Bei Inhalten, die mehr als drei Bildschirme umfassen, sollte oben eine Gliederung festgelegt und direkt mit dem Ankerpunkt im Text verknüpft werden. 09 Spezifikationen zur Datenbanknutzung <br />Alle Vorgänge im Zusammenhang mit der Datenbank auf dem Server können nur von Serveradministratoren ausgeführt werden. Verwenden Sie beim Zugriff auf die Datenbank im Programm einen einheitlichen Benutzer und eine einheitliche Verbindungsdatei, um auf die Datenbank zuzugreifen. Grundsätzlich kann für jede Spalte nur eine Bibliothek angelegt werden. Der Bibliotheksname sollte mit dem englischen Namen der jeweiligen Spalte übereinstimmen und die Bibliothek sollte mehrere Tabellen enthalten. Für größere und wichtigere Spalten können Sie die Erstellung einer separaten Datenbank in Betracht ziehen. Der Datenbankname sollte dabei mit dem englischen Namen der Spalte übereinstimmen. Die Namen einer Reihe von datenbankbezogenen Elementen wie Datenbanken, Tabellen, Feldern, Indizes und Ansichten müssen alle mit englischen Wörtern benannt werden, die sich auf den Inhalt beziehen. Wenn ein Wort schwer auszudrücken ist, können Sie mehrere Wörter verwenden, die durch Unterstriche (_) verbunden sind (nicht mehr als vier Wörter), um sie zu benennen. (Siehe Namenskonventionen) Nicht mehr genutzte Datenbanken und Tabellen sollten gelöscht werden und müssen vor der Löschung gesichert werden (inkl. Struktur und Inhalt). |
<<: Einführung in den CSS BEM-Benennungsstandard (empfohlen)
>>: Verwenden Sie nginx, um Bildgrößen dynamisch zu konvertieren und Miniaturansichten zu generieren
Artikel empfehlen
MySQL Installations-Tutorial unter Windows mit Bildern und Text
Anweisungen zur MySQL-Installation MySQL ist ein ...
Detaillierter Prozess zum Zeichnen dreidimensionaler Pfeillinien mit three.js
Nachfrage: Diese Nachfrage ist ein dringender Bed...
Einführung in das Batch-Cache-Löschskript von nginx proxy_cache
Vorwort: Ich habe zuvor den offiziellen Proxy-Cac...
Verwenden Sie sauberes HTML-Markup zum Erstellen Ihrer Seiten
Das Internet ist ein Organismus, der sich ständig...
Detaillierte Erklärung zum effizienten MySQL-Paging
Vorwort Normalerweise wird für MySQL-Abfragen mit...
Gründe und Lösungen für das Nicht-Wirksamwerden der MySQL-SQL-Modus-Änderung
Inhaltsverzeichnis Vorwort Szenariosimulation Zus...
Detaillierte Erläuterung der 6 Möglichkeiten der JS-Vererbung
Vererbung von Prototypketten Die Prototypenvererb...
Eine kurze Diskussion über das Implementierungsprinzip von Webpack4-Plugins
Inhaltsverzeichnis Vorwort wissen Übung macht den...
Handtrack.js-Bibliothek zur Echtzeitüberwachung von Handbewegungen (empfohlen)
【Einführung】: Handtrack.js ist eine Prototypbibli...
react-beautiful-dnd implementiert die Drag-and-Drop-Funktion für Komponenten
Inhaltsverzeichnis 1. Installation 2.API 3. reagi...
Warum wird UTF-8 in MySQL nicht empfohlen?
Ich bin kürzlich auf einen Fehler gestoßen, als i...
JS implementiert einfachen Kalendereffekt
In diesem Artikel wird der spezifische JS-Code zu...
Probleme bei der Installation von MySQL 8.0 und beim Zurücksetzen des Kennworts
Mysql 8.0 Installationsprobleme und Passwort-Rese...
Code zum Aktivieren von IE8 im IE7-Kompatibilitätsmodus
Das beliebteste Tag ist IE8 Browser-Anbieter geben...
Implementierung der Optimierung für das Laden ausgewählter Mehrfachdaten in Element
Inhaltsverzeichnis Szenario Code-Implementierung ...