网页制作面向21世纪高职高专计算机系列规划教材网页制作第1章初识DreamweaverMX第2章Photoshop7.0和FlashMX的基本操作第3章创建网页的基本对象第4章样式表第5章使用框架第6章层与时间轴第7章插入媒体第8章行为第9章表单第10章库与模板第11章测试并发布网站第12章使用DreamweaverMX创建一个讨论区面向21世纪高职高专计算机系列规划教材第1章初识DreamweaverMX1.1DreamweaverMX简述1.2DreamweaverMX的新特性1.3DreamweaverMX的工作环境1.4网站与网页的基本知识1.5站点管理面向21世纪高职高专计算机系列规划教材1.1DreamweaverMX简述DreamweaverMX是Macromedia公司推出的一款“平民化”的网页制作软件,它具有可视化编辑界面和强大的所见即所得的网页编辑功能,用户不必编写复杂的HTML代码,就可以生成跨平台、跨浏览器的网页。该版本具有以下特色:出色的工作界面强大的协作能力更为强大的多媒体处理功能可制作Flash插件,支持目前流行的大部分网络设计代码增强可库和模板功能面向21世纪高职高专计算机系列规划教材1.2DreamweaverMX的新特性易用性创新性规范性面向21世纪高职高专计算机系列规划教材1.3dreamweaverMX的工作环境标题栏菜单栏工具栏文档窗口状态栏“插入”面板“属性”面板可停靠浮动面板面向21世纪高职高专计算机系列规划教材1.4网站与网页的基本知识网页设计基础网站设计基础网站开发流程面向21世纪高职高专计算机系列规划教材“网页”就是指通过浏览器在上看到的页面,网页的英文名为WebPage,我们通常所说的主页(homepage)是指网站的第一个网页,通常名称为index。网页设计的基本要求有:页面版式和布局、网页的色彩、网页的文字、网页中的表格等。面向21世纪高职高专计算机系列规划教材网站是网页的集合,是网页的组织形式。在网站的设计过程中要注意以下几点:网站的目标、网站的风格、网站的CI形象(CorporateIdentity)、网站的栏目和版块、网站目录和链接结构等。面向21世纪高职高专计算机系列规划教材一个完整的网站开发流程如下:定义站点建立网站结构首页的设计和制作其他页面的制作测试发布和维护面向21世纪高职高专计算机系列规划教材1.5站点管理创建站点管理站点面向21世纪高职高专计算机系列规划教材第2章Photoshop7.0和FlashMX的基本操作2.1Photoshop7.0的基本操作2.2FlashMX的基本操作面向21世纪高职高专计算机系列规划教材2.1Photoshop7.0的基本操作Photoshop7.0的主要功能和工作环境Photoshop7.0图像文件的基本操作Photoshop7.0的图像绘制和图像编辑Photoshop7.0图层、通道和路径的基本操作滤镜的使用文字的使用图像的输入和输出面向21世纪高职高专计算机系列规划教材Photoshop7.0的主要功能Photoshop可以帮助用户提高处理图像的工作效率,提供最新的创作方式,还可以帮助用户制作适用于打印、Web和其他任何用途的最佳品质的图像。Photoshop7.0的工作环境它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。面向21世纪高职高专计算机系列规划教材新建和打开图像保存和关闭图像图像显示效果图像和画布尺寸的调整面向21世纪高职高专计算机系列规划教材图像绘制(矩形选框工具、椭圆选框工具、套索工具、多边形套索工具、磁性套索工具、魔术棒工具、选区操作技巧、画笔工具、仿制图章工具、橡皮擦工具、魔术橡皮擦工具、图像调整工具、形状工具、渐变工具、油漆桶工具、填充命令、描边命令)图像编辑(使用色彩控制工具设置绘图颜色、使用吸管工具设置绘图颜色、图像的移动、图像的复制、图像的删除、图像的去色、图像的裁切、图像的旋转、图像选区的变换、恢复操作)面向21世纪高职高专计算机系列规划教材图层(图层的含义、新建图层、复制图层、移动图层、删除图层、图层特殊效果、合并图层、图层的蒙版)通道(通道的含义、创建新通道、复制通道)路径(路径的含义、路径的绘制、路径控制面板)面向21世纪高职高专计算机系列规划教材滤镜介绍滤镜使用(“水波”滤镜、“动感模糊”滤镜)面向21世纪高职高专计算机系列规划教材文字工具文字变形字符与段落设置面向21世纪高职高专计算机系列规划教材获取图像的方法(使用扫描仪、使用数码相机)常用的图像文件格式(PSD格式和PDD格式、TIF格式、BMP格式、JPEG格式、GIF格式)制作Web图像(制作JPEG图像、制作GIF图像)面向21世纪高职高专计算机系列规划教材2.2FlashMX的基本操作FlashMX的主要功能和工作环境FlashMX绘图工具和浮动面板图像编辑时间轴创建动画符号声音面向21世纪高职高专计算机系列规划教材FlashMX的主要功能FlashMX的工作环境(菜单栏、工具栏、时间轴、工作区、浮动面板)面向21世纪高职高专计算机系列规划教材绘图工具浮动面板面向21世纪高职高专计算机系列规划教材建立动画文件图形的基本编辑对象的对齐对象的组合导入图形图形的变形操作图形的整体操作显示比例面向21世纪高职高专计算机系列规划教材认识图层层的基本操作引导层运动引导层蒙版层帧面向21世纪高职高专计算机系列规划教材逐帧动画形变动画运动动画蒙版动画面向21世纪高职高专计算机系列规划教材认识符号制作符号按钮的制作编辑符号实例和符号的关系面向21世纪高职高专计算机系列规划教材认识FlashMX中的声音添加声音面向21世纪高职高专计算机系列规划教材第3章创建网页的基本对象页面的布局及属性的设置在网页中使用文本网页中插入图像在网页中使用表格超级链接面向21世纪高职高专计算机系列规划教材3.1页面的布局及属性的设置页面的布局页面属性的设置面向21世纪高职高专计算机系列规划教材网页布局的基本概念(页面尺寸、整体造型、页头、文本、页脚、图片、多媒体)网页布局的方法(纸上布局法、软件布局法)面向21世纪高职高专计算机系列规划教材标题背景图像背景设置文本或链接颜色设置页面边距面向21世纪高职高专计算机系列规划教材3.2在网页中使用文本输入文本设置文本属性设置文本列表添加水平分隔线面向21世纪高职高专计算机系列规划教材文档中输入普通文本空格的输入特殊符号的输入插入时间插入换行符插入Flash文本面向21世纪高职高专计算机系列规划教材标题字体字号字体颜色文本对齐文本的缩进其他属性设置面向21世纪高职高专计算机系列规划教材项目符号列表编号列表嵌套列表面向21世纪高职高专计算机系列规划教材3.3网页中插入图像图像简述插入图像设置图像属性创建图像映射面向21世纪高职高专计算机系列规划教材插入页面图像插入背景图像面向21世纪高职高专计算机系列规划教材改变图像大小页边距图像链接替代文字图像边框图像对齐面向21世纪高职高专计算机系列规划教材3.4在网页中使用表格创建表格编辑表格格式化表格表格数据的输出和输入表格的嵌套面向21世纪高职高专计算机系列规划教材插入一个表格向表格单元格添加内容面向21世纪高职高专计算机系列规划教材选择表格元素调整表格大小添加及删除行和列拆分和合并单元格面向21世纪高职高专计算机系列规划教材通过表格属性面板格式化表格通过样式格式化表格对表格中的数据进行排序面向21世纪高职高专计算机系列规划教材导入外部表格数据导出表格数据面向21世纪高职高专计算机系列规划教材3.5超级链接了解超级链接创建超级链接管理超级链接导航条面向21世纪高职高专计算机系列规划教材超级链接的基础合理安排超级链接链接的路径(URL、绝对路径、相对路径、基于根目录的路径)面向21世纪高职高专计算机系列规划教材创建文本链接创建图像链接创建邮件链接创建锚点链接面向21世纪高职高专计算机系列规划教材添加链接删除链接修改链接更新链接面向21世纪高职高专计算机系列规划教材插入导航条编辑导航条导航条制作实例面向21世纪高职高专计算机系列规划教材第4章样式表HTML样式表层叠样式表面向21世纪高职高专计算机系列规划教材4.1HTML样式表HTML样式面板编辑HTML样式应用HTML样式删除HTML样式面向21世纪高职高专计算机系列规划教材样式名称样式类型面向21世纪高职高专计算机系列规划教材4.2层叠样式表层叠样式表简述编辑CSS样式面向21世纪高职高专计算机系列规划教材CSS样式分类使用CSS样式的方式“CSS样式”面板创建CSS样式附加外部CSS样式表面向21世纪高职高专计算机系列规划教材设置类型参数设置背景参数设置区块参数设置盒子参数设置边框参数设置列表参数设置定位参数设置扩展参数面向21世纪高职高专计算机系列规划教材第5章使用框架建立框架页面设置框架与框架集属性编辑框架页面用链接控制框架内容面向21世纪高职高专计算机系列规划教材5.1建立框架页面创建框架删除框架创建嵌套框架框架和框架集的文件保存方式面向21世纪高职高专计算机系列规划教材插入预定义框架集创建框架集面向21世纪高职高专计算机系列规划教材保存框架集保存框架面向21世纪高职高专计算机系列规划教材5.2设置框架与框架集属性设置框架属性设置框架集属性面向21世纪高职高专计算机系列规划教材设置框架名称设置框架边框设置框架的其他属性面向21世纪高职高专计算机系列规划教材5.3编辑框架页面框架页面的编辑框架文件的替换编辑无框架内容面向21世纪高职高专计算机系列规划教材第6章层与时间轴层时间轴面向21世纪高职高专计算机系列规划教材6.1层层的简述创建层编辑层设置层的属性层与表格的相互转换面向21世纪高职高专计算机系列规划教材创建普通层创建嵌套层面向21世纪高职高专计算机系列规划教材选择层调整层的大小移动层对齐层插入层对象面向21世纪高职高专计算机系列规划教材打开层的属性面板层的属性面板设置面向21世纪高职高专计算机系列规划教材将表格转换为层将层转换为层防止层重叠面向21世纪高职高专计算机系列规划教材6.2时间轴时间轴面板建立时间轴动画修改时间轴时间轴的综合应用面向21世纪高职高专计算机系列规划教材修改时间轴使用时间轴更改层和图像的属性使用多个时间轴复制和粘贴动画面向21世纪高职高专计算机系列规划教材第7章插入媒体媒体简介插入Fireworks对象插入Flash对象插入其他媒体对象面向21世纪高职高专计算机系列规划教材7.1媒体简介在网页中插入媒体对象启动外部编辑器面向21世纪高职高专计算机系列规划教材7.3插入Flash对象插入Flash电影并设置Flash文件插入Flash按钮对象插入Flash文本对象面向21世纪高职高专计算机系列规划教材插入Flash按钮在网页中插入Flash按钮修改Flash按钮播放Flash面向21世纪高职高专计算机系列规划教材7.4插入其他媒体对象插入Shockwave影片插入ActiveX控件插入Java程序插入声音文件插入NetscapeNavigator插件面向21世纪高职高专计算机系列规划教材常用于插入网页的声音文件的格式使用链接方式插入声音文件在网页中嵌套声音文件面向21世纪高职高专计算机系列规划教材第8章行为行为简述动作详解面向21世纪高职高专计算机系列规划教材8.1行为简述行为概述“行为”面板事