Current location - Education and Training Encyclopedia - University ranking - Learn to make websites.
Learn to make websites.
1. Download the web page making tool first, and Dreamweaver v8.0 simplifies the registered version.

Download address:

/dw.html

2. Start studying and go to Netease College to study web page making.

"Website Design Series Multimedia Courses"

/special/w/0009 15SQ/webmediatech . html

3. If possible, apply for free homepage space. If you have a better one, please find a suitable application here, free of charge.

4. Upload the completed homepage to your space. Need FTP upload software.

Download address:

/ftp.html

5. Visit your homepage with your own or applied free domain name (generally, you will get a second-level domain name when you apply for free space).

I'll tell you a detailed story.

Nowadays, with the development of various communication technologies, the Internet has gradually entered the popularization stage in China. After fully enjoying the fun of browsing news, chatting online, online games, online trading and sending and receiving emails, many people are not satisfied with passive acceptance and want to actively participate in the network, so a large number of personal websites have appeared.

Computer and network professionals can easily make web pages by using their skills and professional knowledge in a certain field, but how do a large number of network novices make personal homepages and establish personal websites? I have probably summarized the following points, hoping to provide some help to some people who lack basic knowledge in this field. If you are a frequent Internet surfer and are interested in how to build a website, please continue reading, otherwise I recommend you to use some stupid personal pages launched by some websites or ask a professional web page production company to do it for you. There's no need to do it yourself

1. To build a personal website, you must first understand the basic language HTML for web page making. It will take about an hour or two.

2. Learn to use popular web page making software, such as Frontpage and Dreamweaver, which are powerful. You can have a preliminary understanding of the software you see, and you don't have to master it all. Generally, they learn while using, and constantly improve their level of use.

3. To browse all kinds of web pages online, it is best to download some simple personal web pages first, because the technology they use is relatively simple, and they can use web page making software to open research. Then it is suggested to browse some professional web design websites, learn some typesetting experience, and download some web structure templates suitable for your own application.

4. Determine the theme of your website. Personally, I don't advocate establishing a popular website theme such as software encyclopedia and stacks from the beginning, because first, you are not professional enough, and there are too many similar softwares on the Internet, so it is impossible for others to download them on your website. Second, such websites need huge home page space. Not only can you not apply for such a large space at first, but you can't upload it for maintenance often. The theme of the website had better have its own personal characteristics. I'm really not sure. I suggest that I make a private portal and make a comprehensive link to the websites I often visit.

It's best not to use special colors and fonts on web pages, because everyone uses different computers, and special colors and fonts may not be visible to others.

6. It is essential to add beautiful pictures to the web page. I suggest that if you can use some professional drawing software, you'd better make it yourself, which will have its own characteristics. You can also put some private photos, but remember that all kinds of pictures must be optimized to reduce their storage size. Remind each page not to let go of too many pictures, because first, it will make the page look messy, and second, it will make your page display too slow. Photoshop, Fireworks and other commonly used software for making pictures.

7. You can use some animations and special effects on the webpage to enhance the beauty and function of your homepage. Animation can be found online, and it is best to make it yourself. The most commonly used GIF format can be made by Gig Animator software of Ulead. At present, Flash animation is popular, with many changes and small size. The disadvantage is that some browsers on the computer have no Flash browsing software by default, and some computer users can't see Flash. There are many free Javascript on the Internet. Like pictures, it is recommended not to put too many animations and special effects on each page.

8. After the webpage is basically completed, go online to find free homepage space. According to the speed of the host, the size of the space provided, whether there are basic CGI functions, and whether the domain name provided is simple and easy to remember. The so-called CGI refers to the program provided on the host server, which can generally apply for free counters and message boards. Find a website with fast speed, large homepage storage space and simple domain name to store your webpage.

9. The next step is to upload the web page to the server you applied for. The specific uploading method will be known when you apply for home page space. You can use the software that you make web pages. Personally, I recommend using CuteFTP Pro to upload. This software is powerful and easy to use.

10. Well, now that your website has been established, you can inform your friends to browse it. Print your personal website on your business card and want to promote your website? Then you can go to major search websites to log in to your new site, such as Yahoo, Search Tiger, Sina and other well-known websites. You can also apply for friendly links with other websites, and apply for advertising exchange in some websites that provide link exchange, such as Taiji Chain and Cool Station. When doing this step, you need to make two advertising pictures, the sizes are 468X60 and 88X3 1 respectively. Animation is the best, and the storage size should be controlled below 10k.

1 1. If you still want to make a little money from your website, you can apply for advertising links on some commercial websites to advertise for them. Generally speaking, money is calculated according to the number of times your web page is clicked on their web page.

12. Finally, I want to remind future webmasters that your website must not put anything that obviously conflicts with domestic politics. This matter is too important to be taken lightly, otherwise the website will be shut down and you may go to jail. In addition, sex-related content on the website can greatly increase the number of visitors, but don't put yellow content, which is not as good as reactionary content, but it also has problems. I suggest you take a sideline job and provide some sex education and knowledge. The content of love is harmless.

With the continuous development of network technology, network applications have penetrated into every corner of human society. As the support point of the network world, the website is the focus of people's attention: the government uses the website to publicize its own policy agenda and is increasingly becoming a through train to communicate with the people; Enterprises use websites to promote their own image and tap unlimited business opportunities; Individuals use websites to show their personalities and build a bridge for mutual communication. More and more people want to own websites and open up a world in the online world. How to design an excellent website? People have discussed a lot about this issue, and there are many things that can be discussed. In addition, with the rapid development of network technology, it is difficult to put forward an absolutely authoritative and correct design idea. The author is incompetent and follows his own design style.

The following basic design ideas will be summarized:

First, locate the theme and name of the website.

The theme of the website is also the theme of the website, which is the first problem encountered in website design. The theme of the website is strange and dazzling. As long as you can think of it, you can make it. The following are the top ten themes of 100 famous websites in the United States in 1999 selected by PC Magazine:

Category 1: online job hunting

Category 2: Online Chat/Instant Messaging /ICQ

Category 3: Online communities/discussions/mailing lists

Category 4: Computer Technology

Category 5: Web page/website development

Category VI: Entertainment websites

Category 7: Travel

Category 8: Reference/Information

Category 9: Family/Education

Category 10: Life/Fashion

Each category can be further subdivided, such as entertainment, sports/movies/music, and music can be divided into MP3, VQF, Ra, etc. According to the form of expression, it can be divided into classical, modern and rock. At the same time, the connection and cross-combination of various themes can produce new themes, such as tourism forum (tourism+discussion) and classic football (football+film and television), which can be divided into thousands of themes. So many themes, how to choose? The principles to be followed are as follows:

1, the theme should be small and precise.

The positioning should be small and the content should be refined. If you want to make an all-inclusive website and put all the wonderful things on it, it will often backfire, giving people the impression that there is no theme, no features and everything, but everything is superficial because you can't have so much energy to maintain it. The biggest feature of the website is new and fast. At present, the most popular personal homepage is updated every day or even every few hours. The latest survey results also show that "theme stations" on the Internet are more popular than "whole stations", just like specialty stores and department stores. If I need to buy something, I will definitely choose a specialty store.

2. The theme had better be what you are good at or like.

For example, if you are good at programming, you can build a website for programming enthusiasts; Interested in football, you can report the latest war situation, star dynamics and so on. In this way, when making, you won't feel bored or at a loss. Interest is the motivation to make a website. Without enthusiasm, it is difficult to design and produce excellent websites.

3. Don't overdo it or aim too high.

"Too much" refers to the theme that can be seen everywhere and everyone has; Such as software download, free information. "Aim too high" means that there are already excellent and well-known sites in this subject, and it is difficult for you to surpass them.

If the theme has been determined, you can give the website a name around the theme. Website name is also a part of website design, and it is a key element. You see, "computer room" and "computer room" are obviously the latter simple; "Midi Paradise" and "Midi Paradise" are obviously the latter. Children's World and China Kindergarten are obviously the latter. We all know that the Chinese name of PIII is "Pentium". If it were "running", it might not be so "hot" today. As in real life, whether the website name is honest, loud and easy to remember has a great influence on the image and promotion of the website. My suggestion is:

1, the name should be correct.

In fact, it is to be legal, reasonable and affectionate. You can't use reactionary, pornographic, superstitious or threatening social security.

2, the name should be easy to remember.

It is best to use Chinese names, not English or mixed Chinese and English names. In addition, the number of words in the website name should be controlled within six words (preferably four words), and idioms can also use four words. Another advantage is that the number of words is small, which is suitable for link typesetting of other sites.

3. The name should be distinctive.

A plain name is acceptable. If it can reflect certain connotation and give tourists more visual impact and spatial imagination, it is the top grade. For example: music avant-garde, network pottery bar, e-book time and space, etc. While reflecting the theme of the website, it can point out the characteristics.

Second, locate the CI image of the website.

The so-called CI (corporate image) is to unify the corporate image through vision. An excellent website, like an entity company, needs overall image packaging and design. Accurate and creative CI design will get twice the result with half the effort for website promotion. The specific approach is:

1. Design the logo of the website.

Just like a trademark, a logo is a concentrated expression of the characteristics and connotation of your website. Seeing a sign will remind everyone of your website. The logo design concept comes from the name and content of your website:

(1) The representative figures, animals and flowers on the website can be used as blueprints for design, such as Mickey Mouse in Disney and cartoon fox in Sohu.

(2) If the website is professional, it can be marked with representative projects of this major. For example, China Bank's copper logo, Mercedes-Benz's steering wheel logo and so on.

(3) The most common and simplest way is to use the English name of your website as a logo. Using different fonts, letter variants and letter combinations, it is easy to make your own logo.

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. Take a practical example to understand: the deep blue of IBM, the red stripe of KFC, and the red, blue, yellow and green blocks on the logo of windows window all make us feel very appropriate and harmonious. "Standard color" refers to the color that can reflect the image of the website and extend the connotation. Generally speaking, there are no more than three standard colors for a website, and too many will be dazzling. The logo, title, main menu and main color block of the website should all use standard colors. 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. The colors suitable for the standard colors of web pages are: blue, yellow/orange, black/gray/white, and attention should be paid to the reasonable collocation of colors.

3. Design the standard font of the website.

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 own needs. For example, in order to reflect professionalism, we can use rough imitation Song style, exquisite design, advertising style, kindness and randomness, handwriting and so on.

4. Design the slogan of the website

It can also be said that it is the spirit and the goal of the website. Summarize it in one sentence or even one word. Similar to the advertising golden sentence in real life. For example, the "delicious" of the magpie nest; Maxwell's "Good Things to Share with Good Friends"; Intel's "Give you a Pentium heart" and so on.

Third, determine the columns of the website.

Building a website is like writing an article. You must draw up an outline first, so that the article can have a clear theme and distinct layers. If the website structure is unclear and the directory is complex, the content is one piece in the east and one piece in the west. Therefore, not only visitors are confused, but also it is quite difficult to expand and maintain the website by themselves. After the theme of the website is determined, a lot of relevant information content is collected, but how to organize the content to attract netizens to browse the website? The essence of the column is the outline index of a website, and the index should be online.

The main body of the station is clearly displayed. General website column arrangement should pay attention to the following aspects:

1, stick to the topic.

Classify your topic in a certain way as the main column of the website. The number of special columns should be absolutely dominant in the total columns. Such a website is highly professional and has outstanding themes, which is easy to impress people.

2, the establishment of recent updates or website guide column.

The purpose of setting up the "Recent Updates" column is to take care of frequent customers and make your homepage more humanized. If the content of the homepage is huge, there are many levels, and there is no search engine in the site, then setting up the "Site Guide" column can help first-time visitors find what they want quickly.

3. Set up a two-way communication column.

Such as forums, guest books, mailing lists, etc. , which allows visitors to leave their information.

4. Set the download or FAQ bar.

The characteristic of network is information sharing. For example, set up a data download column on your home page to facilitate visitors to download the required data. In addition, if the website often receives letters from netizens about certain questions, it is best to set up a column to answer common questions, which is convenient for netizens and can save more time.

Fourth, determine the directory structure of the website.

The directory of the website refers to the directory you created when you set up the website. For example, when building a website with frontpage98, the root directory and images subdirectory are established by default. The quality of the directory structure does not have much feeling for visitors, but it has an important influence on the uploading and maintenance of the website itself and the expansion and transplantation of the content in the future. Here are some suggestions for establishing a directory structure:

1. Don't store all files in the root directory, which will cause confusion in file management.

You often don't know which files need to be edited and updated, which useless files can be deleted and which are related files, which affects work efficiency. In addition, the upload speed is slow. The server usually creates a file index for the root directory. When you put all the files in the root directory, even if only one file is uploaded and updated, the server needs to search all the files again and create a new index file. Obviously, the larger the number of files, the longer the waiting time. Therefore, reduce the number of files stored in the root directory as much as possible.

2. Establish subdirectories according to the column contents.

The establishment of subdirectories, first according to the main menu. For example, an enterprise website can establish a corresponding directory according to company profile, product introduction, price, online order and feedback contact information. Other small columns, similar to what's new, have more friendly links, and need to be updated frequently, can establish independent subdirectories. And some columns with strong correlation that don't need to be updated frequently, such as: about this site, about webmaster, site experience, etc. , can be merged into a unified directory. All programs are generally stored in a specific directory. For example, CGI programs are placed in the cgi-bin directory. It is also best to put all the contents that need to be downloaded in one directory.

3. Establish an independent picture directory under each main column directory.

It is most convenient to establish an independent image directory for each main column. The images directory in the root directory is only used to put pictures of the home page and some secondary columns.

4. The level of the directory should not be too deep.

It is suggested that the level of the directory should not exceed level 3, which is convenient for maintenance and management.

5. Don't use Chinese catalogs.

6. Don't use long directories.

Verb (abbreviation for verb) determines the link structure of the website.

The link structure of a website refers to the topological structure of links between pages. It is based on directory structure, but it can cross directories. There are two basic ways to establish the link structure of a website:

1, tree link structure

Similar to the directory structure of DOS, the home page link points to the first-level page, and the first-level page link points to the second-level page. When browsing this link structure, one level goes in and one level goes out. The advantage is that the organization is clear, and tourists clearly know where they are and will not get lost. The disadvantage is that the browsing efficiency is low, and the sub-page under one column must bypass the home page to reach the sub-page under another column.

2. Star link structure

Similar to the link of a web server, there is a link between each page. The advantage of this link structure is that it is easy to browse and you can reach your favorite page at any time. The disadvantage is that there are too many links, and it is easy for visitors to get lost and not know where they are and how much they have seen.

These two basic structures are just ideal ways. In the actual website design, they are always mixed to achieve the ideal effect. A better scheme is to use a star link structure between the home page and the first-level page, and a tree link structure between the first-level and lower-level pages.

Sixth, design the overall style of the website.

Style is abstract, which refers to the comprehensive feeling that the overall image of the website gives visitors. This "overall image" includes CI (logo, color, font, slogan), layout, browsing mode, interactivity, words, tone, content value, existence significance, site honor and many other factors. For example, we think Netease is approachable, Disney is lively, and IBM is professional and serious. These are websites for people.

Different feelings left behind.

The unique style makes this website different from other websites. Or color, or technology, or interactive way, can make visitors clearly distinguish that this is unique to your website. For example, the black and white of New Century Network and the unique framework of Netease Wallpaper Station, even if you only see one page, you can see which website it belongs to.

Style is human. Through the appearance, content, text and communication of a website, the personality and artistic conception of a website can be summarized. It is gentle and elegant, persistent and enthusiastic, lively and changeable, and laissez-faire. Just like the "bold school" and "graceful school" in poetry, we can compare websites with people's personalities. How to build a website style? We can divide it into the following steps:

1. Make sure the style is based on valuable content.

A website with style but no content is like a pillow embroidered with a bag of grass, like an arrogant but illiterate person. You must first ensure the quality and value of the content, which is the most basic.

2. You need to thoroughly understand what you want the impression of the website to give.

You can clear your mind from these aspects:

A. If you only use one sentence to describe your website, it should be: ()

Reference answer: creative, professional, with (technical) strength, aesthetic feeling and impact.

B. When you think of your website, the color you can associate is: ()

Reference answer: passionate red, fantasy sky blue, smart golden yellow.

C. When you think of your website, you will think of the following picture: ()

Reference answer: a morning paper, a Ferrari sports car, a crowded square and a grocery store.

D. If the website is a person, his personality is: ()

Reference answer: mature middle-aged, wild and unrestrained cowboy, confident and honest entrepreneur.

E. As a webmaster, you should give the impression that: ()

Reference answer: dedication, earnest devotion, depth, responsibility, innocence, frankness and gentleness.

F. make an analogy with animals. What does your website look like most: ()

Reference answers: cat (mysterious and noble), eagle (sharp-eyed), rabbit (smart and sensitive), lion (confident and authoritative)

G. What do visitors think distinguishes you from other websites? ()

Reference answer: reliable, the fastest information and convenient communication.

H. The feeling of tourists' communication and cooperation with you is: ()

Reference answer: teachers and students, colleagues, friends, young and old.

You can fill in an answer yourself first, and then let other netizens fill it in. The results of the comparison will tell you: the gaps, weaknesses and areas that need improvement in your website.

3. After making clear the impression of your website, I began to work hard to establish and strengthen this impression.

After the second step of "quantifying" the impression, you need to further find out what is the most distinctive, that is, what best reflects the style of the website. And take it as the characteristics of the website to focus on strengthening and promoting. The following practices can be used for reference:

(1) Try to put your logo on every page. Or a header, or a footer, or a background.

(2) Highlight your standard color. Try to use the same color as the standard color for the link color of the text, the main color of the picture, the background color, the border and other colors.

(3) Highlight your standard font. Use uniform standard fonts in key titles, menus and pictures.

(4) Think of a catchy slogan. Put it in your banner, or put it in an eye-catching position to tell everyone that the characteristics of your website are ...

(5) Use a unified tone and person. Even if it is maintained by many people, readers should feel that it was written by the same person.

(6) Use a unified picture processing effect. For example, the direction, thickness and ambiguity of the shadow effect must be consistent.

(7) Create a unique symbol or icon of a website.

(8) Use lace, lines and dots designed by yourself.

(9) Show the honor and successful works of your website.

(10) Tell your true stories and thoughts to netizens. The formation of style is not fixed at one time. You can constantly strengthen, adjust and modify it in practice.