Shulou(Shulou.com)06/02 Report--

This article mainly shows you "dreamweaver how to make web page template", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "dreamweaver how to make web page template" this article.

For many beginners to the web, dreamweaver is often the preferred editing software. Making templates will greatly improve the reusability of web pages, so how to use dreamweaver to make template web pages? Here I take the construction of a web page of Tang and Song ci as an example.

1. Just enter dreamweaver and click more below New, then select the blank page, select the html template for the page type, and choose none for the layout.

2, insert a table (select insert in the menu bar, and then find the table), the layout in the table is set as needed, here I set the number of rows to 5, column 1, and the width of the table is 1000 pixels. After inserting the table, select the entire table, the table box will be black and bold, and set to center alignment below.

3. Insert the image in the first row of the table (select insert in the menu bar, and then find the image), and add scrolling subtitles in the second row. The third row is inserted into the table (same as above), one row and four columns, and the width of the table is 100%. After inserting the table, select the table in the third row, the border of the table will be blackened and thickened, and the table will be centered and 20% wide below.

4. Select some words in the third line, such as the home page, Li Bai, du Fu, Bai Juyi. Create a new css file, create a css, set up the color in the type and the color in the background, and distinguish it. Select the third row, use the css you just created, create a new css, and use the css for the border of the table.

5. Insert an editable region in the fourth row. Click OK, the text in the editable area, that is, EditRegion3, can be removed, and line wrapping can expand the area of the editable area.

6. Insert an editable area on the fifth line, and I also insert a horizontal line with copyright. Finally save it. The template has been built at this time.

7, new, the page in the template, find the new template, create, save as index.html (that is, the home page of the site), and then re-open the new template, in the editable area to forecast the input of Li Bai's data, save as libai.com, then you will find that only in the editable area can you enter content, other areas are inoperable, this is the characteristic of the template. By the same token, there are two new web pages for du Fu and Bai Juyi.

8. Now all we need to do is to use hyperlinks to connect the above pages. Select the home page in the template and enter the name of the home page in the link in the html below, that is, index.html. Similarly, select Li Bai, du Fu and Bai Juyi to connect them. After the hyperlink is done, there will be an extra horizontal line below the text.

9. When you are done, you can open it in index.html to see the effect, and click the small Earth icon in the picture to view it.

The above is all the content of the article "how to make a web page template in dreamweaver". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.