Dreamweave框架模板制作框架网页制作网页模板利用模板创建网页.ppt

制作框架网页
1
3
利用模板创建网页
第二单元框架模板
信息技术八年级下册清华大学出版社
2
制作网页模板
一、制作框架模板
1、新建站点,frame文件夹有两个文件夹images和other;
2、文件→新建→框架集→上方固定→创建;
3、文件→保存全部→frame文件夹,all、main、top
一、制作框架模板
1、窗口→框架→单击框架边缘选中框架→设置(行207像素);
2、分别单击top和main设置;
一、制作框架模板
1、top网页,设置页面属性背景如图;
2、插入→表格,参数如图;
3、选中第一行,修改→表格→合并单元格(或表格上右键)
一、制作框架模板
1、,
2、第二行第一列插入→图像对象→鼠标经过图像(按下时链接到index);
3、选中homepage图片,目标设置parent;
一、制作框架模板
1、main网页,设置页面属性背景同top;
2、插入→表格,参数如图,参数与合并见P37,插入相应图片;
3、选中link1图片设置如图,“联系我们”链接设置如图。
二、制作网页模板
1、窗口→资源→模板→新建模板;
2、Templates文件夹新建images和other
1、打开模板文件→修改→页面属性(如图);
2、插入3行6列表格1,参数见P42;
二、制作网页模板
二、制作网页模板
1、第2行5列,修改→表格→拆分单元格(2行,上一行60像素);
2、第2行2列,插入,5行1列嵌套表格2,参数见P43;
3、相应位置插入表格3、4,参数P43,然后插入相应图片P44
二、制作网页模板
1、选中表格2→插入→模板对象→可编辑区域;
2、输入导航栏名称,确定后蓝色实线框就是可编辑区域;