1. Jedes PSD -Quellbild verfügt über drei Farbschemata, für die die Bilder nach den gleichen Spezifikationen geschnitten werden müssen, und die Namen der Bilder in demselben Bereich, die durch die drei Farben ausgeschnitten sind, müssen gleich sein.
2. Erstellen Sie drei Ordner, die nach Farben gemäß dem Farbschema benannt sind, und platzieren Sie die für das Farbschema erforderlichen Informationen, um die Webseite in jedem Ordner zu erstellen.
3. Die erforderlichen Inhalte in jedem Farbschemaordner: Bilder, CSS, Header, Schaltflächenordner, zwei HTML -Dateien und zwei große und kleine Webseiten -Renderings; Alle Benennung erfolgt nach den Beispielen, und benutzerdefinierte Inhalte können frei benannt werden.
4. Webseitenlayout, alle Webseiten bestehen aus den folgenden Teilen:
Header (Logo, Header)
Navigationsstangen der Stufe 1 (Tasten)
Navigationsstangen der Stufe 2 (Knöpfe)
Seiteninhaltsbereich (der Inhaltsbereich wird zur Anzeige englischer Webseiten verwendet)
Fußzeile (untere Menü, Urheberrecht)
Bestimmen Sie den Bereich, der gemäß der PSD -Datei erfolgen soll. Der im Quelldiagramm gezogene Bereich muss hergestellt werden. Bereiche, die keine Navigationsstangen der Stufe 2 haben und einige keine Fußzeilen haben) müssen nicht hergestellt werden.
fünf. Die erste HTML -Dateiproduktionsanforderung: Name html.html
Die gesamte Seite muss in einer Form hergestellt werden.
Header:
Sie können den Header in einen Hintergrund bringen oder einige Headerbilder sind unregelmäßig und können sie auch in mehrere Teile schneiden und versuchen, die Anzahl der Schnitte zu minimieren.
Der Logobereich wird separat in einer Tabelle hergestellt (die Breite der Tabelle kann begrenzt sein). Das Logo ist in drei Teile unterteilt: Logo -Bilder, Firmennamen und Firmen -Slogans; 40 Kapital -W -Charaktere müssen den Firmennamen auf der Seite eingeben, und 40 Kapital -W -Charaktere sind erforderlich, um die Firmen -Slogans einzugeben.
Navigation der Stufe 1
Der Inhalt im Menü der ersten Ebene (Navigation) muss in einer unabhängigen Tabelle erfolgen. Die Breite und Höhe der Zelle darf nicht eingestellt werden. Auf der Seite müssen sechs Menüelemente erster Stufe erstellt werden, und 20 Kapital-W-Zeichen können in jedem Element eingegeben werden (6 WS und ein Speicherplatz können eingegeben werden). Das Button -Bild muss zu drei staatlichen Änderungen verarbeitet werden, die hyperkonnitiert sind (laut PSD -Bild haben einige möglicherweise nur zwei Zustände). Die Bilder und der Text in jedem Element müssen in einer Zeile erstellt werden, und BR kann verwendet werden, um einen Zweig -Display -Effekt zu erstellen.
Sekundärnavigation (vertikale Navigation)
Der Inhalt im sekundären Menü (Navigation) muss in einer unabhängigen Tabelle erfolgen. Die Höhe der Tabelle darf nicht eingestellt werden; Es muss gemäß dem Beispiel gemacht werden; 10 sekundäre Menüelemente müssen auf der Seite erstellt werden, und 20 Kapital -W -Zeichen können in jedes Projekt eingegeben werden (6 WS und ein Speicherplatz können eingegeben werden). Textlinks müssen mindestens zwei staatliche Änderungen erstellen, die hyperkonnitiert werden.
Seiteninhaltsbereich
Geben Sie genügend englische Zeichen ein, um die Seite auf den Punkt zu bringen (der IE -Browser, der unter dem Bildschirm 1024 × 768 verwendet wird, erscheint mit den linken und rechten oberen und unteren Stretchbangen).
Fußzeile
Geben Sie 40 Kapital -W -Zeichen in den Copyright -Informationsbereich ein. Halten Sie einen bestimmten Abstand von den oberen und unteren Bereichen für die Schönheit der Seite.
Untere Menü
Der Inhalt im sekundären Menü (Navigation) muss in einer unabhängigen Tabelle erfolgen. Die Höhe der Tabelle darf nicht eingestellt werden; Es muss gemäß den Beispielen gemacht werden; Auf der Seite müssen sechs sekundäre Menüelemente erstellt werden, und in jedem Projekt können 20 Kapital -W -Zeichen eingegeben werden (6 WS und ein Speicherplatz können eingegeben werden). Textlinks müssen mindestens zwei staatliche Änderungen erstellen, die hyperkonnitiert sind. Für die Schönheit der Seite muss eine bestimmte Entfernung in den oberen und unteren Bereichen gehalten werden.
sechs. Die zweite HTML -Dateiproduktionsanforderung: Name html2.html
Kopieren Sie die erste HTML-Datei, löschen Sie einige Inhalte innerhalb der Navigation der ersten Ebene, zwei Navigation der zweiten Ebene (vertikale Navigation) und drei untere Menüs, und 6 Zeichen werden in jedem Element angezeigt. Halten Sie zwei Zeilen englischer Zeichen im Bereich des Seiteninhalts (nicht die Seite verbreiten).
Sieben. In der obigen Situation müssen die beiden Seiten einen einheitlichen Effekt aufrechterhalten, und der Hintergrund kann geschoben werden. Das Header -Bild wird in der Mitte angezeigt oder kann erweitert werden (einige Headerbereiche können Hintergründe erzeugen)
acht. Firmenname, Firmen -Slogan, Inhaltsbereichs -Seiten -Titel, Menüschriften mit ersten und zweiten Ebenen sollten als Standard -Systemschriften verwendet werden, wie z. B. Tahoma oder Arial,
Neun. Beim Erstellen eines Vorlagenverzeichnisses überprüfen Sie bitte die Option, in Tools -> Ordneroptionen -> anzeigen, damit das Template -ZIP -Paket keine unnötigen Cache -Dateien enthält.
zehn. Die Datei style.csss kann keine Bildverbindung enthalten (Beispiel: Hintergrund-Image: URL ('../images/bg.gif');) und kann die Definition von HTML-Tags nicht enthalten (z. B. sollte die Definition nicht in CSS vorgenommen werden. Wenn Sie sie anwenden möchten, können Sie es direkt in das HTML-Tag schreiben).
elf. Die Charset-Codierung von HTML muss UTF-8 sein
zwölf. Alle Schriftgrößen (einschließlich Stylesheets und HTML) müssen Punkte (PT) anstelle von Pixeln mit einer minimalen Größe von 8PT wie Schriftgröße sein: 8PT.
Dreizehn. Elemente (Divs usw.) in der Vorlage können nicht absolut positioniert werden und können JavaScript nicht enthalten.
vierzehn. Alle Vorlagen haben den gleichen Effekt in Browser, IE, Mozilla, Opera
fünfzehn. Alle Bildwege in der Vorlagendatei müssen relative Pfade sein. Im Vergleich zum Farbpfad zum Beispiel: Die Datei unter Bildern unter blau sollte als <img src = bilder/xxxx.gif> anstelle von <img src = blau/bilder/xxxx.gif> geschrieben werden
sechzehn. Einige spezielle PSDs können nicht 40 Buchstaben der Größe W aufnehmen, wenn der Firmenname und die Slogan -Schriftart reduziert werden können, aber nicht weniger als 8PT sein können.
Siebzehn. Die Vorlage muss den gesamten Bildschirm in der Höhe füllen, und das Gleiche gilt für diejenigen ohne Inhalt (so dass der Inhaltsteil vertikal verlängert werden kann)
achtzehn. Hintergrundfarbe muss in allen Bereichen hinzugefügt werden (gemäß dem PSD -Bild)
neunzehn. Es werden keine Space -Charaktere angezeigt
zwanzig. Alle Attributwerte müssen darin hinzugefügt werden.
Einundzwanzig. Alle zu paarweise erscheinen Etiketten müssen hinzugefügt werden/zum Beispiel:
Es sollte als <img src = ******> geschrieben werden, es sollte als <img src = ******/> geschrieben werden