1. Chaque image source PSD a trois schémas de couleurs, qui nécessitent que les images soient coupées en fonction des mêmes spécifications, et les noms des images dans la même zone découpés par les trois couleurs doivent être les mêmes;
2. Créez trois dossiers nommés d'après les couleurs en fonction de la palette de couleurs et placez les informations requises pour le schéma de couleurs pour fabriquer la page Web dans chaque dossier;
3. Le contenu requis contenu dans chaque dossier de jeu de couleurs: images, CSS, en-têtes, dossiers de boutons, deux fichiers HTML et deux grandes et petites caisses de page Web; Toute la dénomination est réalisée en fonction des exemples et le contenu personnalisé peut être nommé librement.
4. Disposition de la page Web, toutes les pages Web sont composées des parties suivantes:
En-têtes (logo, en-têtes)
Barres de navigation de niveau 1 (boutons)
Barres de navigation de niveau 2 (boutons)
Zone de contenu de la page (la zone de contenu est utilisée pour afficher les pages Web anglaises)
Pied de page (menu inférieur, copyright)
Déterminez la zone à faire en fonction du fichier PSD. La zone dessinée dans le diagramme de source doit être fabriquée. Les zones qui n'ont pas de barres de navigation de niveau 2, et certaines n'ont pas de pied de page) n'ont pas besoin d'être faites.
cinq. La première exigence de production de fichiers HTML: nom html.html
La page entière doit être faite sous une seule forme.
En-tête:
Vous pouvez transformer l'en-tête en arrière-plan, ou certaines images d'en-tête sont irrégulières, et vous pouvez également les couper en plusieurs parties pour traiter et essayer de minimiser le nombre de coupes.
La zone du logo est fabriquée séparément dans un tableau (la largeur du tableau peut être limitée); Le logo est divisé en trois parties: images de logo, noms d'entreprise et slogans d'entreprise; 40 Capital W Les caractères sont tenus de saisir le nom de l'entreprise sur la page, et 40 caractères C Capital sont tenus de saisir les slogans de l'entreprise;
Navigation de niveau 1
Le contenu du menu de premier niveau (navigation) doit être fabriqué dans un tableau indépendant; La largeur et la hauteur de la cellule ne doivent pas être définies; Six éléments de menu de premier niveau doivent être réalisés sur la page et 20 caractères C de capitaux peuvent être entrés dans chaque élément (6 WS et un espace peuvent être saisis); L'image de bouton doit être transformée en trois modifications d'état qui sont hyperconnectées (selon l'image PSD, certains peuvent n'avoir que deux états); Les images et le texte de chaque élément doivent être réalisés en une seule ligne, et BR peut être utilisé pour créer un effet d'affichage de branche.
Navigation secondaire (navigation verticale)
Le contenu du menu secondaire (navigation) doit être fabriqué dans un tableau indépendant; La hauteur de la table ne doit pas être définie; Il doit être fait en fonction de l'exemple; 10 éléments de menu secondaires doivent être fabriqués sur la page et 20 caractères C de capitaux peuvent être saisis dans chaque projet (6 ws et un espace peuvent être saisis); Les liens texte doivent créer au moins deux modifications d'état qui sont hyperconnectées.
Zone de contenu de la page
Entrez suffisamment de caractères anglais pour faire en sorte que la page soit étirée au point (le navigateur IE utilisé sous l'écran 1024 × 768 apparaît avec les barres d'étirement supérieure et inférieure gauche et droite)
pied de page
Entrez 40 caractères Capital W dans la zone d'information sur le droit d'auteur. Gardez une certaine distance des zones supérieures et inférieures pour la beauté de la page.
Menu inférieur
Le contenu du menu secondaire (navigation) doit être fabriqué dans un tableau indépendant; La hauteur de la table ne doit pas être définie; Il doit être fait en fonction des exemples; Six éléments de menu secondaire doivent être fabriqués sur la page et 20 caractères Capital W peuvent être saisis dans chaque projet (6 WS et un espace peuvent être saisis); Les liens texte doivent créer au moins deux modifications d'état qui sont hyperconnectées; Pour la beauté de la page, une certaine distance doit être maintenue dans les zones supérieures et inférieures.
six. La deuxième exigence de production de fichiers HTML: nom html2.html
Copiez le premier fichier HTML, supprimez certains contenus à l'intérieur, conservez trois navigations de premier niveau, la navigation de deux secondes (navigation verticale) et trois menus inférieurs, et 6 caractères apparaissent dans chaque élément; conserver deux lignes de caractères anglais dans la zone de contenu de la page (sans diffuser la page)
Sept. Dans la situation ci-dessus, les deux pages doivent maintenir un effet unifié et l'arrière-plan peut être bouclé; L'image d'en-tête s'affiche au centre ou peut être élargie (certaines zones d'en-tête peuvent créer des arrière-plans)
huit. Nom de l'entreprise, slogan d'entreprise, titre de page de zone de contenu, polices de menu avec premier et deuxième niveau doivent être utilisées comme polices système standard, telles que: Tahoma ou Arial,
Neuf. Lors de la création d'un répertoire de modèle, veuillez cocher l'option pour ne pas mettre en cache des vignettes dans les outils -> Options de dossier -> Afficher, afin que le package ZIP de modèle ne contienne pas de fichiers de cache inutiles.
dix. Le fichier style.css ne peut contenir aucune connexion d'image (exemple: background-image: url ('../images/bg.gif');), et ne peut pas contenir la définition des balises HTML (par exemple, la définition ne doit pas être faite dans CSS. Si vous souhaitez l'appliquer, vous pouvez l'écrire directement dans la balise HTML).
onze. Le codage du charse de HTML doit être UTF-8
douze. Toutes les tailles de police (y compris les feuilles de styles et le HTML) doivent être des points (PT) au lieu de pixels, avec une taille minimale de 8 pt, comme la taille de la police: 8pt.
Treize. Les éléments (Divs, etc.) dans le modèle ne peuvent pas être absolument positionnés et ne peuvent pas contenir JavaScript.
quatorze. Tous les modèles ont le même effet dans le navigateur, c'est-à-dire Mozilla, opéra
quinze. Tous les chemins d'image dans le fichier de modèle doivent être des chemins relatifs. Comparé au chemin de couleur, par exemple: le fichier sous des images sous bleu doit être écrit comme <img src = images / xxxx.gif> au lieu de <img src = bleu / images / xxxx.gif>
seize. Certains PSD spéciaux ne peuvent pas accueillir 40 lettres de taille W, lorsque le nom de l'entreprise et la police du slogan peuvent être réduits, mais il ne peut pas être inférieur à 8 pt.
Dix-sept. Le modèle doit remplir l'écran entier en hauteur, et il en va de même pour ceux qui n'ont pas de contenu (afin que la partie de contenu puisse être étendue verticalement)
dix-huit. La couleur d'arrière-plan doit être ajoutée dans tous les domaines (selon l'image PSD)
dix-neuf. Aucun espace de personnages n'apparaît
vingt. Toutes les valeurs d'attribut doivent y être ajoutées.
Vingt-et-un. Toutes les étiquettes qui apparaissent par paires doivent être ajoutées / par exemple:
Il doit être écrit comme <img src = ******> il doit être écrit comme <img src = ****** />