On Personal Website Construction Papers
On the Construction of Personal Website
Abstract: It is the dream of many computer enthusiasts to have their own personal website. This paper analyzes in detail the whole process of establishing your own personal website.
Process and matters needing attention.
[Keywords:] personal website image CI color matching visits
With the popularization of computers and the rapid development of networks, a large number of
Companies have websites, and many individuals have their own websites.
However, when a considerable number of people set up their own personal websites, due to
Lack of professional knowledge, at a loss. In fact, we need to build a network.
It is easy to stand, but it is necessary to build a unique, individual and connotative,
An attractive website needs the author's brain. Under construction
When establishing your own personal website, you must first determine your own positioning and choice.
The main content of a good website; Then conceive and standardize the website.
Drawing, including material collection, website image design, color and layout.
Surface design; Next, start making the home page and various pages; finally
Apply for a cyberspace, test and upload the designed website.
Yes.
First, determine the theme of the website:
1, theme selection
On the Internet, there are many various websites.
The materials are also strange and dazzling. You are designing your own website.
Before, be sure to determine the main direction of the website you want to design, which
Only in this way can you conceive, prepare materials and collect information.
Common types are:
1, online job hunting
2. Online Chat/Instant Messaging /ICQ
3. Online communities/discussions/mailing lists
4. Computer technology
5. Web page/website development
6. Entertainment websites
7. Travel
8. Reference/information
9. Family/Education
10, Life/Fashion
Each category can be further divided. For example, education can be divided into preschool education and adult education, and can also be divided according to the level of education.
Learning education, high school education, higher education, etc. , such as entertainment, is divided into two parts.
Education, movies, music and other small categories, music can be divided according to the format.
MP3, Mid, Ra, etc. Divided into classical, modern, rock and roll. According to their forms of expression.
Pay attention to the following points when choosing a theme:
The theme had better be something you are good at or like. compare
If you are interested in basketball, you can report the latest game.
Status reports such as score changes, star interviews, best goal videos, etc. or
If you are good at animation, you can build an animation enthusiast.
On the website, the use of some animation software is introduced, and various kinds of animation software are introduced.
Known production skills, list some better works, provide
Animation software download, etc. So that when you succeed, you won't feel
Bored or at a loss, because if you are not familiar with the party.
Face, so in the design and production will encounter many difficulties, q
Asking too many questions will lose confidence, so there is no way to design a website.
Tell me. On the other hand, interest is the motivation to make a website, if not.
Interest, then there will be no enthusiasm, it is difficult to design excellent works.
Products.
② The theme should be small and precise. The positioning should be small and the content should be refined. If you ...
I want to be an all-inclusive website and put everything you think is beautiful.
If you put something on it, it will often backfire and give people the feeling.
No theme, no features, everything is superficial, because
Because you can't have so much energy to maintain this biggest website.
Features are new and fast. At present, the most popular personal homepage is Everyday.
Even updated every few hours. The latest survey results also show that
Explain that the "theme station" on the website is more popular than the "Wanquan station".
Like monopoly stations, department stores, if you need to buy something.
Lucy will definitely choose a specialty store.
(3) Don't go too far or aim too high. "Too much" means
Everywhere, everyone has a theme; Such as software download, free information, etc. There are many such websites, and it is difficult to do it overnight without features.
Get success. "Too high a goal" means that there are mistakes in this subject.
It's hard for you to surpass excellent and well-known websites.
Yes, unless you are determined to compete and surpass it, because people
Children usually only remember the best websites.
2. Website naming
If you choose a theme and have a brilliant idea,
Then let's start naming the website. You might think that this name and the internet
Website design has nothing to do with this. In fact, the website name is also a part of the website design.
Points, and it is a key element. For example: "computer study room"
The "computer house" is obviously the latter concise and more attractive;
"Midi Paradise" and "Midi Paradise" are obviously the latter. "children
Heaven and Earth and China Kindergarten are obviously the latter. We all know that.
If the Chinese name of PIIICPU is changed to "running",
It may not be so hot today. As in real life,
Whether the name of the website is honest, loud and easy to remember, the image and publicity of the website.
Dissemination and promotion also have great influence. Select the name from the following parties.
Begins with:
1, the name should be easy to remember. According to the characteristics of Chinese website visitors,
Unless there is a special need, it is best to use Chinese names for website names.
Use English or mixed Chinese and English names. For example: beyond
Studio and beyond the studio, the latter is more intimate and easier to remember. In addition, the network
The number of words in the name of the station should be controlled to six words (preferably four words)
Inside, such as "XX Pavilion" and "XX Design Room", four words can be used as
Language, such as "a net into". Another advantage is that there are few words and a general friendship chain.
The size of the small logo is 88X3 1 and the width of six words.
The degree is about 78, which is suitable for link typesetting of other sites.
2. The name should be correct. This "positive" is to be legal, reasonable and reasonable.
Love. No content that is reactionary, pornographic, superstitious or endangers social security shall be used.
The name words of.
3. The name should be distinctive. Common names are acceptable under the following circumstances
Can reflect a certain connotation, and will give visitors more visual impact.
And spatial imagination. For example: music avant-garde, net pottery bar, natural beauty.
Music, Ali Poetry Society, etc. While reflecting the theme of the website, it can point out that
Features. Only in this way can we attract the attention of the viewer at the first time.
Second, the website image (CI)
CI is a borrowed advertising term. (CI is English.
Corporate identity), which means through vision.
Unify corporate image. An excellent website and an entity company.
Samples also need overall image packaging and design. Accurate and creative
CI design based on ASP. NET has a multiplier effect on the promotion of websites.
When you decide the theme and name of the website, what you need to consider is
Is the CI image of the website.
Generally, it can be considered from the following aspects:
1, design the logo of the website: First, you need to design the system.
Make a website logo. Logo, like a trademark, is a concentrated expression of the characteristics and connotation of your website. When you see the logo, let it
Everyone will think of your website. Note: the sign here does not mean
Banner, the small icon of 88X3 1, is the logo of the website. The flag may
So Chinese and English letters can be symbols, patterns and actions.
Things or people and so on. For example, soin is written in soim's English.
Logo, Sina uses the letters sina+ eyes as the logo. Logo design
This idea comes from the name and content of your website.
2. Representative objects in the website: such as people, animals, flowers, etc.
Grass, you can use them as the blueprint of design, and make them cartoon and artistic.
Technology, such as Mickey Mouse of Disney, cartoon fox of Sohu and Javert.
Basketball sharks in sports.
3. There is a professional mode in the website: you can change your major.
Table items as signs. For example, the copper coin logo of China Bank, Ben.
The steering wheel logo of Chi car.
4. The most common and simplest way is to use the English of your own website.
The name of the text is used as a symbol. Use different fonts, letter deformation, letters
The combination can easily make your own logo.
Third, web page color matching.
The color of a web page is one of the keys to building a website image.
Matching is a headache for designers. Background and text of web pages
What color should be used for text, icons, borders, hyperlinks, etc.
What color should be used to best express the expected connotation,
What kind of color matching can be pleasing to the eye? What kind?
Color matching can attract the attention of the audience at the first time.
Will it be dazzling?
1, color classification
Colors can be divided into achromatic colors and colored colors. Colorless means black, white,
Gray system color. Color refers to all colors except achromatic colors.
We gradually change colors from red to yellow to green to blue to red.
Change, you can get a color ring. Both ends of the color ring are warm colors.
And a cool tone and an intermediate tone. 2. The psychological feeling of color. Will different colors give tourists no
The same psychological feelings
Red: This is an exciting color. Stimulation can make people produce.
A feeling of impulse, anger, enthusiasm and vitality.
Green: in the middle of cold and warm colors, harmonious and peaceful.
A sense of tranquility, health and safety. It can produce golden yellow and pale white.
Create an elegant and comfortable atmosphere.
Orange: This is also an exciting color, light and cheerful.
Warm, warm and fashionable effect.
Yellow: It has happiness, hope, wisdom and bright personality, and it
The brightness is the highest. Blue: It is the coolest, freshest and most professional color. It and white.
Mixed colors can reflect a soft, elegant and romantic atmosphere (such as the sky).
Color)
White: There is a feeling of white, bright, pure and clean.
Black: There is a deep, mysterious, silent, sad and depressed feeling.
Accept.
Gray: it is moderate, ordinary, gentle, modest, neutral and elegant.
The feeling.
3. The principle of webpage color matching.
The significance of (1) color. The colors of web pages should be bright and attractive.
People pay attention, but be careful not to be dazzling and uncomfortable.
② The uniqueness of color. Has a unique color, so
Everyone is impressed with you.
③ Suitability of color. The color and atmosphere you express should be
Fit. For example, pink reflects the flexibility of women's websites.
④ Correlation of colors. Different colors have different associations,
Blue represents the sky, black represents the night, red represents the happy event, and so on. choose
The choice of color should be related to the connotation of your web page.
4. Web page color matching skills
(1) with a color. Choose a color here first, but
After adjusting the transparency or saturation, (in layman's terms, it is for coloring.
Fade or darken colors), generate new colors, and use them in web pages. such
The page looks uniform in color and distinct in layers.
② Use two colors. First choose a color, then choose it.
The contrasting color of. For example, use blue and yellow in web pages. Correction/wholeness
This page is colorful but not too expensive.
③ Use color system. Simply put, it is to use a feeling color.
Colors, such as light blue, light yellow, light green or khaki, khaki and khaki. real
The method of fixing color varies from person to person and can give people a comfortable feeling.
This feeling.
(4) There are black and one color. For example, red font with black.
The border feels special.
5, in the webpage color matching, taboo is:
⑤ Don't use all colors, try to control them in three colors.
Within the color.
6. The contrast between the background and the previous article should be as large as possible.
In order to highlight the main content of the text, complex patterns are used as the background.
Fourth, layout and homepage design.
1, layout:
Layout refers to the complete page (which can be
Including frames and layers). Because everyone's display resolution is different.
The same, so the size of the same page may appear 640*480.
Pixels, 800*600 pixels, 1024*768 pixels and other different sizes.
Layout is to put pictures and words in the most suitable way for browsing.
Put it in different places on the page. Good and reasonable layout
It will bring readers a refreshing feeling, and a very scattered or unorganized layout will make the whole page look bad. Ru Ru. com
If the white background of the page is empty, you can add some color blocks; The layout is scattered, but
So as to be connected in series by lines and symbols; There are too many words on the left, but on the right.
Insert a picture to keep balance.
Common layout forms are as follows:
Look at the layout forms we often use:
① "T" structure layout. The so-called "T" structure. It means the top of the page.
The department is the banner website logo+ advertising bar, and the main menu is at the bottom left.
The right side shows the layout of the content, because the menu bar has a deep background and is integral.
The effect is similar to the English letter "T", so we call it "T" cloth.
Bureau. This is the most widely used layout method in web design.
The advantages of this layout are clear page structure and clear priority. Yechu
The easiest layout method for scholars. The disadvantage is that the rules are rigid, such as
If you don't pay attention to details and colors, it's easy to make people "look tasteless".
2 "three" layout. This layout is mainly used for foreign websites and countries.
Not much for internal use. Its characteristic is that there are two horizontal color blocks on the page, which separate the page.
The whole is divided into four parts, most of which are divided into advertising strips.
③ the layout of the "mouth". Surround the whole page into a box shape, and it becomes.
However, there is usually an advertising bar at the top and bottom of the page, and the main menu is on the left.
Put the friendship link on the right and so on. The middle is the main content. This layout
The advantage is that it makes full use of the layout and has a large amount of information. The disadvantage is that the page is crowded.
Not flexible enough. There are four empty sides, only the middle window is used.
Meter, such as Netease wallpaper station.
④ "Symmetrical contrast" layout. As the name implies, go left or right or
Symmetrical layout, half dark and half bright, generally used for setting.
Design a website. The advantage is that the visual impact is strong, and the disadvantage is that the two parts are
Organic combination is more difficult.
⑤ "POP" layout. POP is quoted from advertising language and refers to pages.
The layout is like a poster, with a beautiful picture as the page.
Design center. Commonly used in fashion websites, such as www.elle
The advantages of. com are obvious: beautiful and attractive. The disadvantage is slow speed.
2. Home page design:
There is a saying: "A good beginning is half the battle".
The same is true of website design. The home page is designed as a website.
The key to success or failure People often tell you on the first page.
The website has an overall feeling. Can it encourage tourists to follow?
Continue to click to enter, whether it can attract visitors to stay on the website, all
With the "skills" of home page design. Therefore, the design and production of the home page
Attention and attention are absolutely necessary.
When designing the homepage of a website, we should pay attention to the following points:
Don't put too many or too big pictures on the home page. Because this photo
If the film is too big or too much, the loading time will definitely be too long. Browse.
I have no patience to wait.
② The contents of the home page should not be too empty and formal. content
Too few fonts or too many fonts are defects (of course, there are also individual networks)
In order to speed up the loading, websites only put a navigation bar or picture on the home page, but most, if not all, of these websites are to be opened.
Everyone will think that this website has nothing, or the page is too
Too much trouble)
The homepage of the website should not be too boring or too rigid. If a person
The home page of this website is only plain text, without any pictures or animations.
Painting, music or dynamic effects, I miss the first time the viewer sees it.
I won't come the second time, so the home page must be illustrated.
Mao, choose a catchy advertising language that can highlight the theme.
Simple music or dynamic effects can increase attraction.
④ Highlight the unique style of the website on the home page. Let's browse
After reading your website, the visitor thinks to himself, "this."
This website is very cool and personalized! ",then it can be in the mind of the viewer.
Make a deep impression.
Verb (abbreviation of verb) website design and testing
1, website specific design
After planning the website, start the specific design.
Work, choose a familiar software as a design tool,
This will get twice the result with half the effort. Commonly used web design software are:
Frontpage, Dreamweaver, hotdog, etc. If it is a team.
If you do, divide the work, and everyone is responsible for some pages or each page.
Individuals are responsible for a plate, orderly design, and finally grouping.
Combine into a whole.
2. Website testing
After all the pages of the whole website are designed, upload them.
It is very important to conduct a comprehensive test before.
Because different browsers or different versions of browsers have different points.
The results you see under the resolution are different, and some pages are in self.
The machine can display normally, but it changes the score in different environments.
The page may be seriously deformed and become messy, so every time
Each page must be at a different resolution and in a different browser.
Test and make corrections.
Intransitive verb website space application
If you want to put the designed website on the Internet, you must
You must apply for a homepage space. The homepage on the network can be static.
Full of energy. Static homepage space is mostly free, but it is not.
Support ASP, etc. Dynamic homepage space is generally charged. As a personal website, it is more practical to choose free homepage space (of course
If economic conditions permit, you can choose charging space), but you need to move.
State exchange data or support ASP, CGI, PHP and other technologies, you need to buy.
Buy a homepage space with these functions.
When applying for home page space, you should also pay attention to the following points:
① Stability: The server applying for home page space must be familiar with it.
The name is quite reliable, so don't let others access it because of the server.
I can't find your website.
② No pop-up window: some free space will pop up.
Advertising window will make visitors more disgusted and affect the website.
Number of visits and quality.
It is better to apply for a larger space: if there is too little storage space.
The capacity is also a little less. If there is more content on the website, the whole website will
The content can't be stored, the web page can't be opened, and the website can't be opened.
Normal operation.
Seven, upload the website
After the application for home page space is successful, you can put your own website.
Upload, when applying for space, the server will provide a login account.
Number and password (be sure to remember) Commonly used FTP software are:
Click the "Connect" button after entering the interface.
Then enter the server address of the application space, and then enter.
Password, you can connect automatically, and select Connect after success.
Pass the folder and click the "Upload" button.
After uploading all of them, open your own website and check them one by one.
Whether the page can be opened normally, whether all connections are correct, and send.
Now make a mistake and modify it.
[reference]
[1] Hu Xiao Tiandeng dreamweaver mx2004 Website Design Standard
Case course [M][ Beijing] Machinery Industry Press, June 2005
[2] Tang Jianping ASP Programming Practical Tutorial [M][ North]
Beijing People's Posts and Telecommunications Publishing House, May 2005.
[3] Zhao Yingjie Chinese Dream MX2004 website design.
Ji Baodian [M][ Beijing] Ocean Publishing House
Ning: Analysis of Personal Website Construction