Dieser Artikel hat einige Webseiten zusammengestellt, um diese sogenannten Spezifikationen zu betrachten, bevor sie sie erstellen, in der Hoffnung, dass sie für alle hilfreich sind. Dieser Artikel hat einige Webseiten zusammengestellt, um diese sogenannten Spezifikationen zu betrachten, bevor sie sie erstellen , in der Hoffnung, dass sie für alle hilfreich sind.
01 DateibenennungsspezifikationDas Prinzip der Dateibenennung: Erreichen Sie die einfachste Bedeutung mit der geringsten Anzahl von Buchstaben.
Allgemeine Spezifikationen für Datei- und Verzeichnis -Benennungsspezifikationen:
Jedes Verzeichnis sollte eine Standard -HTML -Datei enthalten, und der Dateiname sollte index.htm sein.
Dateinamen werden einheitlich in englischen Buchstaben, Zahlen und Unterstrichen in Kleinbuchstaben verwendet
Versuchen Sie, das Wort in Englisch in den Namen zu übersetzen. Zum Beispiel: Feedback (Information Feedback), über (über uns)
Mehrere Dateien desselben Typs werden nach englischen Buchstaben und Zahlen benannt und durch Buchstaben und Zahlen getrennt. Zum Beispiel: News_01.htm. Beachten Sie, dass die Anzahl der Ziffern proportional zur Anzahl der Dateien ist und wenn nicht genug, verwenden Sie 0, um zu erstellen. Zum Beispiel gibt es 200 Nachrichten, von denen der 18. mit News_018.htm bezeichnet wird
Bildnamenspezifikationen:
Die Namen sind in zwei Teile unterteilt, die durch Unterstriche getrennt sind.
Der Kopfzeile zeigt die allgemeine Natur dieses Bildes an. Zum Beispiel: Wir nennen die Bilder rechteckiger Werbung, dekorativen Muster usw. oben auf der Seite: Banner; Wir nennen die ikonischen Bilder: Logo; Kleine Bilder mit nicht gemixten Positionen auf der Seite und Links werden mit dem Namen Taste bezeichnet. Wir erscheinen kontinuierlich an einer bestimmten Position auf der Seite, und die Bilder der gleichen Art heißt: Menü; Wir nennen die Fotos zur Dekoration: Bild; Wir nennen die Bilder ohne Links, um den Titel: Titel und so weiter darzustellen.
Der letzte Teil wird verwendet, um die spezifische Bedeutung des Bildes darzustellen, und wird in englischen Buchstaben dargestellt. Zum Beispiel: Banner_sohu.gif Banner_sina.gif mseu_aboutus.gif mseu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
Für Bilder mit Onmouse -Effekt werden die beiden Bilder nach dem Original -Dateinamen benannt.
Andere Dateibenennungsspezifikationen
Das Namens -Prinzip von JS ist nach funktionalen englischen Wörtern benannt. Zum Beispiel: Der JS -Dateiname der Anzeigenleiste lautet: ad.js
Alle CGI -Dateien haben CGI -Suffixe. Die Konfigurationsdateien aller CGI -Programme sind config.cgi
02 VerzeichnisstrukturspezifikationPrinzip der Verzeichniseinrichtung: Bieten Sie die klarste und einfache Zugangsstruktur im geringsten Ebene.
Der Name des Verzeichnisses besteht aus englischen Kleinbuchstaben und Unterstrichen. (Siehe Benennungsspezifikation)
Das Root -Verzeichnis speichert im Allgemeinen nur index.htm und andere erforderliche Systemdateien.
Jede Hauptspalte hat ein entsprechendes unabhängiges Verzeichnis
Die Bilder im Stammverzeichnis werden verwendet, um öffentliche Bilder auf jeder Seite zu speichern. Die Bilder im Unterverzeichnis speichern private Bilder, die auf dieser Spaltenseite verwendet werden.
Alle JS-, ASP-, PHP- und anderen Skripte werden im Skriptverzeichnis im Root -Verzeichnis gespeichert
Alle CGI-Programme werden im CGI-bin-Verzeichnis unter dem Stammverzeichnis gespeichert
Alle CSS -Dateien werden im Style -Verzeichnis im Stammverzeichnis gespeichert
Jede Sprachversion wird in einem separaten Verzeichnis gespeichert. Zum Beispiel: vereinfachte chinesische GB
Alle Flash-, AVI-, RAM-, QuickTime- und anderen Multimedia -Dateien werden im Medienverzeichnis unter dem Stammverzeichnis gespeichert
03 DimensionspezifikationenBitte passen Sie die Größenspezifikationen entsprechend Ihrer tatsächlichen Situation an:
Die Seite wird bei einer Auflösung von 800*600 durchgeführt und die empfohlene Größe beträgt 766*430px
Grundsätzlich sollte die Seitenlänge 3 Bildschirme nicht überschreiten, und die Breite sollte 1 Bildschirm nicht überschreiten.
Jede Standardseite ist A4 -Formatgröße, d. H. 8,5 x 11 Zoll
Das Banner in voller Größe ist 468*60px, halb Größe Banner beträgt 234*60px, kleines Banner beträgt 88*31px und 120*90, 120*60 ist auch die Standardgröße kleiner Ikonen
Jede nicht zu Hause statische Seite enthält nicht mehr als 60.000 Bild Bytes, und das Banner in voller Größe überschreitet 14k nicht
04 HomepageseitencodespezifikationDer Schlüssel zum Home -Seit -Code befindet sich im Kopfbereich, der sich auf den Inhalt zwischen <kopf> und </head> des HTML -Codes der Startseite bezieht.
Das Logo, das dem Kopfbereich hinzugefügt werden muss
Firmen-Copyright-Hinweis <! --- Die Website wurde von Ihrem Unternehmen, Inc. 03/2001 ---> entworfen
Eine Webseite zeigt beispielsweise einen Zeichensatz an:
Vereinfachtes Chinesisch: <meta http-äquiv = content-type content = text/html; charSet = gb2312>
Traditionelles Chinesisch: <meta http-äquiv = content-type content = text/html; charset = big5>
Englisch: <meta http-äquiv = content-type content = text/html; charset = iso-8859-1>
Originalherstellerinformationen <Meta name = Autor [email protected]>
Website Einführung <meta name = Beschreibung Inhalt = Füllen Sie die Einführung Ihrer Website hier> Füllen Sie aus
Suchschlüsselwörter <Meta name = Schlüsselwörter Inhalt = Schlüsselwort 1, Schlüsselwort 2, Schlüsselwort 3, ...>
CSS -Spezifikation für Webseiten <Link href = style/style.css rel = stylesheet type = text/csS>
Webseiten -Titel <titels> Dies ist Ihr Webseitentitel </title>
Der Kopfbereich kann ausgewählt werden, um sich dem Logo anzuschließen
Legen Sie die Ablaufzeit der Webseite fest. Sobald die Webseite abläuft, muss sie auf dem Server erneut gelesen werden.
<Meta http-äquiv = läuft inhalt = mi, 26. Februar 1997 08:21:57 GMT> ab
Verbietet Browsern, Seiteninhalte aus dem lokalen Maschinencache anzusehen.
<Meta http-äquiv = pragma content = no-cache>
Wird verwendet, um zu verhindern, dass andere Ihre Seite im Framework anrufen.
<Meta http-äquiv = window-ziel content = _top>
Automatisch springen.
<Meta http-equiv = aktualisiertinhalte = 5; url = https: //www.vevb.com>
5 Finger bleiben 5 Sekunden.
Websuche Roboter -Assistent. Es wird verwendet, um den Suchroboter mitzuteilen, welche Seiten Indizes benötigen und welche Seiten keine Indizes benötigen.
<Meta name = roboter content = Keine>
Die Parameter des Inhalts sind alle, keine, index, noIndex, folgen, nofollow. Der Standard ist alles.
Favoriten -Ikone
<link rel = Shortcut -Symbol href = favicon.ico>
JS -Anrufspezifikation
Alle JavaScript -Skripte versuchen, externe Anrufe anzunehmen
<Script Language = javaScript src = script/xxxxx.js> </script>
CSS -Schreibspezifikationen
Alle CSSS sollten wie möglich als externe Anrufe verwendet werden
<Link href = style/style.css
Um sicherzustellen, dass die Schriftgrößen auf verschiedenen Browsern konsistent sind, wird empfohlen, die Schriftgröße durch Punkt PT und Pixel PX zu definieren. PT verwendet im Allgemeinen 9PT und 11PT in chinesischer Song -Schriftart, und PX verwendet im Allgemeinen 12px und 14,7px in chinesischer Song -Schriftart. Dies ist eine optimierte Schriftgröße. Wenn fett oder fett fett gedruckt ist, ist es im Allgemeinen angemessener, 11PT und 14,7 PX in Schriftgrößen zu verwenden.
CSS empfohlene Vorlage.<style type = text/css>
<! -
p {textindent: 2em; }
Körper {Schriftfamilie: 安体; Schriftgröße: 9pt; Farbe: #000000; Rand: 0px; Rand-Rechts: 0px; Randboden: 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: Active {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: Active {Schriftgröße: 9Pt; Farbe: #ff9900; Textdekoration: Keine}
.Blue {Schriftfamilie: 安体; Schriftgröße: 10,5PT; Zeilenhöhe: 20px; Farbe: #0099ff; Buchstabenabstand: 5EM}
->
</style>
Körperlogo
Um die Browserkompatibilität zu gewährleisten, muss der Seitenhintergrund <Body Bgcolor =#fffff> festgelegt werden
05 BilddesignspezifikationenDas Gesamtbild der Website enthält die folgenden Elemente
Logo (Logo)
Die Website muss ein unabhängiges Logo haben
Das Logo kann im chinesischen und englischen Namen der Website gestaltet werden oder mit besonderen Mustern hergestellt werden. Das Prinzip ist einfach und leicht zu erinnern.
Das Logo muss in Schwarz und Weiß und Farbe deutlich ausgedrückt werden
Der Name des Logo -Bildes lautet logo_domain.gif, zum Beispiel: logo_sina.gif
Versuchen Sie, Vektorbilder von Logos bereitzustellen
Bitte verwenden Sie auf jeder Seite Logos, sofern möglich
Standardfarbe
Die Website sollte eine eigene Standardfarbe haben (Fachfarbe)
Grundsätzlich gibt es nicht mehr als zwei Arten von Standardfarben. Wenn es zwei Typen gibt, ist eine Standardfarbe und der andere eine Standardhilfsfarbe.
Standardfarben sollten so weit wie möglich in 216 Websicherheitsfarben verwendet werden
Die genauen RGB- und Cymk -Werte von Standardfarben müssen bereitgestellt werden
Bitte verwenden Sie so weit wie möglich Standardfarben
Standardschriften
Eine Website sollte eine Standardschrift definieren (bezieht sich auf die auf dem Logo und das Bild verwendete Schriftart)
Grundsätzlich werden zwei Arten von Standardschriften definiert, eine ist chinesische Schriftart und die andere ist englische Schriftart (ohne Textinhalteschriften)
Der Name und die Schriftbibliothek von Standardschriften müssen bereitgestellt werden
Bitte verwenden Sie so weit wie möglich Standardschriften
06 InhaltsbearbeitungsspezifikationenInhalt
Muss die Bestimmungen der "Vorschriften meines Landes über das Sicherheitsschutzmanagement des internationalen Netzwerks von Computerinformationsnetzwerken" einhalten "
Keine Einheit oder Person darf das internationale Netzwerk verwenden, um die folgenden Informationen zu produzieren, zu kopieren, zu überprüfen und zu verbreiten:
(1) Widerstand anregen und die Umsetzung der Verfassung, der Gesetze und der Verwaltungsvorschriften untergraben;
(2) Anstiftung, die staatliche Macht zu untergraben und das sozialistische System zu stürzen;
(Iii) Anstiftung, das Land zu teilen und die nationale Einheit zu untergraben;
(Iv) nationale Hass, ethnische Diskriminierung und Untergrabung der nationalen Einheit;
(5) Fakten herstellen oder verzerren, Gerüchte verbreiten und die soziale Ordnung stören;
(Vi) Feudale Aberglaube, obszön, Pornografie, Glücksspiel, Gewalt, Mord, Terror und Verbrechen auszuführen;
(7) offensichtlich andere beleidigen oder Tatsachen fabrizieren und andere verleumden;
(8) es schädigt die Glaubwürdigkeit der staatlichen Organe;
(9) andere, die gegen die Verfassung, Gesetze und Verwaltungsvorschriften verstoßen.
Sie müssen die ursprüngliche Quelle zum Nachdruck finden und nach dem Kontakt verwenden.
Titel
Bemüht sich, kurz, auffällig, neuartig und attraktiv zu sein.
Text
Der erste Absatz des Artikels ist leer und hat zwei Räume, was mit dem traditionellen Format übereinstimmt.
Eine einzelne Zeile zwischen Absätzen kann den Artikel klarer und leichter zu lesen machen
Beseitigen Sie Tippfehler, Alias und selbst gemachte Charaktere
Traditionelle chinesische Charaktere dürfen in der vereinfachten Version nicht gemischt werden
Der Übersetzungsname muss den Standards unseres Landes entsprechen. Zum Beispiel: Singapur Einheitliche Übersetzung kann in Singapur nicht verwendet werden
Numerische Symbole mit voller Breite (ohne Interpunktionspunkte) sollten in die Halbbreite geändert werden
07 Neue TechnologiennutzungsspezifikationenDas Prinzip der Verwendung neuer Technologien ist: Kompatibilität mit Browsern, sicherstellen Sie die Download -Geschwindigkeit und kümmern sich um die größte 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 sammeln und speichern. In Anbetracht der Situation, in der der Benutzer Cookies schließt, sollte jedoch eine umfassende Lösung bereitgestellt werden, wenn Cookies verwendet werden.
Java ist eine plattformübergreifende, objektorientierte Programmiersprache. Die Anwendung im Web ist hauptsächlich Java Applet, aber Java Applet wird nur langsam heruntergeladen und wird mit Vorsicht verwendet.
Auf der Serverseite ist es am besten, die SSI -Parsen einzuschalten, aber nicht zu viel SSI -Nesting verwenden. Wenn SSI nicht verwendet werden kann, können Sie stattdessen Bibliothek (einschließlich Bibliotheksdateien) verwenden, was schlimmer ist.
Flash ist bereits eine häufige Technologie und wird empfohlen.
Es wird empfohlen, XHTML -Spezifikationen für die Herstellung neuer Webseiten zu übernehmen, um die Integration von XML in Zukunft zu erleichtern.
Die XML -Serie -Technologie kann auf der Serverseite verwendet werden, wird jedoch nicht für die Client -Seite empfohlen, sie vorübergehend zu verwenden.
Keine besonderen Anforderungen, es wird nicht empfohlen, Multimedia-Technologien auf der Webseite bereitzustellen, bei der zusätzliche Plug-Ins heruntergeladen werden müssen.
Die Programmsprache wird empfohlen, um plattformübergreifende Sprachen wie PHP, JSP und Java zu verwenden. Die CGI- und ASP -Technologie werden nicht empfohlen.
08 NavigationsspezifikationenDie Navigation sollte einfach und klar sein, und es wird empfohlen, 3 Linksebene nicht zu überschreiten
Der für die Navigation verwendete Text sollte präzise und auf eine Zeile beschränkt sein
Homepage, Links zwischen den Seiten der ersten Stufe jeder Spalte, Links zwischen den Seiten der ersten Stufe jeder Spalte und den Seiten der zweiten Ebene dieser Spalte
Legen Sie mehr als drei Seitenstufen oben auf der Seite eine Navigationsleiste fest, um den Standort anzugeben
Markieren Sie die neuesten aktualisierten Informationen und können Update -Zeit oder neues Logo hinzufügen
Die Kontinuitätsseite sollte zur Schaltfläche zur vorherigen Seite und der nächsten Seite hinzugefügt werden
Wenn es mehr als einen Bildschirm gibt
Inhalte, die drei Bildschirme überschreiten, sollten am Kopf eingerichtet und direkt mit den Ankerpunkten im Text verknüpft werden.
09 DatenbanknutzungsspezifikationenAlle Vorgänge auf dem Server bezüglich der Datenbank können nur vom Serveradministrator ausgeführt werden.
Verwenden Sie beim Zugriff auf die Datenbank im Programm einheitliche Benutzer und Unified Verbindungsdateien, um auf die Datenbank zuzugreifen.
Grundsätzlich kann in jeder Spalte nur eine Bibliothek eingebaut werden, und der Bibliotheksname stimmt mit dem englischen Namen jeder Spalte überein, und die Bibliothek enthält mehrere Tabellen. Für größere und wichtige Spalten können Sie in Betracht ziehen, eine separate Bibliothek zu erstellen, und der Bibliotheksname stimmt mit dem englischen Namen der Spalte überein.
Eine Reihe von datenbankbezogenen Namen wie Tabellen, Felder, Indizes, Ansichten usw. muss unter Verwendung von englischen Wörtern benannt werden, die sich auf den Inhalt beziehen. Für ein Wort, das schwer auszudrücken ist, können Sie in Betracht ziehen, mehrere Wörter zu unterstrahlen (_) (nicht vier Wörter überschreiten). (Siehe Benennungsspezifikation)
Datenbanken und Tabellen, die nicht mehr verwendet werden, sollten gelöscht und vor dem Löschen gesichert werden (einschließlich Struktur und Inhalt).