网页制作课件.ppt

1、网页制作ppt课件网页制作网页制作 第1章 初识Dreamweaver MX 第2章 Photoshop 7.0和Flash MX的基本操作 第3章 创建网页的基本对象 第4章 样式表 第5章 使用框架 第6章 层与时间轴 第7章 插入媒体 第8章 行为 第9章 表单 第10章 库与模板 第11章 测试并发布网站 第12章 使用Dreamweaver MX创建一个讨论区1.2 Dreamweaver MX1.2 Dreamweaver MX的新特性的新特性易用性创新性规范性1.3 dreamweaver MX1.3 dreamweaver MX的工作环境的工作环境标题栏菜单栏工具栏文档窗口状态

2、栏“插入”面板“属性”面板可停靠浮动面板1.4 1.4 网站与网页的基本知识网站与网页的基本知识网页设计基础网站设计基础网站开发流程 “网页”就是指通过浏览器在WWW上看到的页面，网页的英文名为Web Page，我们通常所说的主页（home page）是指网站的第一个网页，通常名称为index。网页设计的基本要求有：页面版式和布局、网页的色彩、网页的文字、网页中的表格等。网站是网页的集合，是网页的组织形式。在网站的设计过程中要注意以下几点：网站的目标、网站的风格、网站的CI形象（Corporate Identity）、网站的栏目和版块、网站目录和链接结构等。一个完整的网站开发流程如下：定义站点

3、建立网站结构首页的设计和制作其他页面的制作测试发布和维护1.5 1.5 站点管理站点管理创建站点管理站点第第2 2章章 Photoshop 7.0Photoshop 7.0和和Flash MXFlash MX的基的基本操作本操作2.1 Photoshop 7.0的基本操作2.2 Flash MX的基本操作2.1 Photoshop 7.02.1 Photoshop 7.0的基本操作的基本操作Photoshop 7.0的主要功能和工作环境Photoshop 7.0图像文件的基本操作Photoshop 7.0的图像绘制和图像编辑Photoshop 7.0图层、通道和路径的基本操作滤镜的使用文字的使

4、用图像的输入和输出Photoshop 7.0的主要功能 Photoshop可以帮助用户提高处理图像的工作效率，提供最新的创作方式，还可以帮助用户制作适用于打印、Web和其他任何用途的最佳品质的图像。Photoshop 7.0的工作环境 它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。新建和打开图像保存和关闭图像图像显示效果图像和画布尺寸的调整图像绘制（矩形选框工具、椭圆选框工具、套索工具、多边形套索工具、磁性套索工具、魔术棒工具、选区操作技巧、画笔工具、仿制图章工具、橡皮擦工具、魔术橡皮擦工具、图像调整工具、形状工具、渐变工具、油漆桶工具、填充命令、描边命令）图像编辑（使用色彩控

5、制工具设置绘图颜色、使用吸管工具设置绘图颜色、图像的移动、图像的复制、图像的删除、图像的去色、图像的裁切、图像的旋转、图像选区的变换、恢复操作）图层（图层的含义、新建图层、复制图层、移动图层、删除图层、图层特殊效果、合并图层、图层的蒙版）通道（通道的含义、创建新通道、复制通道）路径（路径的含义、路径的绘制、路径控制面板）滤镜介绍滤镜使用（“水波”滤镜、“动感模糊”滤镜）文字工具文字变形字符与段落设置获取图像的方法（使用扫描仪、使用数码相机）常用的图像文件格式（PSD格式和PDD格式、TIF格式、BMP格式、JPEG格式、GIF格式）制作Web图像（制作JPEG图像、制作GIF图像）2.2 Fl

6、ash MX2.2 Flash MX的基本操作的基本操作Flash MX的主要功能和工作环境Flash MX绘图工具和浮动面板图像编辑时间轴创建动画符号声音Flash MX的主要功能Flash MX的工作环境（菜单栏、工具栏、时间轴、工作区、浮动面板）绘图工具浮动面板建立动画文件图形的基本编辑对象的对齐对象的组合导入图形图形的变形操作图形的整体操作显示比例认识图层层的基本操作引导层运动引导层蒙版层帧逐帧动画形变动画运动动画蒙版动画认识符号制作符号按钮的制作编辑符号实例和符号的关系认识Flash MX中的声音添加声音第第3 3章章 创建网页的基本对象创建网页的基本对象页面的布局及属性的设置在网页

7、中使用文本网页中插入图像在网页中使用表格超级链接3.1 3.1 页面的布局及属性的设置页面的布局及属性的设置页面的布局页面属性的设置网页布局的基本概念（页面尺寸、整体造型、页头、文本、页脚、图片、多媒体）网页布局的方法（纸上布局法、软件布局法）标题背景图像背景设置文本或链接颜色设置页面边距3.2 3.2 在网页中使用文本在网页中使用文本输入文本设置文本属性设置文本列表添加水平分隔线文档中输入普通文本空格的输入特殊符号的输入插入时间插入换行符插入Flash文本标题字体字号字体颜色文本对齐文本的缩进其他属性设置项目符号列表编号列表嵌套列表3.3 3.3 网页中插入图像网页中插入图像图像简述插入图像

8、设置图像属性创建图像映射插入页面图像插入背景图像改变图像大小页边距图像链接替代文字图像边框图像对齐3.4 3.4 在网页中使用表格在网页中使用表格创建表格编辑表格格式化表格表格数据的输出和输入表格的嵌套插入一个表格向表格单元格添加内容选择表格元素调整表格大小添加及删除行和列拆分和合并单元格通过表格属性面板格式化表格通过样式格式化表格对表格中的数据进行排序导入外部表格数据导出表格数据3.5 3.5 超级链接超级链接了解超级链接创建超级链接管理超级链接导航条超级链接的基础合理安排超级链接链接的路径（URL、绝对路径、相对路径、基于根目录的路径）创建文本链接创建图像链接创建邮件链接创建锚点链接添加链

9、接删除链接修改链接更新链接插入导航条编辑导航条导航条制作实例第第4 4章章 样式表样式表HTML样式表层叠样式表4.1 HTML4.1 HTML样式表样式表HTML样式面板编辑HTML样式应用HTML样式删除HTML样式样式名称样式类型4.2 4.2 层叠样式表层叠样式表层叠样式表简述编辑CSS样式CSS样式分类使用CSS样式的方式“CSS样式”面板创建CSS样式附加外部CSS样式表设置类型参数设置背景参数设置区块参数设置盒子参数设置边框参数设置列表参数设置定位参数设置扩展参数第第5 5章章 使用框架使用框架建立框架页面设置框架与框架集属性编辑框架页面用链接控制框架内容5.1 5.1 建立框架

10、页面建立框架页面创建框架删除框架创建嵌套框架框架和框架集的文件保存方式插入预定义框架集创建框架集保存框架集保存框架5.2 5.2 设置框架与框架集属性设置框架与框架集属性设置框架属性设置框架集属性设置框架名称设置框架边框设置框架的其他属性5.3 5.3 编辑框架页面编辑框架页面框架页面的编辑框架文件的替换编辑无框架内容第第6 6章章 层与时间轴层与时间轴层时间轴6.1 6.1 层层层的简述创建层编辑层设置层的属性层与表格的相互转换创建普通层创建嵌套层选择层调整层的大小移动层对齐层插入层对象打开层的属性面板层的属性面板设置将表格转换为层将层转换为层防止层重叠6.2 6.2 时间轴时间轴时间轴面板

11、建立时间轴动画修改时间轴时间轴的综合应用修改时间轴使用时间轴更改层和图像的属性使用多个时间轴复制和粘贴动画第第7 7章章 插入媒体插入媒体媒体简介插入Fireworks对象插入Flash对象插入其他媒体对象7.1 7.1 媒体简介媒体简介在网页中插入媒体对象启动外部编辑器7.3 7.3 插入插入FlashFlash对象对象插入Flash电影并设置Flash文件插入Flash按钮对象插入Flash文本对象插入Flash按钮在网页中插入Flash按钮修改Flash按钮播放Flash7.4 7.4 插入其他媒体对象插入其他媒体对象插入Shockwave影片插入ActiveX控件插入Java程序插入声

12、音文件插入Netscape Navigator插件常用于插入网页的声音文件的格式使用链接方式插入声音文件在网页中嵌套声音文件第第8 8章章 行为行为行为简述动作详解8.1 8.1 行为简述行为简述行为概述“行为”面板事件对象是产生行为的主体，或者称为行为的载体事件是触发行为的外部条件动作是完成行为的过程（子程序），是行为最终产生的动态效果创建行为Dreamweaver MX中包括的主要事件重新设定事件8.2 8.2 动作详解动作详解 播放声音 打开浏览器窗口 弹出信息 调用JavaScript 改变属性 交换图像 恢复交换图像 检查插件 检查浏览器 控制Shockwave和Flash 设置导航

13、条图像 设置文本 时间轴 拖动层 显示隐藏层 显示弹出式菜单 隐藏弹出式菜单 预先载入图像 转到URL第第9 9章章 表单表单使用表单创建表单对象9.1 9.1 使用表单使用表单了解表单和表单对象创建表单表单概述表单对象概述9.2 9.2 创建表单对象创建表单对象 创建文本域 创建文本区域 创建隐藏域 创建单选按钮 创建复选框 创建菜单 创建列表 创建按钮 创建其他表单对象第第10 10章章 库与模板库与模板使用库部件编辑库部件利用库部件更新网站创建模板10.1 10.1 使用库部件使用库部件创建库部件设置库部件参数为网页添加库部件更新当前文档更新站点中所有应用库部件的文档10.3 10.3

14、利用库部件更新网站利用库部件更新网站10.4 10.4 创建模板创建模板将现有文档存为模板新建空白模板定义模板的可编辑区域设置模板的页面属性第第11 11章章 测试并发布网站测试并发布网站网站测试发布网站11.1 11.1 网站测试网站测试服务器稳定性、安全性程序及数据库测试网页测试11.2 11.2 发布网站发布网站注册域名租用服务器空间上传网站第第12 12章章 使用使用Dreamweaver MXDreamweaver MX创建一创建一个讨论区个讨论区动态网页的工作方式使用PWS使用IIS数据库设计建立数据库连接编辑网页12.2 12.2 使用使用PWSPWS安装PWS设置PWS12.3 12.3 使用使用IISIIS安装IIS设置IIS12.4 12.4 数据库设计数据库设计创建数据库和表定义表与表之间的关系使用Access创建查询对象12.6 12.6 编辑网页编辑网页制作讨论主题页面制作添加讨论留言页面制作讨论主题列表页面制作显示详细讨论内容页面