网页设计与制作 4 使用Dreamweaver制作网页

《网页设计与制作 4 使用Dreamweaver制作网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章使用Dreamweaver制作网页1本章要点Dreamweaver的基本操作创建站点创建和设计网页网页样式和超链接网页布局模板、层和行为表单帮助和高级功能24.1认识Dreamweaver(1)Dreamweaver窗口基本介绍标题栏菜单栏插入工具面板文档工具栏文档工作窗口属性面板面板组站点面板答案面板面板组插入工具面板标题栏菜单栏文档工具栏文档工作窗口属性面板答案面板站点面板34.1认识Dreamweaver(2)视图方式代码代码和设计设计44.1认识Dreamweaver(3)面板图4-3“窗

2、口”菜单54.2创建站点建立本地站点编辑本地站点64.3创建网页文档新建网页文档设置网页文档属性设置文档工作窗口中显示的元素显示和编辑文档头部内容使用历史记录面板74.4设计网页(1)文本插入特殊符号文本属性面板84.4设计网页(2)图像插入图像设置图像属性插入多媒体对象94.5网页样式HTML样式CSS样式基础使用Dreamweaver设计CSS编辑CSS文档在HTML页面中编辑CSS样式表104.6超链接(1)链接路径链接基础创建超链接114.6超链接(2)创建锚链接锚名:数字或字母链接:#+锚名1

3、24.6超链接(3)创建电子邮件超链接134.7网页布局设计(1)表格插入表格引入文本数据编辑表格格式化表格使用布局表格144.7网页布局设计(2)创建框架使用框架面板创建嵌套框架页编辑面板存储框架和框架页文件设置框架和框架页的属性设置框架和框架页的标题在框架中使用链接154.8使用模板模板面板设置模板区域创建嵌套模板164.9描述层创建层属性设置层控制面板时间轴174.10行为(1)应用行为Dreamweaver的内置行为动作播放声音打开浏览器窗口弹出信息对话框调用JavaScript恢复交换图像检查

4、插件检查浏览器交换图像控制Shockwave或Flash设置文本显示-隐藏层184.11表单创建表单添加表单域处理表单194.12寻求帮助信息通过【帮助】按钮利用参考帮助信息利用代码片断利用标签选择器204.13Dreamweaver高级功能标签库快捷键214.14设计网站实例(1)网站设计效果224.14设计网站实例(2)创建站点设计首页设计主框架添加网页的logo创建导航栏234.14设计网站实例(3)创建左侧列表栏244.14设计网站实例(4)创建网页主体部分254.14设计网站实例(5)添加网页

5、的版权信息264.14设计网站实例(6)设计“新站讯息”页生成新网页logo部分导航栏部分列表栏部分主体部分274.14设计网站实例(7)设计“演绎人生”页生成新网页导航栏主体部分284.14设计网站实例(8)总结29习题(1)新建一个网页，在网页中使用网页布局制作如下图所示的页面，并与站点其他网页建立链接后保存在个人站点中。30习题(2)新建一个网页，在网页中使用表格制作如右图所示的页面。完成后将该网页保存到个人站点，并与主页链接起来。31习题(3)新建一个网页，在该网页中使用框架技术制作如上图所示的

6、网页。完成制作后，将该网页保存在个人站点中，并与站点中相应的网页建立链接。要求单击上面框架的图片可在主框架中打开如右图所示的图片所链接的网页。32习题(4)修改第1题中图所示的网页，利用层和时间轴创建如下图所示的图片移动效果页面。33习题(5)修改第1题图所示的网页，为页面右上角的图片应用行为。当鼠标执行该图片时，在图片上显示相应的文字，如上图所示；当鼠标离开图片时，在页面显示如右图所示的文字。34习题(6)在新建的网页中创建一个如下图所示的表单网页。35