Current location - Education and Training Encyclopedia - Educational Knowledge - Design of School Website Template
Design of School Website Template
(1) Locate the theme and name of the website.

1. The theme should be distinctive and exquisite. Positioning should have school characteristics, and the content should be exquisite.

2. The theme should be related to all the contents of the school. For example: the name of the school, the education and teaching of the school, the organization of the school, the activities of the school and so on. At the same time, the choice of theme should also be combined with the reality of the school.

(B) the design of the home page

After fully considering the column, link structure and overall style of the website, you can officially make the home page. There is a saying: a good beginning is half the battle. The same is true of website design. The design of home page is the key to the success of a website. People often have a sense of wholeness when they see the first page. Whether visitors can be encouraged to click to enter or attracted to stay on the website depends entirely on the design of the home page. Therefore, the design and production of the home page is absolutely important and painstaking. The design method of home page is as follows: layout tips, color matching, font setting and table nesting, nuance skills, consideration of different browsers and resolutions, and the importance of designing your banner, position and label.

General steps of home page design:

1, determine the function module of the home page.

The content module of the homepage refers to the main contents and functions you need to realize on the homepage. General websites need modules such as website name (logo), banner (banner), main menu (menu), news (latest news), search (link), mailing list (maillist), counter (count) and copyright. What modules are selected and what functions are realized? Mainly divided into two parts. One part is a relatively independent module, such as official forum, online registration, famous teacher class, data download, parent club, etc., and the other part is a dynamic column designed and formulated according to the school's own characteristics.

2. Design the layout of the home page

After the function module is determined, start designing the layout of the home page. Just like building blocks, each module is a unit building block. How to build a beautiful house depends on your creativity and imagination. The best way to design a layout is to draw an ideal sketch first, and then use web page making software to realize it.

3, deal with technical details

How to keep the homepage unchanged at different resolutions, how to look less ugly under IE and NC, how to set fonts and link colors, etc. Home page design is the difficulty and key of the whole website design, and the handling of various technical details in the production process is also very important.

(C) Website image positioning

1. Design the logo of the website.

First of all, we need to design and make a logo for a website. Just like a trademark, logo is a concentrated expression of the characteristics and connotation of a website. Everyone will think of this website when they see the logo. Signs can be Chinese, English letters, symbols, patterns, animals or people. Logo design ideas come from the name and content of the website. At the same time, it can also represent the sign of going to school very clearly.

2. Design the standard color of the website

The first impression of the website comes from visual impact, so it is very important to determine the standard color of the website. Different TINT has different effects, which may affect the mood of tourists. Standard color refers to the color that can reflect the image and extended connotation of the website. For example, the dark blue of IBM, the red stripes of KFC, and the red, blue, yellow, green and yellow blocks on the windows window logo all make us feel very appropriate and harmonious. Standard colors Standard colors should be used for logos, titles, main menus and main color blocks of websites. Give people a sense of unity as a whole. As for other colors, they can also be used, just as embellishment and foil, and they must not usurp the role of the master.

3. Design standard fonts for websites

Like standard colors, standard fonts refer to unique fonts used for logos, titles and main menus. Generally, the default font of our webpage is Song Ti. In order to reflect the uniqueness and unique style of the website, we can choose some special fonts according to our needs.

4. Design the slogan of the website

It is the spirit and goal of the website, which can be highly summarized in one sentence or even one sentence.

(d) determine the columns and columns of the website.

1. Identify columns and sections;

2. Determine the directory structure and link structure of the website;

3. Determine the overall style of the website;