dreamweaver如何制做网页页面模版?

2021-03-19 05:44 jianzhan

针对许多初学网页页面的人来讲,dreamweaver常是首选的编写手机软件。制做模版会大大提升网页页面的反复应用性,那怎样应用dreamweaver制做模版网页页面呢?我这里以建1个唐诗宋词的网页页面为例。

手机软件名字:
Adobe Dreamweaver CS5(DW) 简体汉语官方详细宣布安裝版
手机软件尺寸:
404MB
升级時间:
2016⑴0⑵2马上免费下载

1、刚进到dreamweaver点新建正下方的更多,随后挑选空白页,网页页面种类挑选html模版合理布局选无就可以了。

2、插进1个报表(工具栏选中择插进,再寻找报表),报表里的合理布局自身依据必须设定,在这里我设定为行数为5,列为1报表宽度为1000像素。插进报表后,选定全部报表,选定后表框会加黑加粗,在正下方设定为垂直居中对齐。

3、在报表第1行插进图象工具栏选中择插进,再寻找图象),第2行添加翻转字幕。第3行插进报表(方式同上),1行4列,报表宽度为百分之1百。插进报表以后,再选定第3行的报表,选定后报表边框会加黑加粗,在正下方设定报表为垂直居中对齐,宽度为20%

4、第3行选中入1些文本,如主页,李白,杜甫,白居易。新建1个css文档,再建1个css,设定好种类中的色调和情况中的色调,加以区别。选定第3行,应用刚刚新建的css,再新建1个css,报表的边框应用该css。

5、在第4行插进可编写地区。点一下明确,可编写地区中的文本即EditRegion3能够去掉,换行能够扩张可编写地区的面积。

6、在第5行插进可编写地区,我还插进了1条水平线,并再加了版权。最终储存。此时模版早已建好。

7、新建,模版中的页,寻找新建的模版,建立,储存为index.html(即网站的首页),再再次开启新建的模版,在可编写区气象预报键入李白的材料,储存为libai.com,此时你会发现仅有在可编写地区才可以键入內容,别的地区全是不能实际操作的,这便是模版的特性。同理,在新建两个做为杜甫和白居易的网页页面。

8、如今就差用超连接把上面做的几个网页页面联接起来了。在模版选中中主页,在正下方html中的连接中键入主页的名字,即index.html,同理,选定李白,杜甫,白居易将她们连起来。超连接做好后在文本正下方会多出1条横线。

9、做完了以后在index.html中开启能够看看作出的实际效果,点一下图中的小地球标志便可开展查询。

有关强烈推荐:

Dreamweaver网页页面版权标记如何制做?

dreamweaver如何做1个简易的网页页面?

Dreamweaver CS5如何设计方案制做网页页面架构?