1. Each psd source image has three color schemes, which require the pictures to be cut according to the same specifications, and the names of the pictures in the same area cut out by the three colors must be the same;
2. Create three folders named after colors according to the color scheme, and place the information required for the color scheme to make the web page in each folder;
3. The required contents contained in each color scheme folder: images, css, headers, buttons folders, two html files and two large and small web page renderings; all naming is carried out according to the examples, and custom content can be named freely.
4. Web page layout, all web pages are composed of the following parts:
Headers (logo, headers)
Level 1 navigation bars (buttons)
Level 2 navigation bars (buttons)
Page content area (the content area is used to display English web pages)
Footer (bottom menu, copyright)
Determine the area to be made according to the psd file. The area drawn in the source diagram must be made. Areas that do not have level 2 navigation bars, and some do not have footers) do not need to be made.
five. The first html file production requirement: name html.html
The entire page must be made in one form.
Header:
You can make the header into a background, or some header images are irregular, and you can also cut them into several parts to process, and try to minimize the number of cuts.
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 pictures, company names, and company slogans; 40 capital w characters are required to enter the company name on the page, and 40 capital w characters are required to enter the company slogans;
Level 1 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 20 capital w characters can be entered in each item (6 ws and one space can be entered); the button picture needs to be made into three state changes that are hyperconnected (according to the psd picture, some may have only two states); the pictures and text in each item must be made in one line, and br can be used to create a branch display effect.
Secondary navigation (vertical navigation)
The content in the secondary menu (navigation) must be made in an independent table; the height of the table must not be set; it must be made according to the example; 10 secondary menu items must be made on the page, and 20 capital w characters can be entered in each project (6 ws and one space can be entered); text links need to create at least two state changes that are hyperconnected.
Page content area
Enter enough English characters to make the page stretched to the point (the ie browser used under the 1024×768 screen appears with the left and right upper and lower stretch bars)
footer
Enter 40 capital w characters in the copyright information area. Keep a certain distance from the upper and lower areas for the beauty of the page.
Bottom Menu
The content in the secondary menu (navigation) must be made in an independent table; the height of the table must not be set; it must be made according to the examples; six secondary menu items must be made on the page, and 20 capital w characters can be entered in each project (6 ws and one space can be entered); text links need to create at least two state changes that are hyperconnected; for the beauty of the page, a certain distance must be kept in the upper and lower areas.
six. The second html file production requirement: name html2.html
Copy the first html file, delete some contents inside, retain three first-level navigation, two second-level navigation (vertical navigation), and three bottom menus, and 6 characters appear in each item; retain two lines of English characters in the page content area (not spreading the page)
seven. In the above situation, the two pages must maintain a unified effect, and the background can be looped; the header image is displayed in the center or can be expanded (some header areas can create backgrounds)
eight. Company name, company slogan, content area page title, menu fonts with first and second levels should be used as standard system fonts, such as: tahoma or arial,
Nine. When creating a template directory, please check the option to not cache thumbnails in Tools -> Folder Options -> View, so that the template zip package will not contain unnecessary cache files.
ten. The style.css file cannot contain any image connection (example: background-image: url( '../images/bg.gif ');), and cannot contain the definition of html tags (for example, the definition should not be made in css. If you want to apply it on, you can directly write it in the html tag)
eleven. The charset encoding of html must be utf-8
twelve. All font sizes (including stylesheets and html) must be points(pt) instead of pixels, with a minimum size of 8pt, such as font-size: 8pt.
Thirteen. Elements (divs, etc.) in the template cannot be absolutely positioned and cannot contain javascript.
fourteen. All templates have the same effect in browser ie, mozilla, opera
fifteen. All image paths in the template file must be relative paths. Compared with the color path, for example: the file under images under blue should be written as <img src=images/xxxx.gif> instead of <img src=blue/images/xxxx.gif>
sixteen. Some special psds cannot accommodate 40 letters of size W, when the company name and slogan font can be reduced, but it cannot be less than 8pt.
Seventeen. The template must fill the entire screen in height, and the same is true for those without content (so that the content part can be extended vertically)
eighteen. Background color must be added in all areas (according to the psd image)
nineteen. No space characters appear
twenty. All attribute values must be added in it.
Twenty-one. Any labels that appear in pairs must be added/for example:
It should be written as <img src=******> It should be written as <img src=******/>