Reasonable use of new technology: if it is not a professional website for introducing network technology, new Website production Technology is present almost every day. We must make rational use of the new technology of web page production. We must never turn the website into a technical booth for making web pages. Always remember that it is the most important for users to get the information they need conveniently and quickly. For website designers, we must learn to track and master the new technology of web page design, such as JavaDHTMLXML, and apply it to the design reasonably according to the needs of the content and form of the website.
1 Planning and sketch
Will create, 1.1 The process of all websites and other design works starts from planning, which is the best place to reflect your talent and creativity. The biggest difference between man and other animals is that he can think. And only this is valuable! It is necessary to complete the most critical planning part of a website before opening the PS or FW manufacturing interface, which will directly affect
Not only is it beautiful, but also the success or failure of this website. An excellent website. And it should be easy to browse, readable, concise and lively!
Color, website style. The format, layout, columns and even every small icon should be carefully considered. The style depends on the visitors and readers' professional background, cultural level and cultivation preferences of the website you are working on. Only those who like it can maximize resonance; On the other hand, it depends on the type of company and the preference of enterprise legal person. If you don't want to join your own will, the above points have established the general direction of the website!
So I use the simple style. 1.2 This website is a commercial website oriented to enterprises. Bright and bright colors and styles. As long as you learn plane composition and color composition, you will know how to arrange each element and content according to its style, and what color to use to create the effect you want to express. Large area neutral colors are not dazzling, including warm, cold, light and dark. The important guiding sight can be played by bright colors, It is human nature to like warm colors in winter and cool colors in summer. The reason for choosing blue, which gives people trust and technology, is that it is easy for food websites to favor colors that promote appetite, such as orange and yellow!
1.3 Divide the columns according to the simple and scientific classification principle: Narrow notice of the customer center on the home page introduces rare problems of the cooperative media Media reports about me
It affects the adjustment of the framework. If the columns are not well divided. The result is: start again depressed?
Therefore, we need to localize. This website is mainly for Weifang enterprises. It makes people feel kind to see it, and it should be done beautifully, nonsense!!
Be specific. 1.4 When you finish the above, please take up your pen and draw a sketch on the paper according to your creativity and imagination. It's better to be fine to every shadow and stroke! This step is critical!
LOGO advertising language, 1.5 At the end of this section is the materials needed to prepare the website, including icons. Content introduction and so on are the most basic!
2 Design and manufacture
This is my favorite because I'm used to it^^ In 2.1, if the sketch has been drawn perfectly, you can open PS or FW to start making and designing my interface. Although PS is not as efficient and professional as FW, it is more flexible and free. The usual practice and study come in handy here! ha-ha!
You can also use your own unique method. 2.2 You can first frame the new 778 * 600 page and then use the method of gradual refinement. For example, transparent glass crystal buttons and other effects to create a special style, to strive for simplicity and refinement! Don't miss every detail. Even the shadow of 1 * 15% transparency will add color to your page. Don't think others can't see it!
This can facilitate classification and editing. 2.3 It is better to form the habit of layering. Don't put hundreds of layers in the next level and make a mess.
So please develop the habit of classifying and naming each layer. As an excellent designer, you should be organized. This is not a waste of your time!
3 Cutting and exporting
The cutting principle is the same. Please follow the following aspects, whether PS or FW, or even AI
For example, the national type or T-type, 3.1 should first be cut according to the approximate frame. Pay attention to its integrity
3.2 The text area, large color block or separate picture to be input and flash animation shall be cut into slices in non picture format for insertion
If there is a pattern, it should be ensured that it can be arranged repeatedly. 3.3 Pay attention to the flexible cutting of areas that need a long time for adding content.
Do not leave a pixel gap in a row or column blank. 3.4 Cut carefully and carefully. To zoom in so that slices are aligned without gaps
And create slices that need to change the appearance of the picture. 3.5 Other automatically generated slices such as buttons and blanks.
Select the command to save the file as a WEB page. After cutting. Export to HTML file for DW editing.
4 Editing and template
The large table is centered, and the exported HTML file is opened in 4.1DW to start editing. Set the background, modify the blank and enter the cell background of the area as the original cut picture, etc
Including the most basic TD and ALINK tags, 4.2 adds CSS style to the edited file. Then save it as a template DWT file, and ^+alt+v create a new editable region
4.3 Create new pages through templates and add corresponding content
5 Animation and Advertising
Using the corresponding text content and advertising language, 5.1 makes FL animated advertising strips according to the size of the original slice. New file in FL
Typesetting and converting to component 578 * 105.2 Copy and paste advertising words into the scene. four
After debugging the rhythm, release it to SWF file 5.3 to add the corresponding background and animation.
Other pages will automatically update the template pages pulled out to the DW in 5.4 and save them after resizing.
6 Link and upload
In this step, you can also complete 6.1 to reset the navigation link of the template page in Section IV.
Make sure that the link can normally access 6.2. Open the home page and check the link and text content until there is no error.
After the successful domain name resolution, browse the online effect in the browser and upload it to the application space in the corresponding later dimension 6.3.
Choose the right keywords for web page optimization
At the same time, it is also a problem that most people tend to ignore. People often think of a few keywords casually. How to select keywords is one of the most important methods in web page optimization. Use it in web pages, and then submit these pages to search engines, hoping to get a good ranking. But I don't know that this action usually won't bring you the ideal effect
Take some time to figure out which target keywords or key phrases are needed. Search engine is absolutely an important access source channel before optimizing the web page. But it must take some time to make full use of its advantages.
Don't rush for success. Sit down and first avoid radicalism. Open your favorite text editing tool software, open your web page in another window, read your web page from beginning to end, and then stop to think about the following questions:
What is the web page about?
Which words in the text can accurately describe the content of the entire web page?
What keywords might be used when someone looks up similar information on a search engine.?
Record the words or phrases you think of immediately when you find the answer. Then select the keywords that are most suitable for you. The practice is to select 1-2 moderately popular keywords from the keyword list (because too popular keywords are often not easy to get good rankings) and focus on optimizing the web page based on this keyword. At the same time, some less popular keywords are also used in the web page, so that when searching with these uncommon keywords, the web page can also appear in the results.
Optimize every page of your website. Be careful to create a unique keyword list for each page. The keyword list on different pages cannot form a "competition" relationship. Repeat the above method. Instead, they should have their own priorities. However, this does not mean that the keyword list of each page must be completely different, and there are some similarities between the keyword lists. However, it is important to note that the keyword lists cannot be 100% identical, because it is better to get good rankings in 20 search engines than in a single search engine.
But it may include some extremely popular words. Now there is a complete list of keywords. For example, "MP3 book" or "Comput". The next thing to do is to break up these popular words. It sounds a bit cruel, but if you are a beginner, it is impossible to get a good ranking on these keywords, even if you are a search engine login expert (most experts) They also try to avoid these keywords, because it is so popular that countless websites are competing with it as a target keyword. Even if you have excellent web page optimization skills, it is impossible to ensure that you can rank high, so you need to specify these keywords.
But compared with the original keywords, it is much easier. Anyway, think about the deformation forms of the above keywords. If you were going to use "book", how about "buiusbookonlin" or "antiqubookstor"? It's not easy to get a good ranking under these phrases. It's better to rank one medium popular keyword in the top 10 of search engines than to rank one popular keyword in the top 500.
Maybe I plan to use it to optimize the web page. But the use of misspelled keywords usually affects the authority of the website. Will you buy products from a business that even writes its own product name incorrectly? I don't think so. Therefore, be careful when using misspelled words. If a word related to your website content is often misspelled.
Main principles of commercial website design
It is impossible to talk about e-commerce without leaving the website (or just using a third-party website). The website of an enterprise is called "network trademark", which is also a part of the intangible assets of an enterprise. The website is an important window to publicize and reflect the corporate image and culture on Internet. Enterprise website design is extremely important. Here are some principles that should be paid attention to in website design. Website is a way for enterprises to provide information (including products and services) to users and netizens, and an infrastructure and information platform for enterprises to carry out e-commerce.
1、 Clarify the goal and user needs of the website
Therefore, it is necessary to clarify the purpose of the design site and user needs. Web site design is an important way to show the corporate image, introduce products and services, and reflect the corporate development strategy. So as to make a practical design plan. Comprehensive analysis should be carried out according to the needs of consumers, market conditions, and the situation of the enterprise itself, keeping in mind that the design planning should focus on "customer" rather than "art". At the beginning of the design planning, the same consideration should be given to: what is the purpose of building a website? Who can provide services and products? What products and services can the enterprise provide? What are the characteristics of the target consumers and audience of the website? What kind of representation (style) is suitable for enterprise products and services?
2、 The overall design scheme has a distinct theme
Complete the idea and creativity of the website, that is, the overall design scheme. The overall style and characteristics of the website should be positioned on the basis of a clear goal. Plan the organizational structure of the website. Web sites should have different forms for different objects (institutions or people) they serve. Some sites only provide simple text information; Some use multimedia presentation, providing gorgeous images, flashing lights, complex page arrangements, and even downloading sound and video clips. A good Web site combines graphical representation with effective organization and communication. The theme should be distinct and prominent, the key points should be clear, and the theme of the site should be reflected in simple and clear language and pictures. Mobilize all means to fully express the personality and interest of the website, and create the characteristics of the website. The main page of a website should have the following basic elements: header: accurately identify your site and corporate logo; Email address: used to receive user inquiries; Contact information: such as ordinary mail address or telephone number; Copyright information: declare the copyright owner, etc. Pay attention to reusing existing information. For example, customer manuals, public relations documents, technical manuals and databases can be easily used in enterprise websites.
3、 Layout design of website
To pay attention to layout and layout, web design as a visual language. Although the design of the homepage is not the same as graphic design, it has many similarities, which should be fully utilized and used for reference. The layout design expresses harmony and beauty through the spatial combination of words and graphics. A good web designer should also know where a paragraph of text and graphics should fall in order to make the whole web page brilliant. The layout design of multi page site pages requires to reflect the organic relationship between pages, especially the relationship between order and content between pages and within pages. In order to achieve the best visual presentation effect, we should pay attention to the rationality of the overall layout, so that visitors can have a smooth visual experience.
4、 The Role of Color in Web Design
According to the principles of harmony, balance and emphasis, color is one of the elements of artistic expression. Web design in progress. Combine different colors to form a beautiful page. According to the influence of color on people's psychology, use it reasonably. According to the principle of color memory, generally warm colors have stronger memory than cold colors; Color also has associative and symbolic substances, such as red, which symbolizes blood and the sun; Blue symbolizes the sea, sky and water. Therefore, the design of a virtual store selling cold food should use elegant and quiet colors to make people feel cooler psychologically. There is no limit on the number of colors used in web pages, but we should not use multiple colors without restraint. Generally, we should first determine one or two main colors according to the requirements of the overall style, and CIS corporate image recognition system should be available.
Another problem we should pay attention to is that due to the differences between countries, races, religions and beliefs, color is used in the process. As well as the geographical location of life and the differences in cultural accomplishment, different people have great differences in their likes and dislikes of color. For example, children like pure colors with strong contrast and distinctive personality; People living on the grassland like red; People living in downtown areas like elegant colors; People living in the desert like green. The background and composition of the main audience should be considered in the design.
5、 Unification of web page form and content
The formal language must conform to the content of the page and organize the rich meanings and diverse forms into a unified page structure. Reflect the rich meaning of the content. By means of contrast and harmony, symmetry and balance, rhythm and rhythm, and blank space, the overall balance state is established through the interrelationship among space, words, and graphics to create a harmonious aesthetic feeling. For example, the principle of symmetry in page design, balance sometimes makes the page appear rigid, but if you add some dynamic words, patterns, or use exaggeration to express the content, it will often achieve better results. As the basic elements of visual language, dots, lines and planes should cross, set off and complement each other to form the best page effect. The use of dot, line and plane in web design is not isolated. Many times, it needs to be combined to express the perfect design mood.
6、 The composition of three-dimensional space and virtual reality
This spatial relationship needs to be expressed with the help of dynamic and static changes, the proportion relationship of images and other spatial factors. In the page, the three-dimensional space on the network is an imaginary space. The visual effect produced by the superposition of pictures and text positions, or the change of page position, is different. At present, the space level formed by the overlapping of pictures and words is rare. There are more standardized and concise pages on the Internet. This kind of overlapping arrangement can produce strong rhythmic space level and strong visual effect. The spatial relationship generated by the common position of the page top, bottom, left, right and center, and the spatial hierarchy generated by the dense position relationship on the web page make the spatial hierarchy generated flexible, and also make people feel relaxed or urgent. Now people are no longer satisfied with two-dimensional Web pages compiled in HTML language, and the temptation of three-dimensional world begins to attract more people. Virtual reality needs to show its charming style on the Web, so VRML language presents VRML, an object-oriented language, similar to the HTML language used by Web hyperlinks, is also a text-based language, and can run on multiple platforms, It can only serve the virtual reality environment more.
7、 Use of multimedia functions
The content of the page can be represented by 3D animation, FLASH, etc. However, it should be noted that one of the advantages of network resources is the multimedia function. To attract the attention of visitors. Due to the limitation of network bandwidth, the transmission speed of the client should be considered when using multimedia to represent the content of the web page.
8、 Website testing and improvement
To identify problems and improve design. Pay attention to let users participate in website testing. The test actually simulates the process of users asking about the website.
9、 Content update and communication
Keep updating your content. The site information is updated from time to time after the establishment of the enterprise website. Let visitors understand the development trend of the enterprise and online positions, and at the same time help the enterprise to establish a good image. On the enterprise's Web site, we should carefully respond to users' e-mail and traditional contact methods such as letters, telephone inquiries and faxes, and answer all questions. It is better to classify the users' intentions, such as general understanding before sales, after-sales service, etc., which should be handled by the relevant departments. Visitors to the user station feel the real existence of the enterprise and thus have a sense of trust. Don't promise that you can't achieve anything. Don't ask users to input information or list a lot of phone numbers that you can't reply to in time before you really have the ability to handle replies. If visitors are required to voluntarily provide their personal information, they should publish and earnestly fulfill their personal privacy commitment.
This article was published by Beijing Website Construction Company Shangpin China //ihucc.com/
