多媒体课件设计与制作 教学课件 作者 高延武 隋春荣 第五章.pptVIP

第5章　Dreamweaver 网络型多媒体课件制作 教学目标 了解网站开发基本步骤 熟练掌握Dreamwear基本操作 具备使用Dreamweaver开发网站，编辑静态页面的能力 教学内容 网页制作概述 Dreamweaver 5.1　网页制作概述 5.1.1 网络概述 当你想访问万维网上一个站点的网页或者其他网络资源的时候，通常你要首先在你的网络浏览器上（比如IE，Firefox等）键入你想访问的网页的URL（Uniform Resource Locator， 统一资源定位符），也就是我们常说的网址，或者通过超链接方式链接到那个网页或网络资源。这之后的工作首先是URL的服务器名部分，被域名系统服务器解析，并根据解析结果决定连接哪一个IP地址。接下来的步骤是为所要访问的网页，向在那个IP地址工作的服务器发送一个HTTP（HyperText Transfer Protocol，超文本传输协议）请求。在通常情况下，HTML文本、图片和构成该网页的一切其他文件很快会被逐一请求并发送回用户。网络浏览器接下来的工作是把HTML、CSS和其他接受到的文件所描述的内容，加上图像、链接和其他必须的资源，显示给用户。这些就构成了你所看到的“网页”。 5.1.2 网站开发的步骤 1. 确定网站主题 2. 搜集材料 3. 规划网站 4. 选择合适的制作工具 5. 制作网页 6. 上传测试 7. 推广宣传 8. 维护更新 5.2　Dreamweaver 5.2.1认识Dreamweaver工作界面 1. 启动Dreamweaver 2. 工作区界面 3.“文档”工具栏 4. 状态栏 5.“插入”栏 6.“属性”面板 5.2.2 建立教学站点 在 Dreamweaver 中，“站点”一词既表示 Web 站点，又表示属于 Web 站点的文档的本地存储位置。在开始构建 Web 站点之前，需要建立站点文档的本地存储位置。Dreamweaver 站点可组织与 Web 站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到 Web 服务器。 5.2.3页面的版式设计 首先要对页面进行版面的设计，将网页划分成几个构成部分 网页布局的方式可以采用“层”和“表格”，在本例中我们采用“层”的方式进行网页布局。 5.2.4页面的总体设置 1. 设置页面的头内容 2. 设置页面属性 5.2.5 编辑网页标头部分 1. 插入层 2. 插入图片 5.2.6 编辑导航栏部分 1. 插入层 2. 创建一级菜单 3. 设置超链接 4. 创建二级菜单 5. 新建JavaScript文件 6. 创建弹出菜单效果 5.2.7 编辑左侧导航栏部分 1. 插入层 2. 插入列表 3. 插入段落 5.2.8 编辑页面内容部分 1. 插入层 2. 插入标题 3. 插入Flash动画 5.2.9 编辑页面底部信息部分 1. 插入层 2. 输入文字 5.2.10 编辑表单 1. 插入表单 2. 插入表格 3. 插入表单元素 4. 表单部分代码 5.3　小结 在本章中，我们介绍了网络的基本概念和网站开发的步骤，重点讲解了使用Dreamweaver开发网站的操作，其中包括: 1. 建立站点：使用Dreamweaver的管理站点功能，可以很方便的组织管理网站所需要的资源文件。 2. 布局：当网页设计好后，就要根据设计进行布局了，我们介绍了怎样使用DIV+CSS的方式，即“层”的方式进行布局。 3. 标题，段落：网页中的文字部分，可以显示为标题或者是段落。 4. 特殊字符：在网页中除了普通文本，有时需要一些特殊的字符，如版权符号，空格等。 5. 超链接：超链接时网页中一个很重要的概念，正是因为超链接的存在，才使网站中众多的网页形成了网状的结构。 6. 图片，Flash：为了使网页效果丰富多彩，可以在页面中插入图片，Flash动画等多媒体元素。 7. 制作弹出菜单：我们使用JavaScript实现了弹出菜单的效果。 8. 设置CSS样式：在制作的网页的过程中，凡是设置样式的地方，我们都使用了CSS，为了使页面内容和样式能够分开，我们把CSS的代码，放在一个单独的样式表文件中。 9. 表格：当网页想要显示表格样式的内容，或者进行布局时，就要使用表格。 10. 表单：表单也是网页的一个重要组成部分，当用户需要向服务器提交信息时，就需要使用表单。 * * HTTP请求与响应模型 底部信息 页面内容 左侧导航栏 导航栏 网页标头 *