As we all know, website production involves various aspects of knowledge, including graphic design, HTML page production, CSS style definition, client-side scripting (JavaScrfipt/VBScript), server-side scripting (Asp/Asp.Net/PHP/JSP), etc. content. In this issue, the author starts from the most basic, focusing on how to make a simple HTML website, and initially experiences the fun.
1. The web page creation tool used by the author here is Dreamweaver. First run Dreamweaver, select "File" → "New" menu, and the window shown in Figure 1 will pop up.
2. There are seven options under the "Basic Page" tab in this window. After we select the "HTML" item and click the "Create" button, the creation workspace will become blank, which means that the HTML page has been created successfully. Click on the code view and the content shown in Figure 2 will appear.
3. Ignore the specific meaning of these displayed HTML page codes. We first change "Title Untitled Document" to "Web Page Debut", and then select the design view. Click "Menu" → "Insert" → "HTML" → "Frame" → "Above" to insert a frame at the top of the web page. At this time, the web page is divided into two frames, namely the upper frame and the lower frame. After we select the frame, select the "Menu" → "Insert" → "HTML" → "Frame" → "Left" command, which inserts a frame on the left side of the web page.
4. Click "Ctrl+S" to save each frame (top.htm, left.htm, right.htm). Then select the left frame and click the "Menu" → "Insert" → "Hyperlink" command, and the dialog box shown in Figure 3 will appear. Enter various items in this dialog box, where "text" is the text displayed in the link, "link" is the page address that jumps to after clicking, and "target" is the frame in which it is displayed. Here we select the "target" as mainFrame (ie, the left frame), and follow this step to continue inserting hyperlinks. Next, enter the code view of the right frame (right.htm) and enter <marquee direction=left align=middle>Welcome to my website!!!</marquee> in <body></body>. This is a text Special effects can make text move left, right, up and down. Changing direction to (UP, DOWN, Left, Right) can change the movement direction of text.
5. Now that we have created an HTML page with a frame, we will add a Banner to the upper frame (top.htm). Banner can do some JavaScript dynamic effects. The specific code for dynamic exchange effects can be viewed in the source code of the Top.Htm page. The author only gives the key code here:
bannerAD[0]=pic173.gif;
bannerADlink[0]=http://www.sina.com;
bannerAD[1]=pic1732.gif;
bannerADlink[1]=http://www.sohu.com;
Code explanation: The above is a JavaScript array. bannerAD stores pictures, and bannerADlink stores links after clicking on the picture. You can add or subtract pictures according to your needs.
6. Continue to make pages for the hyperlinks in the right frame. The specific content can be customized by yourself. Select the "File" menu, click "New", select HTML to create a series of pages, and the names of the pages should be consistent with the names written when inserting the link. The author has made two examples (latest news and popular celebrities) in the original document, and readers can try to add more content by themselves. In this way, the prototype of an HTML website is created, as shown in Figure 4 is the final effect of the page.
The dynamic effect is not reflected in the screenshot. Readers can directly open Index.htm in the source file in IE. After opening, there will be a prompt. When you right-click, the "Allow blocked content" prompt menu will pop up (Figure 5).
Summary: In this issue, we introduce how to use Dreamweaver to make a simple HTML site, which uses some JavaScript, HTML framework, hyperlink and other technologies. In addition, the content blocking prompt we saw above is because the web page has not been published to the site. In the next issue, the author will bring you more exciting content.