Why web page creation 960 Why web page creation 960 cannot be used

+Website Construction 60

With the development of various communication technologies, the Internet has gradually entered the popularization stage in China. Many people are fully enjoying browsing news, online chatting, and online games. , online transactions, sending and receiving emails and other fun things on the Internet, they began to be no longer satisfied with passive acceptance, and hoped to actively participate in the Internet, so a large number of personal websites came into being.

Computer and network professionals can use their skills and expertise in a certain area to easily create web pages, but how do a large number of Internet novices create personal homepages and build personal websites? I have roughly summarized the following points, hoping to provide some help to some people who lack basic understanding of this aspect. If you are a netizen who often surfs the Internet and is interested in how to build a website, then please continue reading. Otherwise, I recommend you to use the fool-like personal webpage launched by some websites or ask a professional webpage production company to do it for you. No need to do it yourself.

1. To build a personal website, you must first understand HTML, the basic language for web page production. You can get started, which will take about an hour or two.

2． Learn to use currently popular web page creation software, such as Frontpage, Dreamweaver and other powerful WYSIWYG software. You only need to have a preliminary understanding, but you don’t need to master them all. Generally, you can learn while using them and continuously improve your usage level.

3. Browse various web pages extensively on the Internet. It is best to download some simpler personal web pages at the beginning, because the technology they use is relatively simple and can be opened and studied with web page creation software. Then it is recommended to browse some professional web design websites to learn some typesetting experience. At the same time, you can download some web page structure templates for your own application.

4. Determine the theme of your website. I personally do not advocate starting from the beginning with a website theme that is popular on the Internet, such as a software encyclopedia or book library, because first, you are not professional enough, and there are too many similar software on the Internet, and it is impossible for others to download it from your website. . Secondly, this type of website requires a huge homepage space. Not only can you not apply for such a large space at the beginning, but you also cannot upload and maintain it frequently. It is best for the website theme to have your personal characteristics. If you are really not sure, I suggest you make a private portal website and make a more comprehensive link to the websites you often visit.

5． It is best not to use particularly distinctive colors and fonts on web pages, because everyone uses a different computer, and special colors and fonts may not be visible to others.

6． It is indispensable to add beautiful pictures to a web page. I suggest that if you can use some professional drawing software, it is best to make them yourself. This will have its own characteristics. You can also put some personal photos, but remember that all kinds of pictures must be optimized. Reduce its storage size. A reminder not to put too many pictures on each page, because firstly, it will make the webpage look cluttered, and secondly, it will make your webpage display speed too slow. Commonly used software for making pictures include Photoshop, Fireworks, etc.

7. Some animations and special effects can be used on web pages to increase the beauty and functionality of your homepage. Animations can be found online, but it is also best to make them yourself. The most commonly used GIF format can be produced with Ulead's GigAnimator software. Flash animation is currently popular. More Changes, smaller size, the disadvantage is that the browser on some computers does not have Flash browsing software installed by default, and some computer users cannot see Flash. There are many free Javascripts available on the Internet. Like pictures, I recommend not to put too many animations and special effects on each page.

8. After the web page is basically built, you can go online to find free homepage space, based on the speed of the host, the size of the space provided, whether it has basic CGI functions, and whether the domain name provided is simple and easy to remember. The so-called CGI refers to the host server. For programs, you can generally apply for free counters, message boards, etc. Find websites that are fast, have large home page storage space, and have simple domain names to store your web pages.

9． The next step is to upload the web page to the server you applied for. You will know the specific upload method when you apply for home page space. You can use the software you use to create the web page. I personally recommend using CuteFTPPro to upload. This software is powerful and simple. Easy to use.

10． OK, now that your website has been established, you can notify your friends to browse it, and print your personal website on your business card. Do you still want to promote your website? Then you can go to major search websites to log in to your new site, such as Yahoo, Sohu, Sina and other well-known websites. You can also apply for friendly links with other websites, and apply for advertising exchanges at some websites that provide link exchanges, such as Tai Chi Chain, Cool Station, etc. When doing this step, you need to make two advertising images of 468X60 and 88X31 sizes. The animation is best, and the storage size should be controlled below 10k.

11. If you still want to make some small money from your website, you can go to some commercial websites to apply for advertising links and advertise for them. Generally, the money is calculated based on the number of clicks from your web page to their web page.

12． Finally, I would like to remind all future Internet owners that your website must not put content that is obviously in conflict with domestic politics. This is a matter of great importance and should not be trivial. Otherwise, it will be a trivial matter for the website to be shut down, and you may be jailed. In addition, website content related to sex can greatly increase the number of views, but do not put pornographic content. Although the nature of the website is not as good as reactionary content, there are still problems. It is recommended to play around the edges and provide some sex education and knowledge. The content of erotic 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 online world, websites are also a hot spot of people's attention: the government uses the website to promote its policy agenda and has increasingly become a direct line for communication with the people; companies use the website to promote their image and tap unlimited business opportunities; individuals use the website to display Personality and style create a bridge of communication between each other. More and more people want to have a website and open up a world in the online world. How to design an excellent website? Regarding this issue, people have discussed a lot, and there is a lot that can be discussed. In addition, with the rapid development of network technology, it is difficult to come up with an absolutely authoritative and correct design idea. The author is not talented and based on his own design experience

Meeting, and summarized the following basic design ideas:

1. Positioning 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 when designing the website. Website themes are all kinds of weird and dazzling. As long as you can think of it, you can create it. The following are the ten categories of the top 100 well-known websites in the United States ranked in 1999 by PCMagazine:

Category 1: Online job hunting

No. Category 2: Online chat/instant messaging/ICQ

Category 3: online community/discussion/mailing list

Category 4: Computer technology

No. 5 Category: Web/Website Development

Category 6: Entertainment Website

Category 7: Travel

Category 8: Reference/Information

Category 10: Lifestyle/Fashion

Each major category can be further subdivided, for example, entertainment is divided into sports/movies/ Music and other subcategories, music can be divided into MP3, VQF, Ra, etc. according to the format, and divided into classical, modern, rock, etc. according to the form of expression. At the same time, the connection and cross-combination of various themes can produce new themes, such as travel forums (travel + discussion), classic goal broadcasts (football + film and television), divided in this way, there can be thousands of themes. With so many themes, how to choose? The principles to be followed are as follows:

1. The topic should be small and precise.

The positioning should be small and the content should be precise. If you want to make an all-inclusive website and put all the things you think are wonderful on it, it will often backfire. It will give people the feeling that there is no theme, no characteristics, everything is there, but everything is superficial, because you It is impossible to have that much energy to maintain it. The biggest feature of the website is that it is new and fast. Currently, the most popular personal homepages are updated every day or even every few hours. The latest survey results also show that theme sites on the Internet are more popular than Wanquan sites, just like specialty stores and department stores. If I need to buy something in a certain area, I will definitely choose a specialty store.

2. The subject matter should preferably be something you are good at or like.

For example: if you are good at programming, you can set up a website for programming enthusiasts; if you are interested in football, you can report on the latest news. The battle situation, star dynamics, etc. This way you won't feel bored or overwhelmed when making it.

Interest is the driving force for making a website. Without passion, it is difficult to design and make an excellent website.

3. Don’t use too many themes or too high goals.

Too excessive refers to topics that can be seen everywhere and that everyone has; such as software downloads and free information. Aiming too high means that there are already very good and well-known sites on this subject, and it will be difficult for you to surpass them.

After the theme has been determined, you can give the website a name based on the theme. The website name is also a part of the website design, and it is a very critical element. From your point of view, the computer study room and the computer home are obviously the latter concise; the latter is obviously the Midi Park and the MIDI Park is clear; the children's world and the Chinese kindergarten are obviously the latter grand. We all know that the Chinese name of PIII is Pentium. If it were changed to Pentium, it might not be as popular as it is today. Just like in real life, whether the website name is upright, loud, and easy to remember also has a great impact on the website's image and promotion. My suggestions are:

1. The name must be correct.

In fact, it means it must be legal, reasonable, and affectionate. Do not use reactionary, pornographic, superstitious, nouns or sentences that endanger social security.

2. The name should be easy to remember

It is best to use a Chinese name instead of an English or mixed Chinese and English name. In addition, the number of characters in the website name should be controlled within six characters (preferably four characters), and idioms can also be used for four characters. The small number of words also has the advantage of being suitable for link layout on other sites.

3. The name must be distinctive

A plain name is acceptable. If it can reflect a certain connotation and give the viewer more visual impact and spatial imagination, it is considered top quality. For example: music avant-garde, web page Taoba, e-book space and time, etc. While reflecting the theme of the website, it can also highlight its features.

2. Position the CI image of the website

The so-called CI (corporateidentity) means to unify the image of the enterprise through vision. An outstanding website, like a physical company, requires overall image packaging and design. Accurate and creative CI design has a multiplier effect on website promotion. The specific method is:

1. Design the logo of the website (logo)

Just like a trademark, the logo is a concentrated expression of the characteristics and connotation of your site. When you see the logo, everyone will think of it. Start your site. The design creativity of the logo comes from the name and content of your website:

(1) The website has representative characters, animals, flowers and plants, etc. You can use them as design blueprints to cartoonize and artistically transform them, for example Disney’s Mickey Mouse, Sohu’s cartoon fox, etc.

(2) If the website is professional, it can use items representative of the profession as its logo. For example, the copper plate logo of the Bank of China, the steering wheel logo of Mercedes-Benz, etc.

(3) The most common and simplest way is to use the English name of your website as a logo. You can easily create your own logo using different fonts, variations of letters, and combinations of letters.

2. Design the standard color of the website

The first impression of the website comes from the visual impact. Determining the standard color of the website is a very important step. Different color combinations produce different effects and may affect the emotions of visitors. Let’s take a practical example to understand: IBM’s dark blue, KFC’s red bar, and the red, blue, yellow, and green blocks on the Windows logo all make us feel very appropriate and harmonious. Standard colors refer to colors that can reflect the image and extended connotation of the website. Generally speaking, there should be no more than 3 standard colors for a website. Too many colors will be dazzling. Standard colors should be used for the website’s logo, title, main menu and main color blocks. Gives a sense of overall unity. As for other colors, they can also be used, but only as embellishments and foils, and must not overwhelm the others. The colors suitable for the standard colors of web pages are: blue, yellow/orange, black/grey/white three series of colors. Pay attention to the reasonable matching of colors.

3. Standard fonts for designing websites

Same as standard colors, standard fonts refer to unique fonts used for logos, titles, and main menus. Generally, the default font for our web pages is Song Dynasty. In order to reflect the uniqueness and unique style of the site, we can choose some special fonts as needed. For example, to show professionalism, you can use rough imitation Song font, to show exquisite design, you can use advertising font, to show friendliness and casualness, you can use handwritten font, etc.

4. Design the slogan of the website

It can also be said to be the spirit and goal of the website. Use one sentence or even one word to summarize it at a high level. Similar to advertising slogans in real life. For example: Magpie's Nest tastes great; Maxwell's goodies are shared with good friends; Intel's gives you a racing heart, etc.

3. Determine the columns of the website

Building a website is like writing an article. You must first draw up an outline so that the article can have a clear theme and clear levels. If the website structure is not clear, the directory is complex, and the content is scattered here and there. As a result, not only are visitors confused, but it is also very difficult to expand and maintain the website by yourself. After the theme of the website has been determined, and a lot of relevant information has been collected and organized, how to organize the content to attract netizens to browse the website? The essence of the column is an outline index of a website. The index should clearly display the main body of the website. General website column arrangement should pay attention to the following aspects:

1. Keep it close to the theme

Category your themes in a certain way and use them as the main columns of the website. The number of subject columns should account for an absolute advantage in the total columns. Such a website looks professional and has outstanding themes, which can easily leave a deep impression on people.

2. Set up a recently updated or website guide column

The purpose of setting up a recently updated column is to take care of frequent visitors and make your homepage more user-friendly. If the homepage content is large and multi-layered, and there is no on-site search engine, setting up a site guide column can help first-time visitors quickly find the content they want.

3. Set up columns that allow for two-way communication

For example, forums, guestbooks, mailing lists, etc., which allow viewers to leave their information.

4. Set up a download or FAQ section

The characteristic of the Internet is information sharing. For example, set up a data download section on your homepage to facilitate visitors to download the required data. In addition, if the site often receives letters from netizens about certain issues, it is best to set up a column to answer frequently asked questions, which will not only facilitate netizens, but also save yourself more time.

4. Determine the directory structure of the website

The directory of the website refers to the directory created when you build the website. For example: When using frontpage98 to create a website, the root directory and the images (storing pictures) subdirectory are created by default. The quality of the directory structure does not have much impact on the viewer, but it has an important impact on the upload and maintenance of the site itself, as well as the future expansion and transplantation of content. The following are some suggestions for establishing a directory structure:

1. Do not store all files in the root directory, which will cause confusion in file management

You often cannot figure out which files need to be edited. and updates, which useless files can be deleted and which are related files that affect work efficiency. Also, the upload speed is slow. The server generally creates a file index for the root directory. When you place all files in the root directory, even if you only upload and update one file, the server needs to retrieve all files again and create a new index file. Obviously, the larger the file size, the longer the waiting time will be. Therefore, reduce the number of files stored in the root directory as much as possible.

2. Create subdirectories according to column content

To create a subdirectory, first create it according to the main menu column. For example: Enterprise sites can establish corresponding directories by company, product introduction, price, online order, feedback contact, etc. Other secondary columns, similar to whatsnew, have a lot of friendly link content, and independent subdirectories can be established if they need to be updated frequently. Some columns that are highly relevant and do not need to be updated frequently, such as: about this site, about the webmaster, site experience, etc. can be merged and placed in a unified directory. All programs are generally stored in specific directories. For example: CGI programs are placed in the cgi-bin directory. It is also best to put all the content that needs to be downloaded in one directory.

3. Create an independent images directory under each main column directory

It is most convenient to create an independent images directory for each main column. The images directory in the root directory is only used to store pictures on the homepage and some secondary columns.

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

It is recommended that the level of the directory should not exceed 3 levels for easy maintenance and management.

5. Do not use Chinese directories

6. Do not use too long directories

5. Determine the link structure of the website

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

1. Tree link structure

Similar to a DOS directory structure, the home page link points to the first-level page, and the first-level page link points to the second level page. level page. When browsing such a link structure, you enter one level and exit one level. The advantage is that it is clearly organized and visitors know exactly where they are and will not get lost. The disadvantage is that browsing efficiency is low. From the subpages under one column to the subpages under another column, you must go around the homepage.

2. Star link structure

Similar to the links of a network server, each page has links to each other. 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, which can easily make viewers get lost and confused about where they are and how much content they have read.

These two basic structures are only ideal methods. In actual website design, these two structures are always mixed and used to achieve more ideal results. A better solution is: use a star link structure between the homepage and the first-level pages, and use a tree link structure between the first-level and lower-level pages.

6. Design the overall style of the website

Style (style) is abstract and refers to the comprehensive feeling that the overall image of the site gives to the viewer. This overall image includes the site's CI (logo, color, font, slogan), layout, browsing method, interactivity, text, 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 the different feelings that websites leave people

.

Style is unique and is what makes the site different from other sites. Or the color, or the technology, or the interaction method, can make the viewer clearly distinguish that this is unique to your website. For example, the black and white of New Century Network and the unique frame of NetEase Wallpaper website. Even if you only see one page, you can still tell which website it is from.

Style is human. The personality and mood of a site can be summarized through its appearance, content, text, and communication. It is gentle and elegant, it is persistent and enthusiastic, it is lively and changeable, it is laissez-faire. Like the bold and graceful styles in poetry, you can use human character to describe the site. How to establish the 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 an embroidered pillow with a bag of straw. Like a person who is arrogant but illiterate. You must first ensure the quality and value of the content, which is the most basic.

2. You need to thoroughly understand what impression you want the site to give people.

You can clarify your ideas from these aspects:

a. If Use only one sentence to describe your site. It should be: ()

Reference answer: creative, professional, (technical) strength, aesthetic, and impactful

b .Thinking of your website, the colors that come to mind are: ()

Reference answers: passionate red, fantasy sky blue, smart golden yellow

c.Thinking of your The picture that can be associated with the website is: ()

Reference answer: a morning newspaper, a Ferrari sports car, a crowded square, a grocery store

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

Reference answer: a mature-minded middle-aged man, a wild and unrestrained cowboy, a confident and honest entrepreneur

e. As a webmaster , the impression you want to give people is: ()

Reference answer: dedicated, serious, deep, responsible, innocent, straightforward, lady

f. Use an animal to Metaphorically, your website most resembles: ()

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

g. Viewers think that the difference between you and other websites is: ()

Reference answer: trustworthy, fastest information, easy communication,

h. Viewers communicate and cooperate with you My feelings are: ()

Reference answers: teachers and students, colleagues, friends, elders and children.

You can fill in an answer yourself first, and then let other netizens fill in the answers. The comparison results will tell you: the current gaps, weaknesses and areas for improvement on your website.

3. After clarifying your website impression, start working hard to establish and strengthen this impression

After the second step of quantifying the impression, you need to further find out the most distinctive features. The characteristic things are the things that best reflect the style of the website. And use it as a feature of the website to focus on strengthening and promoting it. The following methods can be used as a reference:

(1) Place your logo on every page as much as possible. Or header, or footer, or background.

(2) Highlight your standard colors. The link color of the text, the main color of the picture, the background color, the border and other colors should be consistent with the standard color as much as possible.

(3) Highlight your standard fonts. Use unified standard fonts in key titles, menus, and images.

(4) Think of a catchy promotional slogan. Put it in your banner, or put it in a prominent location to tell everyone what your website's features are...

(5) Use a unified tone and person. Even if multiple people work together to maintain it, readers must feel that it was written by the same person.

(6) Use unified image processing effects. For example, the direction, thickness, and blur of the shadow effect must be the same.

(7) Create a symbol or icon unique to your site.

(8) Use lace, lines, and dots of your own design.

(9) Show your website’s honors and successful works.

(10) Tell netizens your true stories and thoughts. The formation of style is not determined once and for all, you can continuously strengthen, adjust, and modify it in practice. mgy wants to adopt my

What are the general pixels and sizes of web design?

When designing web pages, the common widths are pixels: +, 1920, 1600, 1440, 1280, 1140, 960, 768, 640, 320, -960px is basically the current mainstream page width—— It allows 1024x768 resolution to use as much width as possible without horizontal scroll bars when maximizing the browser window.

And when the desktop resolution gradually transitioned from 1024x768 to a higher resolution, the iPad2 happened to catch up - although it cannot obtain the best interactive experience, the 960px page is just enough to be displayed on the tablet. visual compatibility.

What size should the images on the website be saved at?

Method/steps

Size of baby pictures on the mobile phone:

When we edit the content on the mobile phone, the main picture on the mobile phone is the same as the main picture on the computer** *used.

The pictures edited and uploaded on the mobile phone will be used as detailed pictures of the baby, and the system also has standards.

(The width is between 480-620 and the height is less than or equal to 960)

This is easy to adapt to mobile phones and pads for screen browsing.

In fact, the pictures on the mobile phone do not need to be cropped separately. As long as the pictures on the computer side are uploaded to Taobao Space, a certain proportion of the size can be obtained from Taobao Space. Each picture in Taobao space has reference links of different sizes. Or just plug it in directly.

Check the effect of the main image on the mobile phone after publishing.

What is the general resolution for making web page images?

1. When the screen resolution was low (640x480), this was around 2000. The common browser had this resolution, but it has been eliminated.

2. The resolution is 1024x768, which is very popular. In actual design, the design value of 760 pixels in PHOTOSHOP width is the most suitable.

3. With the advent of the widescreen era, 1024 has gradually been eliminated. Now is the era of large screens. Basically, from the perspective of designing web pages, in PHOTOSHOP, the width is 960 Pixel is most suitable.

4. With more and more browsing tools nowadays, including mobile phones, IPAD, etc., adaptive web design functions have appeared, which require HTML5 and DIV+CSS code calls

What are the web page layout methods?

1. Static layout

In traditional web design, the size of all elements on the web page is px.

1. Layout Features

Regardless of the exact size of the browser, the layout of the page is always the same as when the code was first written. Regular PC sites are statically laid out with a minimum width, so if the width is less than this value, scrollbars are shown, if the width is greater than this value, the content is centered and the background is shown. This design is very common on PCs.

2. Design method

PC: Center layout, all styles use absolute width/height (px), design a layout where the width and height of the screen have been adjusted, use horizontal and Vertical scroll bar to check coverage section; Mobile devices: Build a separate mobile website, design a separate layout, and use a different domain name such as wap. Or m.

Pros: This layout is the simplest for both designers and CSS authors, and has no compatibility issues.

Disadvantages: Obviously you can't change the user's screen size. At present, most portal websites and most corporate PC advertising websites adopt this layout. Fixed pixel size web pages are the easiest way to match a fixed pixel size display. However, this approach is not a fully compatible way to create future web pages. We need some way to adapt to unknown devices.

2. Fluid layout

The characteristic of liquid layout (also called "fluid") is that the width of page elements adjusts according to the screen resolution, but the overall layout remains unchanged. Representative fence system (grid system). For example, set the width of the main web page body to 80 and the minimum width to 960px. Images are treated similarly (width: 100%, max-width is usually set to the size of the image itself to prevent distortion due to stretching).

What is the size of the homepage of a generally designed corporate website? I think 1005px* is the best height?

The width of the website is currently 960px. As for the height, it is mostly determined according to the content of the website. That is to say, the height is generally not defined. Personally, the width should not exceed 1000px. Because frequently turning your eyes left and right will make people feel tired.