Website construction-Webpage Design and Production

Website construction is a System Project (such as content planning, art design, software and hardware system structure design, programming, database structure design, and website optimization and promotion ),

Web design is only part of website construction

Website construction-software used for website construction:
Photoshop (used in website design)
Dreamweaver)
Fireworks)
Flash (website animation)
FTP upload software (after the website is created and uploaded to the server, I use cuteftppro)

Basically, this is the software used to build a website. Of course, some people will use it or other design software. New users do not need to know it.

Case: www.web136.cn

The first step is to use Photoshop/fireworks as a website design draft (the image form of the website you see)
Note:
Colors the basic colors used by the entire website must be between 3-5 and not gradient. Color Matching should also be reasonable.
Find a well-designed webpage or flat design image for the novice solution, and then suck the color from it to achieve color matching.
Resolution: width and height of a webpage
In the past, when the computer was 800*600, it would subtract 20 browser borders, that is, 780*600. The height can be greater than 550, without affecting the website;
However, what kind of resolution is available for the current display? The higher the screen is, the better the website is. The more atmospheric the screen is. Case: www.web136.cn/al/tskj/
1004*700 for novice solutions (greater than 700)
The proportion of Block areas and content is generally. 3 is what you mainly show to others. 2. Some of your categories and secondary items. 1. Others are not very important.
The new webpage design section should not be too personalized. After you become a veteran, you can learn how to run it. Now you should learn how to walk first,
Generally: top menu bar (with logo, and some menu also with animation) left/right classification navigation (such as: product news classification, recommended products/news, contact information) information bar at the bottom of the content bar (the content you highlighted) (navigation/contact information/copyright)
In addition to the title or advertisement language, the font uses Arial
Basically, you should pay attention to this. The next step is to design and layout your website in Photoshop based on your website content.

Step 2 use fireworks to cut images and animations
Note:
The cropping image can be colored by the background color. If you can use text, do not use an image. If you can use a background image, use a background image of 1 px in width or height or a background image in a unit, do not zoom in at most on the homepage, which affects the website speed. Pay attention to the details of the cut chart.
It is best to add a loading progress bar in front of the animation. If other files are small, they do not need to be added. There are also not too many animation files.

Step 3: create a webpage using Dreamweaver
Notes
Website optimization: the first step is to set the title as follows: "Dongguan website construction _ Dongguan website design _ Dongguan Website planning _ Dongguan ocai.com website construction company ", you can add several keywords to the title. Do not add too many keywords. Other keywords can be added, such as: "website construction, webpage design, album design, pure animated brand website, and Flash Website ", do not add too much. The following is the website Description: "Dongguan ocai.com is one of the most powerful network companies in Dongguan and the most professional website planning experts, we use perfect website construction services to meet customer requirements. We always believe that "We are committed to serving our customers with good faith and creating a perfect professional". ocai.com provides you with first-class website construction and webpage design. Remember the permanent domain name of ocai.com: www.web136.cn "provides a brief introduction to the website to be displayed in Baidu/Google. keywords that cannot be stored in the title and keywords can also be put here, remember not to put too much.

A beginner in Web formatting uses tables for sorting and subsequent use.

To put tables from top to bottom, do not put a large table first and then put other tables in it. A style table is created for text and typographical expressions. The maximum amount of text in the content is 12 PX. The words to be highlighted or other words can be highlighted in bold or other colors.

This part of the program is not much to be said, and it is hard to say that it is difficult for new users to understand. Let's talk about the blind zone of the database. The more advanced the average student is, the better the student will learn MSSQL, in fact, access is enough for many websites. MSSQL is used for large websites or platforms with large data volumes. MSSQL can be used as a development direction, but not as an entry-level student, of course, it is better to use MSSQL for PHP.

Step 4 domain name and Space
Notes
After a space website is created, use ftp to upload the webpage to the specified directory of the space provided by the Space Provider, obtain the IP address of this server, and bind your domain name to the corresponding background.
After a domain name is purchased, it needs to be resolved, that is, to direct your domain name to the IP address of your space. Generally, it is okay to do two steps, for example:
Www.web136.cn points to 115.238.252.17 web136.cn points to 115.238.252.17

In this step, you can enter your website to open your website.

 

 

Gui:

This is a good reference for the csdn Forum:

Http://topic.csdn.net/u/20090628/16/97fb1951-47a3-4996-bb91-f0b96ab3ef90.html? Seed = 1648229767 & R = 58782494 # r_58782494