学案十模板网页_第1页
学案十模板网页_第2页
学案十模板网页_第3页
学案十模板网页_第4页
学案十模板网页_第5页
已阅读5页,还剩1页未读, 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、模板网页 导学案【学习目标】1. 学会网页模版的创建;2. 学会网页模版的编辑;3. 学会网页模版的应用。【学习重难点】1. 模板的创建、编辑及应用。2.如何利用网页模板制作出风格一致的网页。1、 课堂练习1.P184 使用模板制作网页。 二、任务练习展示个人主页网站,请同学们观察,个人主页网站的几个页面之间有什么相同之处。个人主页首页:自我介绍页面: 提问:同学们观察首页、自我介绍、美丽照片及友情链接等页面。这些页面有哪些共同之处,你的感觉是什么?左侧导航和头部都一样,风格一致,很舒服如果想让你的网站页面风格一致,可以使用模板,本节课我们就来学习模板的使用方法。一、创建模板1.新建空白页HT

2、ML模板2.在打开的模板中创建3行2列的表格,宽度为800像素。3.将第一行和第三行合并单元格,变为一列。4.在第一行插入 top.jpg , 在第三行插入 footer.jpg,并将单元格调整成与图片相同大小。5. 将第二行左边单元格宽度调整为160像素,垂直对齐方式设置为顶端对齐。6. 为上述单元格添加背景图像 left_bg.jpg,7.在左边单元格中插入9行1列的表格,宽度为160像素,依次将图像插入相应单元格中。 注意:插入图像不要调整其大小。8.点击右边单元格,将其水平对齐选为左对齐,垂直对齐设为顶端对齐。9.插入记录模板对象可编辑区域,命名为zhengwen。10.保存模板文件另存为文件名 moban保存在Template 模板文件夹中,后缀名为dwt。二、编辑模板1.定义可编辑区域将鼠标放在空白区域,单击“插入记录模板对象可编辑区域”即可。2.定义重复区域选中网页中的某个元素,单击“插入记录-模板对象-重复区域”3.定义可选区域 选中网页中的某个元素,单击“插入记录-模板对象-可选区域”三、应用模板1.文件新建模板中的页2.创建,在编辑区域进行编辑例如创建主页,将zhengwen删去,创建2行1列表格,插入相应图片。其他几个页面类似。3.超链接方法介绍因为是利用模板创建的,故超链接需在模板中添加。回到模板页,在点击首页图片,将链接旁边的小时钟拖到需要链接

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论