![7af697f20cd02214c059a3f300cb9bda.png](https://i-blog.csdnimg.cn/blog_migrate/caefd829ee5541886552b58c6613e991.jpeg)
1、刚进入dreamweaver点击新建下方的更多,然后选择空白页,页面类型选择html模板,布局选无就行了。
![3b62f60a2dcb3523f74c3bacfdacbb1e.png](https://i-blog.csdnimg.cn/blog_migrate/824e18eb99075e1964ed10f0c360a1e4.jpeg)
![bfef6b189bd4364eb77f4ba16c913eea.png](https://i-blog.csdnimg.cn/blog_migrate/b1928ca575ee701b708d02a97d6a952e.jpeg)
2、插入一个表格(菜单栏中选择插入,再找到表格),表格里的布局自己根据需要设置,在这里我设置为行数为5,列为1,表格宽度为1000像素。插入表格后,选中整个表格,选中后表框会加黑加粗,在下方设置为居中对齐。
![a0f2a765b9863d9145c9136011c87621.png](https://i-blog.csdnimg.cn/blog_migrate/33137c68384060e97715e7bc47df34c2.jpeg)
3、在表格第一行插入图像(菜单栏中选择插入,再找到图像),第二行加入滚动字幕。第三行插入表格(方法同上),1行4列,表格宽度为百分之一百。插入表格之后,再选中第三行的表格,选中后表格边框会加黑加粗,在下方设置表格为居中对齐,宽度为20%。
![69baae7a4c7f1fb46721fd9cd3e0c4a5.png](https://i-blog.csdnimg.cn/blog_migrate/c1e63bb46c4db0fbd593553f3f62b326.jpeg)
![f05172c8586a94c042192cbc6dfc117d.png](https://i-blog.csdnimg.cn/blog_migrate/62f6d76e0471b0b0c7f5fa840994e2bb.jpeg)
![0d4c449321034f53fd7813b10fb2a60c.png](https://i-blog.csdnimg.cn/blog_migrate/c82a8844f8103fe5cc37c05e7cd73da9.jpeg)
4、第三行中选入一些文字,如首页,李白,杜甫,白居易。新建一个css文件,再建一个css,设置好类型中的颜色和背景中的颜色,加以区分。选中第三行,使用刚才新建的css,再新建一个css,表格的边框使用该css。
![15355482a4486d0eb7f86ec824dccdd1.png](https://i-blog.csdnimg.cn/blog_migrate/5d52d2f65a4f106890e813319667308b.jpeg)
![f210055ae928167664be03c9628f3649.png](https://i-blog.csdnimg.cn/blog_migrate/e65d81c6104f0226c514eda41f5dfa67.jpeg)
![0b073b774714d408ea86174f97c14096.png](https://i-blog.csdnimg.cn/blog_migrate/3e0e092b32b6a504a8a0e0ece99b2f0d.jpeg)
5、在第四行插入可编辑区域。点击确定,可编辑区域中的文字即EditRegion3可以去掉,换行可以扩大可编辑区域的面积。
![dd419cba976a797f4b505cb4754e2d79.png](https://i-blog.csdnimg.cn/blog_migrate/2b6f923eda980bffc15fde37b4bab2ad.png)
![18bec855752cf38e37325621baf4bfe7.png](https://i-blog.csdnimg.cn/blog_migrate/f399b0721c341075b10568f85a337532.jpeg)
6、在第五行插入可编辑区域,我还插入了一条水平线,并加上了版权。最后保存。此时模板已经建好。
![9301fe7abbb21e0c8129aa1c6f27eee7.png](https://i-blog.csdnimg.cn/blog_migrate/b19b77bb64e3fc9a0e170369bd644562.jpeg)
7、新建,模板中的页,找到新建的模板,创建,保存为index.html(即网站的主页),再重新打开新建的模板,在可编辑区预报输入李白的资料,保存为http://libai.com,此时你会发现只有在可编辑区域才能输入内容,其他区域都是不可操作的,这就是模板的特点。同理,在新建两个作为杜甫和白居易的网页。
![da9196ed199332270af0ec569b32394a.png](https://i-blog.csdnimg.cn/blog_migrate/c32dab8ac8cf3bdddc297d0faa6a0e24.jpeg)
![8a97805a0104954f47696ce471ae3be5.png](https://i-blog.csdnimg.cn/blog_migrate/2e2e20a4551cc64acb42d7d264bc5cec.jpeg)
8、现在就差用超链接把上面做的几个网页连接起来了。在模板中选中首页,在下方html中的链接中输入首页的名称,即index.html,同理,选中李白,杜甫,白居易将他们连起来。超链接做好后在文字下方会多出一条横线。
![1190c5cfc8ffce636b99b8bcd0b4c010.png](https://i-blog.csdnimg.cn/blog_migrate/7a02bf4ca262f18fdf8dcc02aba7cbe8.jpeg)
![376b9cf6a8b50eeb18b8b12b0e059961.png](https://i-blog.csdnimg.cn/blog_migrate/bfdbea19acc577ca4fa113902c2f70c5.jpeg)
![089a29328a57561f98b92d9b4e3014c5.png](https://i-blog.csdnimg.cn/blog_migrate/ff5301c6442ea0b98edc70b995053470.jpeg)
9、做完了之后在index.html中打开可以看看做出的效果,点击图中的小地球图标就可进行查看。
![36c0683a3d7471c063de8739529bad25.png](https://i-blog.csdnimg.cn/blog_migrate/132d477d707fd32bfd80e89975574bae.jpeg)