1. Chaque image source psd comporte trois schémas de couleurs. Il est nécessaire de découper les images séparément selon les mêmes spécifications, et les images de la même zone découpées par les trois couleurs doivent porter le même nom.
2. Créez trois dossiers nommés d'après les couleurs en fonction du jeu de couleurs et placez les informations nécessaires pour créer le « jeu de couleurs » dans une page Web dans chaque dossier.
3. Le contenu requis contenu dans chaque dossier de schéma de couleurs : images, CSS, en-têtes, dossiers de boutons et deux fichiers HTML et deux rendus de grandes et petites pages Web ; tous les noms sont effectués selon les exemples, et le contenu personnalisé peut être nommé librement ; .
4. Mise en page de la page Web, toutes les pages Web sont composées des parties suivantes :
· En-tête (logo, en-têtes)
· Barre de navigation de niveau 1 (boutons)
· Barre de navigation de niveau 2 (boutons)
· Zone de contenu de la page (la zone de contenu est utilisée pour afficher les pages web en anglais)
·Le pied de page (menu du bas, copyright)
détermine la zone à produire en fonction du fichier psd. La zone dessinée dans l'image source doit être produite, et la zone qui n'y est pas (certaines n'en ont pas). barre de navigation de deuxième niveau, et certaines n'ont pas de pied de page) n'a pas besoin d'être produite.
5. Conditions requises pour créer le premier fichier HTML : nommez-le html.html. La page entière doit être créée dans un tableau.
En-tête : l'en-tête peut être transformé en arrière-plan, ou certaines images d'en-tête aux formes irrégulières peuvent être découpées en plusieurs parties pour le traitement, et le nombre de coupes doit être minimisé. La zone du logo est créée séparément dans un tableau (la largeur du tableau peut être limitée) ; le logo est divisé en trois parties : l'image du logo, le nom de l'entreprise et le slogan de l'entreprise doivent saisir 40 W majuscules ; caractères, et le slogan de l'entreprise doit également saisir 40 caractères W majuscules Caractères ;
navigation de premier niveau : le contenu du menu de premier niveau (navigation) doit être réalisé dans un tableau indépendant la largeur et la hauteur de la cellule ne doivent pas être ; définir ; six éléments de menu de premier niveau doivent être créés sur la page et saisir dans chaque élément 20 caractères W majuscules (peut être saisi sous la forme 6 W plus un espace) pour créer trois changements d'état de l'hyperconnexion (selon) ; au diagramme psd, certains peuvent n'avoir que deux états) ; l'image dans chaque élément et le texte doivent être composés sur une seule ligne. Vous pouvez utiliser br pour les faire apparaître sur des lignes séparées.
Navigation secondaire (navigation verticale) : Le contenu du menu secondaire (navigation) doit être produit dans un tableau indépendant ; la hauteur du tableau ne doit pas être définie selon l'échantillon ; 10 éléments de menu secondaire doivent être produits sur la page ; , chacun saisissez 20 caractères W majuscules dans chaque projet (vous pouvez le saisir sous la forme de 6 W plus un espace) ; les liens texte doivent créer au moins deux changements d'état du lien hypertexte.
Zone de contenu de la page : saisissez suffisamment de caractères anglais pour étirer la page (le navigateur IE utilisé sous un écran 1024 × 768 aura des barres d'étirement gauche et droite).
Pied de page : saisissez 40 caractères W majuscules dans la zone d'informations de copyright. Pour conserver la belle page, gardez une certaine distance entre les zones supérieure et inférieure.
Menu inférieur : le contenu du menu secondaire (navigation) doit être produit dans un tableau indépendant ; la hauteur du tableau ne peut pas être définie ; il est produit selon l'échantillon ; six éléments de menu secondaire doivent être produits sur la page, et 20. est saisi dans chaque élément Un caractère W majuscule (peut être saisi en utilisant 6 W plus un espace) ; les liens texte doivent créer au moins deux changements d'état des hyperliens, une certaine distance doit être réservée entre les zones supérieure et inférieure pour la beauté de ; la page.
6. Conditions requises pour créer le deuxième fichier HTML : nommez-le html2.html. Copiez le premier fichier HTML, supprimez une partie du contenu à l'intérieur et conservez trois navigations de premier niveau, deux navigations de deuxième niveau (navigation verticale) et trois menus inférieurs, avec 6 caractères apparaissant dans chaque élément ; les caractères de la zone de contenu de la page (sans ouvrir la page).
7. Dans la situation ci-dessus, les deux pages doivent conserver un effet unifié et l'arrière-plan peut être bouclé ; l'image d'en-tête peut être affichée au centre ou être agrandie (certaines zones d'en-tête peuvent avoir un arrière-plan).
8. Le nom de l'entreprise, le slogan de l'entreprise, le titre de la page de la zone de contenu et les polices des menus de premier et deuxième niveaux doivent utiliser des polices système standard, telles que Tahoma ou Arial.
9. Lors de la création d'un répertoire de modèles, veuillez cocher l'option « Ne pas mettre en cache les vignettes » dans « Outils » -> « Options des dossiers » -> « Affichage » afin que le package zip du modèle ne contienne pas de fichiers de cache redondants.
10. Le fichier style.css ne peut contenir aucun lien d'image (exemple : background-image: url('../images/bg.gif');), et ne peut pas contenir la définition de balises html (par exemple, il doit y avoir pas de définitions en css si Pour l'appliquer, vous pouvez l'écrire directement dans la balise html).
11. Le codage du jeu de caractères HTML doit être utf-8.
12. Toutes les tailles de police (y compris les feuilles de style et HTML) doivent utiliser des points (pt) au lieu de pixels (pixels). La taille minimale est de 8 pt, par exemple, taille de police : 8 pt.
13. Les éléments (div, etc.) du modèle ne peuvent pas utiliser un positionnement absolu ni contenir du JavaScript.
14. Tous les modèles ont le même effet dans les navigateurs IE, Mozilla et Opera.
15. Tous les chemins d'image dans le fichier modèle doivent être des chemins relatifs. Par rapport au chemin "couleur", par exemple : les fichiers sous les images en bleu doivent être écrits sous la forme < img src=images/xxxx.gif > au lieu de < img src=blue/images/xxxx.gif >.
16. Lorsqu'un psd spécial ne peut pas contenir 40 grandes et petites lettres W, les polices du nom de l'entreprise et du slogan peuvent être réduites, mais pas inférieures à 8 pts.
17. Les modèles doivent remplir tout l'écran en hauteur, et il en va de même pour ceux sans contenu (afin que la partie contenu puisse s'étendre verticalement).
18. Toutes les zones doivent avoir une couleur de fond (selon l'image psd).
19. Les espaces ne peuvent pas apparaître.
20. Toutes les valeurs d'attribut doivent être ajoutées à " ".
21. Toutes les balises qui n'apparaissent pas par paires doivent être ajoutées avec "/". Par exemple : <img src=******> doit être écrit sous la forme <img src=******/>