Current location - Recipe Complete Network - Catering industry - How to make a simple web page, a simple web page design
How to make a simple web page, a simple web page design
How to create a web page?

How to create a web page? Are there any steps to make a complete web page? First, define the theme of the web page.

The influence of web pages is the whole enterprise, so the theme of web page construction must be determined before web page construction. For example, web pages need to be made to promote corporate image, promote corporate products or service-oriented pages. Different requirements correspond to different web themes and different web functions. If you don't want to build a website aimlessly and want to ensure the quality of the webpage, you must do this step well.

Second, design a web interface.

There are thousands of webpages in Qian Qian now, but all good webpages have their own characteristics, which all depend on the webpage design. To design a beautiful and distinctive web interface, we should consider the choice of web style, color matching, module layout and so on.

Three. Making and publishing web pages

All the above are planning work, and the following is the actual operation of web page construction. An easier way is to directly apply existing web templates. Of course, making a web page is not just as simple as building a web page template. Publishing web pages online requires a series of work, such as domain name registration, filing, analysis, and space allocation between web pages.

Fourth, publicize and optimize the webpage.

Especially for new web pages, publicity and optimization are essential. Common methods are advertising, seo to optimize web page ranking and so on.

Is there the simplest web page making software?

First, the rookie-level webpage making software If you are a beginner in webpage making, let the following softwares take you into the colorful webpage making world!

1.MicrosoftFrontPage If you are already familiar with Word, I believe you will be very handy in designing web pages with FrontPage. Only when you make a web page with FrontPage can you truly appreciate the meaning of "powerful and easy to use". Page making is completed by the editor in FrontPage, and its working window consists of three tabs, namely "what you see is what you get" editing page, HTML code editing page and preview page. FrontPage has graphics and GIF animation editors, and supports CGI and CSS. Both wizards and templates can make it easier for beginners to edit web pages. The most powerful function of FrontPage is its site management function. When you update the site on the server, you don't need to create a directory of change files. FrontPage will track files and copy these new versions for you. FrontPage is the only existing software for making web pages. It can not only work on local computers, but also directly work on files on remote servers through the Internet.

2. NetscapeCommunicator and NetscapeNavigatorGold3.0 both have fckeditor. If you like using Netscape browser to surf the Internet, using Netscape editor is really simple and convenient! When you display a webpage with Netscape browser, click the edit button, and Netscape will store the webpage on the hard disk, and then you can start editing. You can also edit text, fonts and column words, change the home page author, title, background color or image, define drawing points, insert links, define document codes, insert images, create tables and so on. Just like FrontPage2000, isn't it? However, Netscape Editor has limited functions for complex web page design, and even does not support form creation and multi-frame creation. Netscape Editor is a good entry tool for beginners to make web pages. If your web page is mainly composed of text and pictures, Netscape Editor will be an easy choice. If you know something about the HTML language, you can use a text editor such as Notepad or UltraEdit to write several HTML statements, which can also make up for some shortcomings of Netscape editor.

3.AdobePagemillPagemill is not powerful, but it is very convenient to use and suitable for beginners to make beautiful, not very complicated homepages. If your homepage needs many frames, tables and ImageMap pictures, then AdobePagemill is really your first choice. Another feature of Pagemill is that it has a clipboard. You can drag and drop as many texts, graphics and tables as you want, and then open them when needed, which is very convenient.

If you use ClarisHomePage software, you can create a dynamic webpage in a few minutes. This is because it has a good tool for creating and editing frames, and you can add new frames without spending too much effort. In addition, ClarisHomePage3.0 integrates the FileMaker database, and the enhanced site management function also allows you to detect the legitimate connection of the page. However, the interface design is too rough and the processing of ImageMap image is incomplete.

Second, intermediate web page making software If you have a certain foundation in web page design and a certain understanding of HTML language, then you can choose the following kinds of software to design your web page, which will definitely add a lot of color to your web page. ①DreamWeaver-made webpage with dynamic HTML animation 1. DreamWeaver is a cool web design software, which includes visual editing and HTML code editing packages, supports ActiveX, JavaScript, Java, Flash, ShockWave and other features, and can also make dynamic HTML animation by dragging from beginning to end. Support the design of dynamic HTML, so that the page can display animation correctly in Netscape and IE4.0 browsers without plug-ins. At the same time, it also provides the function of automatically updating page information. DreamWeaver also adopts the RoundtripHTML technology. This technology enables web pages to be freely converted between DreamWeaver and HTML code editor, and the syntax and structure of HTML remain unchanged. In this way, professional designers can fully enjoy the benefits of visual editing without changing their original editing habits. DreamWeaver's most challenging and important thing is its open design, which makes it easy for anyone to expand its functions.

2.Fireworks, the first software designed entirely for web page makers, came from many sources, and its appearance revolutionized web page drawing. Fireworks is specially designed and developed for the network image, and it has built-in rich functions to support network publishing, for example, Fireworks can automatically crop pictures and generate javascript with dynamic mouse response. And Fireworks has a very powerful animation function and a nearly perfect network image generator (export function). It strengthens the connection with dreamweaver, and can directly generate dreamweaver's Libaray or even export to CSS-style web pages and pictures!

3.Flash makes your web page move. Flash is a dynamic interactive shock wave used on the Internet. Its advantage is that it is small in size and can be downloaded and played at the same time, avoiding users waiting for a long time. #{6FLASH6}# You can use it to generate animations and add sounds to web pages. In this way, you can generate multimedia graphics and interfaces, but the file size is very small. FLASH can't be programmed like a language, but you can also make a highly interactive home page by combining its built-in statements with JavaScripe. Someone once said: Network designers in the next century will not use FLASH and will be eliminated! I believe this sentence is true!

4.HotDogProfessional uses various complex technologies to make web pages. HotDog is an early code-based web design tool. Its most distinctive feature is that it provides many wizard tools to help designers make complex parts of the page. HotDog's advanced HTML supports the insertion of marquee, which can be viewed at normal speed in preview mode. This is very rare, because even Microsoft, which created this label, did not provide such a function in FrontPage. HotDog supports plug-ins far more than other products, and the dialog box it provides allows you to manually select different options for files with different formats. But it is not very convenient to deal with China people. HotDog is a powerful software, which is a good choice for senior designers who want to add complex technologies such as CSS, Java, RealVideo, etc.

5.HomeSite Making a Web page that completely controls the page process Allaire HomeSite is a compact and multifunctional HTML code editor with rich help functions and supports CGI and CSS. And you can edit perl programs directly. HomeSite's work interface is complex and simple. According to the habit, it can be set as a simple editing window such as notepad, or it can work in a complex interface. HomeSite is more suitable for complex and wonderful page design. If you want to completely control the progress of your page, HomeSite is your best choice. But it is too complicated for beginners.

6. Using 6. 0 to make a web page with powerful data embedding function. HotMetalPro not only provides a "what you see is what you get" graphics production method, but also provides a code editing method. It is a software that will not disappoint designers at all levels. But beginners need to be familiar with HTML to use this software easily. HotMetal has powerful data embedding ability. Through its data insertion wizard, external Access, Word, Excel and other ODBC data can be extracted and put into the page. And HotMetal can automatically convert them into HTML format, isn't it great? In addition, it can convert many old format files (such as WordStar, etc.). ), and can automatically convert the pictures in these documents into GIF format during the conversion process. HotMetal provides users with "too many" tools, and it can also show the link status of the whole site document with network diagram or tree diagram.

Third, advanced web page making software.

1.MicrosoftVisualStudio has the following versions: 2003, 2005, 2008 and later; It is suitable for developing dynamic aspx web pages, and can also make non-refreshed websites and webservice functions. , only for advanced users.

2.Jbuilder is suitable for developing JSP pages regardless of the version, and only suitable for advanced users.

3. Notepad Don't think that Notepad has few functions and the software is very simple; However, how to use it to make web pages is only suitable for advanced users; Because in its content, there is no visual operation to make a web page directly, but only various HTML codes, CSS codes, JS codes and various dynamic scripts can be written to make a web page.

How to make a simple web page?

Now it is very simple for beginners to make a web page by themselves, that is, to choose the right website building tools. As I don't know how to code and design these, I use Ke Fan website as a self-help website platform to talk about the process of making web pages.

1. Register a Ke Fan account.

2. Enter the background and choose your favorite website template.

3. Fill in the basic website settings and add products and pictures to each page.

4. Save the settings and finish online.

How to build a web page quickly?

1. The easiest way to create a template page is to save the webpage as a template file. By executing the command: File→SaveasTemplate, DreamWeaver will create a template folder-templates in the root directory of the website to save the templates.

Of course, you can also create a new template: Window → Template, and the template panel will appear. Click the New Template button in the lower right corner, enter the file name, and create an empty template. Click the OpenTemplate button to open the template. After saving, it will be automatically stored in the website template folder Templates.

The newly created and opened template page is no different from ordinary web pages. You can also add tables, layers, pictures, animations, scripts and set page properties.

Example: Here, take making a template as an example to illustrate. In this page, we want the website logo map to be on the left and the navigation map to appear on each page at the bottom. Among them, the logo map consists of two pictures, and the words "recently updated", "online reading" and "packaged and downloaded" on the navigation map are divided into several hotspots, which are linked to different files respectively and remain unchanged in each page. The main page area in the upper right corner and the page description below the pop-up menu button in the lower left corner are different. In order to keep the page clean, we use tables to arrange these elements.

Accurately speaking, it is just a "quasi-template" with no editable area. Let's set the editable region.

2. Set the editable region. Set the editable region of the template. Generally speaking, there are two methods. Create a new editable region: choose the command: Modify → Template → neweditableregion. Click and execute this command in a blank area to make it editable. Mark a region as editable: choose the command: Modify → Template → Mark selectinasseditableregion.

If there are some words in a certain area, and you want to keep some of their contents in the new hypertext file in the future, just select this area first and then execute the mark command. Cancel Editable Status: Select the command: Modify → Template → Cancel Editable Area.

After executing this command, a dialog box will pop up, listing the currently available editable regions. Select the area name to cancel and confirm.

For example, click on a large blank area, execute command modification → Template → NewEditableRegion, and enter the name in the pop-up dialog box: Main Select the following text in the lower left corner of this page, execute command modification → Template → markselectinaseditableregion, and enter the name: exp. You can see that the editable area is displayed in light blue, and the template is completed after saving. Second, use the template 1 and create a new page according to the template: File→NewFromTemplate. A dialog box pops up to select a template from the template list. The new page appears with a light yellow background, except for the editable area, which is an unmodifiable part. The blank main editing area can be directly used to insert tables, words, pictures and other operations, while the Exp editing area retains the original text and can be modified or re-edited.

2. Apply the template command to the existing page: Modify → Template → applytemplattopage.

After selecting the template, a dialog box will pop up, allowing you to select which editable region (ChooseEditableRegion for orphaned content) to save the existing orphaned content.

If you don't want to keep it, you can choose (None).

For example, we create a new ordinary page, enter "CIW Computer Studio", execute the command of Modify → Template → Apply Template to the page, select template test, and choose Main as the existing content storage area. After confirmation, we can see that the page will automatically become a template page, and the line "CIW Computer Studio" will appear in the main editing window.

3. Update the template to completely update the website. After some pages are created based on a template, when modifying and saving the template, a dialog box will automatically pop up, listing all pages that use the template and asking whether to update it.

Another method is to modify the command → template → update the page. Select a site or a template of a site in the UpdatePages dialog box (multiple templates can be used for the same site), click the Start button on the right, and the software will automatically search and update the pages associated with the template. Very convenient! For example, the picture of "reading thousands of stations" in the graph on the left side of the test template is superimposed on another picture with one layer. I don't want it now. I want to delete all the pictures on the page. You can open the template test.dwt, delete the layer, save the template, and click the "Update" button on the right. Note: Before creating and using templates, you need to define a site. The method is to execute the command: Site→DefineSites;; Specify the site name and local root directory. Templates use relative paths. If the local location of the website is not specified, the software will not be able to find and save the template file accurately. In addition, when a template is applied to create and update a page, hyperlinks in the page cannot change with the location where the page file is saved.

How to make a simple map?

1. First log in to Atlas Smart's mapping website, enter the mapping page, and select the point marking template.

2. Then you need to click the option of drawing now.

3. Improve the map details, click Save to enter the map editing page.

4. Click Manual Labeling to enlarge the map to the place to be labeled, click the left mouse button, enter the name and description of the point, upload the pictures related to the outlets, and click Save.

5. Click on the batch label, and upload the prepared data with coordinates or address information in batches according to the prompts. The platform locates the point information on the map in batches.