干货：网页设计 ppt课件_其它_高等教育_教育专区

网页设计Dreamweaver CS3提高篇PPT课件1第七章建立框架网页PPT课件2概要 :同一个站点中通常有不少网页带有同样的导航栏，具有相似标题栏等。如果在制作每一张网页时都 要制作同样的导航栏、相同标题栏等，显然加大了工 作量。框架则较好的缓解了该难题。本章主要介绍框 架网站的建立、调整、删除等基本集操作或者运用 “属性”面板设定框架属性和相关的链接属性。同时， 阐述了有关框架网页的基本原理本章主要借助四个活动的展开，让我们知道框架的基本概念，掌握框架网页的建立、调整、删除等 基本集操作，能区别框架跟框架集中的文件，并可区 别保存。能够运用“属性”面板设定框架属性及相关 的链接属性。掌握创建无框架内容及内嵌式框架的基 本办法。PPT课件3活动一：初识框架网页教学目标：理解框架网页的基本原理，掌握新建 框架网页的两种方式，并可将框架跟框架 集差别保存。知识技巧：框架网页、框架集、框架集中的网站。PPT课件4活动一：初识框架网页准备知识：（1）框架简介（2）创建框架网页（3）保存与开启框架跟框架网页1集中的文件PPT课件网页25活动一：初识框架网页准备知识：（4）修改框架页①增加框架 ②删除框架 ③调整框架增加框架拖离出页面拆分上框架PPT课件删除框架6活动一：初识框架网页活动鼓励：一、建立站点及网页 二、插入预先定义的框架集 三、保存框架跟框架集PPT课件7活动一：初识框架网页活动总结:本活动主要使我们练习了框架网页的创 建、修改及保存，在详细操作中应格外留意 区分框架集文件和框架网页。

这针对中间的 操作将非常重要。PPT课件8活动二：设置框架属性教学目标：教掌握“框架”面板的基本使用方式， 掌握运用“属性”面板更改框架及框架集 属性的基本原则。知识技巧：“框架”面板、框架属性、框架集属性。PPT课件9活动二：设置框架属性准备知识：（1）框架面板 （2）框架属性 （3）设置框架集的属性 （4）链接框架网页框架“属性”面板框架集“属性”面PPT课件“框架”面板10活动二：设置框架属性活动鼓励：一、设置框架属性 二、制作顶部框架页面 三、制作左侧框架页面 四、制作上面框架页面 五、制作右侧主要框架页 六、完成框架链接PPT课件11活动二：设置框架属性网页效果PPT课件12活动二：设置框架属性活动总结:在本活动中我们主要训练了运用“框 架”面板选用网页框架，使用“属性”面 板修改“框架”和“框架集”的属性，并 完成了框架网页的制作。PPT课件13活动三：创建内嵌框架和无框架内容教学目标：掌握创建内嵌框架及无框架内容的基本 方法。知识技巧：内嵌框架、无框架内容。PPT课件14活动三：创建内嵌框架和无框架内容准备知识：(1)内嵌框架IFRAME (2)无框架内容PPT课件15活动三：创建内嵌框架和无框架内容活动鼓励：一、内嵌框架的制作 二、创建无框架内容PPT课件16活动三：创建内嵌框架和无框架内容网站效果PPT课件17实验：制作“中职教育网”网站实验要求：一、建立站点目录mysitelx，并将站点指定到站点目录。

二、制作框架网页“中职教育网”，并制作相关页面的制作。三、设置框架及框架集属性。 四、完成框架中的分页链接。注意：本实验提供的示例仅供参考，也许你可设计出别具一格的网页PPT课件18第七章实验：制作“中职教育网”网 站网页效果PPT课件19第八章插入多媒体元素PPT课件20概要：随着网路科技的演进，网速的不断提高，人们终于不满足于只浏览文字跟照片。多媒体技术的演进为网 页提供了新的元素。Flash是现在网页上常用的动画元 素。此外，还能在网页中插入ActiveX控件、Plugin插件 以及Java Applet等元素。本章主要借助三个活动的展开，介绍了在网页中插 入Flash元素的方式，其中包含常用的Flash形式：Flash 动画；Flash按钮；Flash文本等。介绍了在网站中添加 视频跟音效的方式网页课件模板，以及其它多媒体元素的插入，其中 包括ActiveX控件、Plugin插件、Java Applet等。PPT课件21活动一：在网页中插入Flash元素教学目标：掌握在网页中插入Flash元素的基本原则， 其中包含Flash动画、 Flash按钮、Flash文本、 图像查看器及相关属性的设定。

知识技巧：Flash动画、 Flash按钮、Flash文本、图 像查看器。PPT课件22活动一：在网页中插入Flash元 素准备知识：（1）Flash概述①Flash 源文件格式 ②Flash 电影文件格式 ③Flash Generator 模板文件格式（2）Flash 动画 （3）Flash 按钮 （4）Flash 文本 （5）FlashPaper （6）Flash 视频 （7）图像查看器PPT课件23活动一：在网页中插入Flash元素活动引导：一、新建站点及相关网站，并插入 Flash及Flash文本。 二、制作首页，插入Flash。 三、插入图像查看器 四、添加 Flash 按钮PPT课件24活动一：在网页中插入Flash元素网页效果PPT课件25活动一：在网页中插入Flash元素活动总结:在本活动中，我们在网页中分别添加 了不同的Flash元素，其中包含Flash文本、 Flash播放文件、Flash按钮和图像查看器。 其中值得注意的是Flash文本跟Flash按钮必 须与相应的网页在同一路径下。PPT课件26活动二：给网站添加其它多媒体元素教学目标：掌握在网站中添加ActiveX 控件、Plugin 插 件跟Java Applet的基本方式。

知识技巧：ActiveX 控件、Plugin 插件、Java Applet。PPT课件27活动二：给网站添加其它多媒体元素准备知识：（1）ActiveX 控件 （2）Plugin 插件 （3）Java AppletPPT课件28活动二：给网站添加其它多媒体元素活动引导：一、建立分页 二、插入“Plugin 插件” 三、使用 Java AppletPPT课件29活动二：给网站添加其它多媒体元素网页效果PPT课件30活动二：给网站添加其它多媒体元素活动总结:在本活动中，我们主要训练了在网页中 插入其它多媒体元素的方式。要切记的是插 入不同的Java Applet程序时，其插入的方式 也各不相同。有些Java Applet程序在插入后， 不需要进行参数的设定就可播放了。PPT课件31活动三：在网站中添加视频与音效教学目标：掌握在网站中添加视频及音效的 基本原则。知识技巧：视频、音效。PPT课件32活动三：给网站添加其它多媒体元素准备知识：（1）插入视频 （2）添加音效以下是常见声音文件格式以及优缺点的表明：一、.midi 或 .mid （全称为Musical Instrument Digital Interface）格式： MIDI 文件可以被所有的浏览器所支持，并且不需要插件。

文件特别小，但音质较差。二、.wav（全称为Waveform Extension）格式： WAV格式的文件具备较好的声音品质，可以被绝大多数浏览器所支持，并且不需要插件。 用户可以从CD、磁带、话筒以及其它设备上拍摄自己的WAV文件。但是，文件量过大。三、.aif（全称为Audio Interchange File Format或 AIFF）格式： AIF格式跟WAV格式一样，具有很高的声音品质，可以在绝大多数的浏览器中播放，并且不 需要插件。但文件量过大。四、.mp3（全称为Motion Picture Experts Group Audio或 MPEG-Audio Layer-3）格式： MP3格式是一种压缩格式，文件量较小，声音的品质非常好。要播放MP3 音乐，访问者必须 先下载软件或辅助应用程序。例如QuickTime、Windows Media Player 或 RealPlayer。五、.ra、.ram、.rpm或 Real Audio格式： 这类格式的压缩比例应低于MP3，因此文件量应大于MP3。但这类格式的声音效果要比MP3 格式差。要播放这类文件，必须先下载和调试RealPlayer 辅助应用程序或软件。

PPT课件33活动三：给网站添加其它多媒体元素活动引导：一、插入视频 二、插入音效 三、链接各网页PPT课件34活动三：给网页添加其它多媒体元素网P页PT效课件果35活动三：给网站添加其它多媒体元素活动总结:在本活动中我们主要训练了在网页中插 入视频跟音频的方式。由于视频跟音频的文 件较大。因此，我们在插入视频跟音频时应 注意文件的大小。如果文件过大，将会严重 影响你网页的下载速度哦！PPT课件36第八章实验：制作“时尚服饰网”网站实验要求：一、建立站点目录mysitelx，并将站点指定到站点目录。 二、制作站点的起初页面，在网站中加入片头动画跟Flash文字。 三、制作首页，插入相应的文字跟照片，并插入Java Applet。 四、制作分页“潮流服饰”，在该页中插入图像查看器。 五、制作分页“流行发饰”，在该页中加入音乐。 六、制作分页“时尚服装”，在该页中插入视频。注意：本实验提供的示例仅供参考，也许你可设计出别具一格的网页PPT课件37第八章实验：制作“时尚服饰网”网站页面效果PPT课件38第九章建立表单PPT课件39概要：随着网站功能的构建，用户对网站的规定除了是 获取信息，还期望要有相互的交流。

表单作为网站交 互的一种元素，应用在网站的各个区域。其体现的形 式有问卷调查、线上交易或者拍卖等活动。本章主要借助三个活动的展开，让我们知道表单 的建立方式其中包含表单布局的构建、表单元素的添 加、表单元素的属性或者表单元素风格的设置。同时 还介绍了验证表单输入结果、通过电子邮件接收表单 结果及跳转菜单的建立方式。此外介绍了新版本中增 加的四种spry构件的添加及属性设定方式。PPT课件40活动一：初识表单教学目标：理解表单交互的基本原理，掌握建立表单布局 及插入不同表单对象的基本原则，并可设定其相关的 属性。知识技巧：知识要点：表单布局、表单对象。PPT课件41活动一：初识表单准备知识：（1）表单简介创建表单的基本方法如下： ①确定应该搜集的信息，根据信息特点设计表单。 ②在表单中插入不同的表单元素。 ③设置表单域的属性。 ④设置通过表单所搜集的信息的处理方法。 ⑤设置确认网站，确认已经接收到客户填写的信息，并请客户核对是否正确。（2）建立表单布局PPT课件42活动一：初识表单准备知识：（3）插入表单元素①文本域 ②单选按钮 ③复选框 ④列表/菜单 ⑤按钮 ⑥跳转菜单 ⑦图像域 ⑧文件域PPT课件43活动一：初识表单准备知识：（4）设置表单元素的属性①文本域 ②单选按钮 ③复选框 ④列表/菜单 ⑤按钮 ⑥跳转菜单 ⑦图像域 ⑧文件域PPT课件44活动一：初识表单活动引导：一、新建站点及页面。

二、完成登录页面的发力。 三、插入表单元素，并修改 表单元素的属性。PPT课件45活动一：初识表单插入按钮PPT课件46活动一：初识表单活动总结:本活动主要使我们练习了网站表单的制作， 其中包含表单元素的插入与表单元素的属性设定。 但我们今天所制作的字段没有和后台数据库相连， 所以也是一个页面效果，不能起到它真正的作用。PPT课件47活动二：验证表单的输入结果并 设置接收结果的方法教学目标：熟练掌握验证表单的输入结果、通过 电子邮件接收表单结果。知识技巧：验证表单、接收表单结果。PPT课件48活动二：验证表单的输入结果并修改接收结果的方法准备知识：（1）验证表单 （2）通过电子邮件接收表单结果PPT课件49活动二：验证表单的输入结果并修改接收结果的方法活动鼓励：一、通过行为验证表单。 二、通过Spry框架内置表单验证功能来验证表单。 三、通过电子邮件接收表单结果。 四、使用跳转菜单完成网站间的跳转。PPT课件50活动二：验证表单的输入结果并修改接收结果的方法网页效果PPT课件51活动二：验证表单的输入结果并修改接收结果的方法活动总结: 在本活动中，我们对上面的表单使 用了两种验证方式，并将用户输入的结 果以纯文本的形式发送到指定的email中。