Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt

Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt

ID:50299842

大小:2.81 MB

页数:32页

时间:2020-03-07

Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt_第1页
Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt_第2页
Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt_第3页
Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt_第4页
Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt_第5页
资源描述:

《Dreamweaver网页设计与制作 教学课件 作者 林晓峰 王晓平《Dreamweaver网页设计与制作》第1-5章教学课件第10章.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、模板、库及框架第10章本章要点:◆ 模板的使用◆ 库的使用◆ 建立框架页面◆ 框架的基本操作◆ 设置框架集与框架的属性◆ 在框架中使用链接10.1使用模板教学进程1.网页另存为模板10.1.1创建模板2.插入可编辑区域10.1使用模板教学进程1.网页另存为模板10.1.1创建模板2.插入可编辑区域10.1使用模板教学进程1.删除可编辑区域10.1.2编辑模板2.更改可编辑区域名称3.保存更改后的模板4.设置首选参数选中并删除10.1使用模板教学进程1.删除可编辑区域10.1.2编辑模板2.更改可编辑区域名称3.保存更改后的模板4.设置首选参数输入名称10.1使用模

2、板教学进程1.删除可编辑区域10.1.2编辑模板2.更改可编辑区域名称3.保存更改后的模板4.设置首选参数保存后更新文件10.1使用模板教学进程1.删除可编辑区域10.1.2编辑模板2.更改可编辑区域名称3.保存更改后的模板4.设置首选参数保存后更新文件10.1.3应用模板创建新网页教学进程10.1.4编辑应用模板创建的网页教学进程不可编辑区域可编辑区域进行插入、删除操作10.2使用库项目教学进程10.2.1创建库选中logo展开库类别新建库项目教学进程10.2使用库项目10.2.2插入库●完成插入库●确定光标位置●选择库●单击插入按钮教学进程10.2使用库项目1

3、0.2.3编辑库修改库的属性教学进程10.2使用库项目10.2.3编辑库更新后的效果10.3使用框架教学进程●框架优点访问者的浏览器不需要为每个页面重新加载与导航相关的图形访问者可以独立滚动这些框架10.3使用框架教学进程●框架缺点难以实现不同框架中各元素的精确图形对齐对导航进行测试可能很耗时间各个带有框架的页面的URL不显示在浏览器中10.3.1建立框架集和框架教学进程在创建框架集之前,我们要先制作好top.htm、left.htm、right.htm和bottom.htm这4个页面。Top.htm页面Left.htm页面10.3.1建立框架集和框架教学进程ri

4、ght.htm页面buttom.htm页面教学进程●方法一:通过【插入】工具栏,创建新的空框架集通过【新建文档】对话框,创建新的空框架集10.3.1建立框架集和框架创建框架集的方法●方法二:教学进程10.3.1建立框架集和框架创建框架集的方法创建框架集风格教学进程10.3.2编辑框架和框架集执行【窗口】

5、【框架】命令,打开【框架】面板在【框架】面板中单击某个框架的内部,可以选中该框架在【框架】面板中单击环绕框架集的边框,即可选中框架集1.选择框架和框架集教学进程10.3.2编辑框架和框架集选中框架,打开【属性】面板,在属性面板中修改。2.查看和设置框架属性教学进程

6、在【属性】面板上单击【浏览文件】按钮,弹出【选择HTML文件】对话框10.3.2编辑框架和框架集3.在框架中打开文档选中要打开的html文档教学进程在【框架】面板中单击环绕框架集的边框,选中整个框架集。然后在【属性】面板右侧,单击顶部框架,10.3.2编辑框架和框架集4.调整框架的大小调整框架顶部教学进程10.3.2编辑框架和框架集5.拆分框架在【框架】面板中选中整个框架集,移动鼠标指针,把它放到框架集最底部的边框上,使之出现双向箭头,拖动鼠标即可。将光标向上拖动,即可产生新的框架教学进程选中整个框架集,执行【文件】

7、【保存框架页】命令,打开【另存为】对话框,给框

8、架集起个名为main.htm,单击【保存】按钮即可。10.3.3保存框架教学进程双击左侧框架中的【FLASH作品一】按钮,弹出【插入Flash按钮】对话框。设置好链接文件等参数后,单击【目标】下拉列表框,选中相关参数。10.3.4框架超级链接10.4习题与上机操作1.填空题(1)库是一种用来存储想要在整个网站上_____________的页面元素的方法,这些元素称为库项目。(3)使用库项目的优势是_____________________。(2)在Dreamweaver中使用库时,可以在库中存储各种各样的页面元素,如___________、___________、

9、__________和___________。教学进程10.4习题与上机操作1.填空题(4)框架是将一个浏览器窗口划分为多个_____________,每个_____________都可以显示不同HTML文档的方法。(5)框架可以创建使用相同_____________的多个页面。框架的最常见用途是_____________,一组框架通常包括一个含有_____________的框架和另一个要显示_____________的框架。教学进程教学进程10.4习题与上机操作2.上机操作题(1)创建如下图所示的模板,然后根据该模板创建新的页面。教学进程10.4习题与上机操作2

10、.上机操作

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。