网页制作.ppt

面向21世纪高职高专计算机系列规划教材 网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编 网页制作 第1章 初识Dreamweaver MX 第2章 Photoshop 7.0和Flash MX的基本操作 第3章 创建网页的基本对象 第4章 样式表 第5章 使用框架 第6章 层与时间轴 第7章 插入媒体 第8章 行为 第9章 表单 第10章 库与模板 第11章 测试并发布网站 第12章 使用Dreamweaver MX创建一个讨论区 第1章 初识Dreamweaver MX 1.1 Dreamweaver MX简述 1.2 Dreamweaver MX的新特性 1.3 Dreamweaver MX的工作环境 1.4 网站与网页的基本知识 1.5 站点管理 1.1 Dreamweaver MX简述 Dreamweaver MX是Macromedia公司推出的一款“平民化”的网页制作软件，它具有可视化编辑界面和强大的所见即所得的网页编辑功能，用户不必编写复杂的HTML代码，就可以生成跨平台、跨浏览器的网页。该版本具有以下特色： 出色的工作界面 强大的协作能力 更为强大的多媒体处理功能 可制作Flash插件，支持目前流行的大部分网络设计代码 增强可库和模板功能 1.2 Dreamweaver MX的新特性 易用性 创新性 规范性 1.3 dreamweaver MX的工作环境 标题栏 菜单栏 工具栏 文档窗口 状态栏 “插入”面板 “属性”面板 可停靠浮动面板 1.4 网站与网页的基本知识 网页设计基础 网站设计基础 网站开发流程 “网页”就是指通过浏览器在WWW上看到的页面，网页的英文名为Web Page，我们通常所说的主页（home page）是指网站的第一个网页，通常名称为index。 网页设计的基本要求有：页面版式和布局、网页的色彩、网页的文字、网页中的表格等。 网站是网页的集合，是网页的组织形式。 在网站的设计过程中要注意以下几点：网站的目标、网站的风格、网站的CI形象（Corporate Identity）、网站的栏目和版块、网站目录和链接结构等。 一个完整的网站开发流程如下： 定义站点 建立网站结构 首页的设计和制作 其他页面的制作 测试 发布和维护 1.5 站点管理 创建站点 管理站点 第2章 Photoshop 7.0和Flash MX的基本操作 2.1 Photoshop 7.0的基本操作 2.2 Flash MX的基本操作 2.1 Photoshop 7.0的基本操作 Photoshop 7.0的主要功能和工作环境 Photoshop 7.0图像文件的基本操作 Photoshop 7.0的图像绘制和图像编辑 Photoshop 7.0图层、通道和路径的基本操作 滤镜的使用 文字的使用 图像的输入和输出 Photoshop 7.0的主要功能 Photoshop可以帮助用户提高处理图像的工作效率，提供必威体育精装版的创作方式，还可以帮助用户制作适用于打印、Web和其他任何用途的最佳品质的图像。 Photoshop 7.0的工作环境 它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。 新建和打开图像 保存和关闭图像 图像显示效果 图像和画布尺寸的调整 图像绘制（矩形选框工具、椭圆选框工具、套索工具、多边形套索工具、磁性套索工具、魔术棒工具、选区操作技巧、画笔工具、仿制图章工具、橡皮擦工具、魔术橡皮擦工具、图像调整工具、形状工具、渐变工具、油漆桶工具、填充命令、描边命令） 图像编辑（使用色彩控制工具设置绘图颜色、使用吸管工具设置绘图颜色、图像的移动、图像的复制、图像的删除、图像的去色、图像的裁切、图像的旋转、图像选区的变换、恢复操作） 图层（图层的含义、新建图层、复制图层、移动图层、删除图层、图层特殊效果、合并图层、图层的蒙版） 通道（通道的含义、创建新通道、复制通道） 路径（路径的含义、路径的绘制、路径控制面板） 滤镜介绍 滤镜使用（“水波”滤镜、“动感模糊”滤镜） 文字工具 文字变形 字符与段落设置 获取图像的方法（使用扫描仪、使用数码相机） 常用的图像文件格式（PSD格式和PDD格式、TIF格式、BMP格式、JPEG格式、GIF格式） 制作Web图像（制作JPEG图像、制作GIF图像） 2.2 Flash MX的基本操作 Flash MX的主要功能和工作环境 Flash MX绘图工具和浮动面板 图像编辑