网页制作课件

网页制作ppt课件网页制作ppt课件1网网页页制作制作第1章 初识Dreamweaver MX第2章 Photoshop 7.0和Flash MX的基本操作第3章 创建网页的基本对象第4章 样式表第5章 使用框架第6章 层与时间轴第7章 插入媒体第8章 行为第9章 表单第10章 库与模板第11章 测试并发布网站第12章 使用Dreamweaver MX创建一个讨论区面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材网页制作第1章 初识Dreamweaver MX面向2网页制作课件3网页制作课件41.2 Dreamweaver MX的新特性的新特性易用性创新性规范性面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材1.2 Dreamweaver MX的新特性易用性面向21世51.3 dreamweaver MX的工作的工作环环境境标题栏菜单栏工具栏文档窗口状态栏“插入”面板“属性”面板可停靠浮动面板面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材1.3 dreamweaver MX的工作环境标题栏面向2161.4 网站与网网站与网页页的基本知的基本知识识网页设计基础网站设计基础网站开发流程面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材1.4 网站与网页的基本知识网页设计基础面向21世纪高职高专7 “网页”就是指通过浏览器在WWW上看到的页面，网页的英文名为Web Page，我们通常所说的主页（home page）是指网站的第一个网页，通常名称为index。网页设计的基本要求有：页面版式和布局、网页的色彩、网页的文字、网页中的表格等。面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材 “网页”就是指通过浏览器在WWW上看到8 网站是网页的集合，是网页的组织形式。在网站的设计过程中要注意以下几点：网站的目标、网站的风格、网站的CI形象（Corporate Identity）、网站的栏目和版块、网站目录和链接结构等。面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材 网站是网页的集合，是网页的组织形式。面9一个完整的网站开发流程如下：定义站点建立网站结构首页的设计和制作其他页面的制作测试发布和维护面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材一个完整的网站开发流程如下：面向21世纪高职高专计算机系列规101.5 站点管理站点管理创建站点管理站点面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材1.5 站点管理创建站点面向21世纪高职高专计算机系列规划教11第第2章章 Photoshop 7.0和和Flash MX的基本操作的基本操作2.1 Photoshop 7.0的基本操作2.2 Flash MX的基本操作面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第2章 Photoshop 7.0和Flash MX的基本122.1 Photoshop 7.0的基本操作的基本操作Photoshop 7.0的主要功能和工作环境Photoshop 7.0图像文件的基本操作Photoshop 7.0的图像绘制和图像编辑Photoshop 7.0图层、通道和路径的基本操作滤镜的使用文字的使用图像的输入和输出面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材2.1 Photoshop 7.0的基本操作Photosho13Photoshop 7.0的主要功能 Photoshop可以帮助用户提高处理图像的工作效率，提供最新的创作方式，还可以帮助用户制作适用于打印、Web和其他任何用途的最佳品质的图像。Photoshop 7.0的工作环境 它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材Photoshop 7.0的主要功能面向21世纪高职高专计算14新建和打开图像保存和关闭图像图像显示效果图像和画布尺寸的调整面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材新建和打开图像面向21世纪高职高专计算机系列规划教材15图像绘制（矩形选框工具、椭圆选框工具、套索工具、多边形套索工具、磁性套索工具、魔术棒工具、选区操作技巧、画笔工具、仿制图章工具、橡皮擦工具、魔术橡皮擦工具、图像调整工具、形状工具、渐变工具、油漆桶工具、填充命令、描边命令）图像编辑（使用色彩控制工具设置绘图颜色、使用吸管工具设置绘图颜色、图像的移动、图像的复制、图像的删除、图像的去色、图像的裁切、图像的旋转、图像选区的变换、恢复操作）面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材图像绘制（矩形选框工具、椭圆选框工具、套索工具、多边形套索工16图层（图层的含义、新建图层、复制图层、移动图层、删除图层、图层特殊效果、合并图层、图层的蒙版）通道（通道的含义、创建新通道、复制通道）路径（路径的含义、路径的绘制、路径控制面板）面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材图层（图层的含义、新建图层、复制图层、移动图层、删除图层、图17滤镜介绍滤镜使用（“水波”滤镜、“动感模糊”滤镜）面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材滤镜介绍面向21世纪高职高专计算机系列规划教材18文字工具文字变形字符与段落设置面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材文字工具面向21世纪高职高专计算机系列规划教材19获取图像的方法（使用扫描仪、使用数码相机）常用的图像文件格式（PSD格式和PDD格式、TIF格式、BMP格式、JPEG格式、GIF格式）制作Web图像（制作JPEG图像、制作GIF图像）面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材获取图像的方法（使用扫描仪、使用数码相机）面向21世纪高职高202.2 Flash MX的基本操作的基本操作Flash MX的主要功能和工作环境Flash MX绘图工具和浮动面板图像编辑时间轴创建动画符号声音面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材2.2 Flash MX的基本操作Flash MX的主要功能21Flash MX的主要功能Flash MX的工作环境（菜单栏、工具栏、时间轴、工作区、浮动面板）面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材Flash MX的主要功能面向21世纪高职高专计算机系列规划22绘图工具浮动面板面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材绘图工具面向21世纪高职高专计算机系列规划教材23建立动画文件图形的基本编辑对象的对齐对象的组合导入图形图形的变形操作图形的整体操作显示比例面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材建立动画文件面向21世纪高职高专计算机系列规划教材24认识图层层的基本操作引导层运动引导层蒙版层帧面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材认识图层面向21世纪高职高专计算机系列规划教材25逐帧动画形变动画运动动画蒙版动画面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材逐帧动画面向21世纪高职高专计算机系列规划教材26认识符号制作符号按钮的制作编辑符号实例和符号的关系面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材认识符号面向21世纪高职高专计算机系列规划教材27认识Flash MX中的声音添加声音面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材认识Flash MX中的声音面向21世纪高职高专计算机系列规28第第3章章 创创建网建网页页的基本的基本对对象象页面的布局及属性的设置在网页中使用文本网页中插入图像在网页中使用表格超级链接面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第3章 创建网页的基本对象页面的布局及属性的设置面向21世纪293.1 页页面的布局及属性的面的布局及属性的设设置置页面的布局页面属性的设置面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材3.1 页面的布局及属性的设置页面的布局面向21世纪高职高专30网页布局的基本概念（页面尺寸、整体造型、页头、文本、页脚、图片、多媒体）网页布局的方法（纸上布局法、软件布局法）面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材网页布局的基本概念（页面尺寸、整体造型、页头、文本、页脚、图31标题背景图像背景设置文本或链接颜色设置页面边距面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材标题面向21世纪高职高专计算机系列规划教材323.2 在网在网页页中使用文本中使用文本输入文本设置文本属性设置文本列表添加水平分隔线面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材3.2 在网页中使用文本输入文本面向21世纪高职高专计算机系33文档中输入普通文本空格的输入特殊符号的输入插入时间插入换行符插入Flash文本面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材文档中输入普通文本面向21世纪高职高专计算机系列规划教材34标题字体字号字体颜色文本对齐文本的缩进其他属性设置面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材标题面向21世纪高职高专计算机系列规划教材35项目符号列表编号列表嵌套列表面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材项目符号列表面向21世纪高职高专计算机系列规划教材363.3 网网页页中插入中插入图图像像图像简述插入图像设置图像属性创建图像映射面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材3.3 网页中插入图像图像简述面向21世纪高职高专计算机系列37插入页面图像插入背景图像面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材插入页面图像面向21世纪高职高专计算机系列规划教材38改变图像大小页边距图像链接替代文字图像边框图像对齐面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材改变图像大小面向21世纪高职高专计算机系列规划教材393.4 在网在网页页中使用表格中使用表格创建表格编辑表格格式化表格表格数据的输出和输入表格的嵌套面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材3.4 在网页中使用表格创建表格面向21世纪高职高专计算机系40插入一个表格向表格单元格添加内容面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材插入一个表格面向21世纪高职高专计算机系列规划教材41选择表格元素调整表格大小添加及删除行和列拆分和合并单元格面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材选择表格元素面向21世纪高职高专计算机系列规划教材42通过表格属性面板格式化表格通过样式格式化表格对表格中的数据进行排序面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材通过表格属性面板格式化表格面向21世纪高职高专计算机系列规划43导入外部表格数据导出表格数据面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材导入外部表格数据面向21世纪高职高专计算机系列规划教材443.5 超超级链级链接接了解超级链接创建超级链接管理超级链接导航条面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材3.5 超级链接了解超级链接面向21世纪高职高专计算机系列规45超级链接的基础合理安排超级链接链接的路径（URL、绝对路径、相对路径、基于根目录的路径）面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材超级链接的基础面向21世纪高职高专计算机系列规划教材46创建文本链接创建图像链接创建邮件链接创建锚点链接面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材创建文本链接面向21世纪高职高专计算机系列规划教材47添加链接删除链接修改链接更新链接面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材添加链接面向21世纪高职高专计算机系列规划教材48插入导航条编辑导航条导航条制作实例面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材插入导航条面向21世纪高职高专计算机系列规划教材49第第4章章 样样式表式表HTML样式表层叠样式表面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第4章 样式表HTML样式表面向21世纪高职高专计算机系列规504.1 HTML样样式表式表HTML样式面板编辑HTML样式应用HTML样式删除HTML样式面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材4.1 HTML样式表HTML样式面板面向21世纪高职高专计51样式名称样式类型面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材样式名称面向21世纪高职高专计算机系列规划教材524.2 层层叠叠样样式表式表层叠样式表简述编辑CSS样式面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材4.2 层叠样式表层叠样式表简述面向21世纪高职高专计算机系53CSS样式分类使用CSS样式的方式“CSS样式”面板创建CSS样式附加外部CSS样式表面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材CSS样式分类面向21世纪高职高专计算机系列规划教材54设置类型参数设置背景参数设置区块参数设置盒子参数设置边框参数设置列表参数设置定位参数设置扩展参数面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材设置类型参数面向21世纪高职高专计算机系列规划教材55第第5章章 使用框架使用框架建立框架页面设置框架与框架集属性编辑框架页面用链接控制框架内容面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第5章 使用框架建立框架页面面向21世纪高职高专计算机系列规565.1 建立框架建立框架页页面面创建框架删除框架创建嵌套框架框架和框架集的文件保存方式面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材5.1 建立框架页面创建框架面向21世纪高职高专计算机系列规57插入预定义框架集创建框架集面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材插入预定义框架集面向21世纪高职高专计算机系列规划教材58保存框架集保存框架面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材保存框架集面向21世纪高职高专计算机系列规划教材595.2 设设置框架与框架集属性置框架与框架集属性设置框架属性设置框架集属性面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材5.2 设置框架与框架集属性设置框架属性面向21世纪高职高专60设置框架名称设置框架边框设置框架的其他属性面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材设置框架名称面向21世纪高职高专计算机系列规划教材615.3 编辑编辑框架框架页页面面框架页面的编辑框架文件的替换编辑无框架内容面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材5.3 编辑框架页面框架页面的编辑面向21世纪高职高专计算机62第第6章章 层层与与时间轴时间轴层时间轴面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第6章 层与时间轴层面向21世纪高职高专计算机系列规划教材636.1 层层层的简述创建层编辑层设置层的属性层与表格的相互转换面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材6.1 层层的简述面向21世纪高职高专计算机系列规划教材64创建普通层创建嵌套层面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材创建普通层面向21世纪高职高专计算机系列规划教材65选择层调整层的大小移动层对齐层插入层对象面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材选择层面向21世纪高职高专计算机系列规划教材66打开层的属性面板层的属性面板设置面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材打开层的属性面板面向21世纪高职高专计算机系列规划教材67将表格转换为层将层转换为层防止层重叠面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材将表格转换为层面向21世纪高职高专计算机系列规划教材686.2 时间轴时间轴时间轴面板建立时间轴动画修改时间轴时间轴的综合应用面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材6.2 时间轴时间轴面板面向21世纪高职高专计算机系列规划教69修改时间轴使用时间轴更改层和图像的属性使用多个时间轴复制和粘贴动画面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材修改时间轴面向21世纪高职高专计算机系列规划教材70第第7章章 插入媒体插入媒体媒体简介插入Fireworks对象插入Flash对象插入其他媒体对象面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第7章 插入媒体媒体简介面向21世纪高职高专计算机系列规划教717.1 媒体媒体简简介介在网页中插入媒体对象启动外部编辑器面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材7.1 媒体简介在网页中插入媒体对象面向21世纪高职高专计算727.3 插入插入Flash对对象象插入Flash电影并设置Flash文件插入Flash按钮对象插入Flash文本对象面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材7.3 插入Flash对象插入Flash电影并设置Flash73插入Flash按钮在网页中插入Flash按钮修改Flash按钮播放Flash面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材插入Flash按钮面向21世纪高职高专计算机系列规划教材747.4 插入其他媒体插入其他媒体对对象象插入Shockwave影片插入ActiveX控件插入Java程序插入声音文件插入Netscape Navigator插件面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材7.4 插入其他媒体对象插入Shockwave影片面向21世75常用于插入网页的声音文件的格式使用链接方式插入声音文件在网页中嵌套声音文件面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材常用于插入网页的声音文件的格式面向21世纪高职高专计算机系列76第第8章章 行行为为行为简述动作详解面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第8章 行为行为简述面向21世纪高职高专计算机系列规划教材778.1 行行为简为简述述行为概述“行为”面板事件面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材8.1 行为简述行为概述面向21世纪高职高专计算机系列规划教78对象是产生行为的主体，或者称为行为的载体事件是触发行为的外部条件动作是完成行为的过程（子程序），是行为最终产生的动态效果创建行为面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材对象是产生行为的主体，或者称为行为的载体面向21世纪高职高专79Dreamweaver MX中包括的主要事件重新设定事件面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材Dreamweaver MX中包括的主要事件面向21世纪高职808.2 动动作作详详解解播放声音打开浏览器窗口弹出信息调用JavaScript改变属性交换图像恢复交换图像检查插件检查浏览器控制Shockwave和Flash设置导航条图像设置文本时间轴拖动层显示隐藏层显示弹出式菜单隐藏弹出式菜单预先载入图像转到URL面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材8.2 动作详解播放声音设置导航条图像面向21世纪高职高专计81第第9章章 表表单单使用表单创建表单对象面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第9章 表单使用表单面向21世纪高职高专计算机系列规划教材829.1 使用表使用表单单了解表单和表单对象创建表单面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材9.1 使用表单了解表单和表单对象面向21世纪高职高专计算机83表单概述表单对象概述面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材表单概述面向21世纪高职高专计算机系列规划教材849.2 创创建表建表单对单对象象创建文本域创建文本区域创建隐藏域创建单选按钮创建复选框创建菜单创建列表创建按钮创建其他表单对象面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材9.2 创建表单对象创建文本域创建菜单面向21世纪高职高专计85第第10章章 库库与模板与模板使用库部件编辑库部件利用库部件更新网站创建模板面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第10章 库与模板使用库部件面向21世纪高职高专计算机系列规8610.1 使用使用库库部件部件创建库部件设置库部件参数为网页添加库部件面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材10.1 使用库部件创建库部件面向21世纪高职高专计算机系列87更新当前文档更新站点中所有应用库部件的文档10.3 利用利用库库部件更新网站部件更新网站面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材更新当前文档10.3 利用库部件更新网站面向21世纪高职高专8810.4 创创建模板建模板将现有文档存为模板新建空白模板定义模板的可编辑区域设置模板的页面属性面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材10.4 创建模板将现有文档存为模板面向21世纪高职高专计算89第第11章章 测试测试并并发发布网站布网站网站测试发布网站面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第11章 测试并发布网站网站测试面向21世纪高职高专计算机系9011.1 网站网站测试测试服务器稳定性、安全性程序及数据库测试网页测试面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材11.1 网站测试服务器稳定性、安全性面向21世纪高职高专计9111.2 发发布网站布网站注册域名租用服务器空间上传网站面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材11.2 发布网站注册域名面向21世纪高职高专计算机系列规划92第第12章章 使用使用Dreamweaver MX创建建一个一个讨论区区动态网页的工作方式使用PWS使用IIS数据库设计建立数据库连接编辑网页面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材第12章 使用Dreamweaver MX创建一个讨论区动态9312.2 使用使用PWS安装PWS设置PWS面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材12.2 使用PWS安装PWS面向21世纪高职高专计算机系列9412.3 使用使用IIS安装IIS设置IIS面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材12.3 使用IIS安装IIS面向21世纪高职高专计算机系列9512.4 数据数据库设计库设计创建数据库和表定义表与表之间的关系使用Access创建查询对象面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材12.4 数据库设计创建数据库和表面向21世纪高职高专计算机9612.6 编辑编辑网网页页制作讨论主题页面制作添加讨论留言页面制作讨论主题列表页面制作显示详细讨论内容页面面向面向21世纪高职高专计算机系列规划教材世纪高职高专计算机系列规划教材12.6 编辑网页制作讨论主题页面面向21世纪高职高专计算机97