1. Each psd source image has three color schemes. It is required to cut the images separately according to the same specifications, and the images in the same area cut out by the three colors must be named the same.
2. Create three folders named after colors according to the color scheme, and place the information needed to make the "color scheme" into a web page in each folder.
3. The required content contained in each color scheme folder: images, css, headers, buttons folders and two html files and two large and small web page renderings; all naming is carried out according to the examples, and customized content can be named freely.
4. Web page layout, all web pages are composed of the following parts:
· Header (logo, headers)
· Level 1 navigation bar (buttons)
· Level 2 navigation bar (buttons)
· Page content area (the content area is used to display English web pages )
·The footer (bottom menu, copyright)
determines the area to be produced based on the psd file. The area drawn in the source image must be produced, and the area that is not there (some do not have a second-level navigation bar, and some do not have a footer) does not need to be produced.
5. Requirements for making the first html file: Name it html.html. The entire page should be made within a table.
Header: The header can be made into a background, or some header images with irregular shapes can be cut into several parts for processing, and the number of cuts should be minimized. The logo area is made separately in a table (the width of the table can be limited); the logo is divided into three parts: logo picture, company name, and company slogan; the company name on the page needs to enter 40 uppercase W characters, and the company slogan also needs to enter 40 uppercase W characters Characters;
first-level navigation: the content in the first-level menu (navigation) must be made in an independent table; the width and height of the cell must not be set; six first-level menu items must be made on the page, and input in each item 20 uppercase W characters (can be entered as 6 W plus a space); the button image needs to create three state changes of the hyperconnection (according to the psd diagram, some may only have two states); the picture in each item and text must be made in one line. You can use br to make them appear in separate lines.
Secondary navigation (vertical navigation): The content in the secondary menu (navigation) must be produced in an independent table; the height of the table must not be set; produced according to the sample; 10 secondary menu items must be produced on the page, each Enter 20 uppercase W characters into each project (you can enter it in the form of 6 W plus a space); text links need to create at least two state changes of the hyperlink.
Page content area: Enter enough English characters to stretch the page (the IE browser used under a 1024×768 screen will have left and right stretch bars).
Footer: Enter 40 uppercase W characters in the copyright information area. To keep the page beautiful, keep a certain distance between the upper and lower areas.
Bottom menu: The content in the secondary menu (navigation) must be produced in an independent table; the height of the table cannot be set; it is produced according to the sample; six secondary menu items must be produced on the page, and 20 is entered in each item A capital W character (can be entered using 6 W plus a space); text links need to create at least two state changes of hyperlinks; a certain distance should be reserved between the upper and lower areas for the beauty of the page.
6. Requirements for making the second html file: name it html2.html. Copy the first html file, delete part of the content inside, and retain three first-level navigations, two second-level navigations (vertical navigation), and three bottom menus, with 6 characters appearing in each item; keep two lines of English in the page content area characters (without opening the page).
7. In the above situation, the two pages should maintain a unified effect, and the background can be looped; the header image can be displayed in the center or can be expanded (some header areas can have a background).
8. The company name, company slogan, content area page title, and first- and second-level menu fonts should use standard system fonts, such as Tahoma or Arial.
9. When creating a template directory, please check the "Do not cache thumbnails" option in "Tools" -> "Folder Options" -> "View" so that the template zip package will not contain redundant cache files.
10. The style.css file cannot contain any image links (example: background-image: url('../images/bg.gif');), and cannot contain the definition of html tags (for example, there should be no definitions in css if To apply it, you can write it directly in the html tag).
11. The charset encoding of html must be utf-8.
12. All font sizes (including style sheets and HTML) must use Points (pt) instead of pixels (pixels). The minimum size is 8pt, for example, font-size: 8pt.
13. Elements (div, etc.) within the template cannot use absolute positioning or contain JavaScript.
14. All templates have the same effect in browsers IE, Mozilla, and Opera.
15. All image paths in the template file must be relative paths. Relative to the "color" path, for example: files under images under blue should be written as < img src=images/xxxx.gif > instead of < img src=blue/images/xxxx.gif >.
16. When some special psd cannot accommodate 40 large and small W letters, the company name and slogan fonts can be reduced, but not smaller than 8pt.
17. Templates must fill the entire screen in height, and the same applies to those without content (so that the content part can extend vertically).
18. All areas must have a background color (according to the psd image).
19. Space characters cannot appear.
20. All attribute values must be added to " ".
21. All tags that do not appear in pairs must be added with "/". For example: <img src=******> should be written as <img src=******/>