Personal website production and blog building Skills

Source: Internet
Author: User
Tags ftp ftp client dreamweaver

When the internet started in China, personal websites introduced the interconnected life. For a time, the production of excellent personal website has become the Internet users of the "ultimate goal." Because of the relatively simple function of the relevant software, Chinese resources are scarce, the relevant information is very few, many people are "" "groping to make their own first personal website. The author is one of the members ...

  a complex approach

In the era of hand-made personal web site, we can sum up the site production steps are basically: design, cutting, code generation, release. Before this, we should plan the structure of the site, including the number of pages, column settings.

  1. Design

The overall layout of the page, including style, layout and so on. Site production to have the overall style, the various parts to maintain coordination, the entire page does not look messy. Then use the graphic design software to make the entire page, commonly used software Adobe Photoshop, CorelDraw, Macromedia Fireworks and so on. Photoshop is the graphic design of the Montana, the author has been using it to do page design, it began with the 6.0 version of the special enhancement of the support of Web page production, it is very convenient. Now popular fireworks is the Macromedia Web page production of the Three Musketeers hand, because it and Dreamweaver and flash seamless integration, more and more by the website producers welcome.

 2. Cutting

After the 1th step, all we got was a picture file and no elements to integrate on the page. The next step is to cut the picture to a small image according to the production requirement. The cutting feature is already integrated into the two design software mentioned above (such as the slicing tools provided in Photoshop) and does not require specialized software to process.

  3. Code Generation

This is the most important part of the whole production process. We're going to use the HTML language to "assemble" the cut components into the overall design. As we all know, HTML language is a markup language and can be executed directly in the browser without compiling it. So theoretically, we can use Notepad and other text editing tools to write code. Handwriting code, while considered a "cool" behavior, is time-consuming and difficult to control precisely. At this point, the specialized HTML editing software appeared.

HTML editing software can be divided into two categories: one is code type, typical representative is homesite, hotdog, etc., and the other is the WYSIWYG type, typically represented as FrontPage. There is also a combination of both, is the famous Macromedia Dreamweaver. The code type is actually a text editor, and the difference is that it can have a special code hints function, it is more convenient to use. What you see is what you are most admired at the moment, because visual editing basically discards the code and makes it quick and easy.

Speaking of Dreamweaver, I do not introduce more, I believe most of the Web site producers use it at work. Dreamweaver provides code-writing patterns and Design patterns (WYSIWYG) and, for the first time, introduces "layer" concepts to web authoring. Dreamweaver can almost meet everyone's needs, and even provides code hints for scripting languages such as ASP and PHP.

  4. Publish

Put the prepared pages on the server so that more people can browse. Publishing usually uses FTP to upload files to the server. The current web-making tools are basically publishing tools that can publish your pages in a variety of ways, such as the site manager in Dreamweaver. Users can also use the FTP client software for this step.

Total 2 page: previous 1 [2] Next page



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.