网页设计与制作项目式教程(上).ppt

网页设计与制作项目式教程 项目划分 任务一：班级主页的界面设计 任务二：班级主页的配色方案设计 任务三：班级主页的界面导出 任务四：班级主页首页制作 任务五：班级主页二级页面制作 任务六：班级主页页面的美化 实现技术：Fireworks+Dreamweaver 项目划分 任务一：企业网站主页的设计 企业网站服务器的配置 企业网站主页的设计 任务二：企业网站新闻的创建 企业网站数据库的创建与连接 企业网站新闻的基本操作 企业网站新闻的显示 企业网站管理员登录页的设计 实现技术：ASP+Dreamweaver 项目划分 任务一：个人主页的界面设计 个人主页结构的分析与素材的准备 片头欢迎动画的设计制作 任务二：页面的制作和ActionScript的添加 按钮和页面跳转的实现 首页的制作 相册页面的制作 日志页面的制作 好友页面的制作 音乐的添加 实现技术：Flash 项目一 《我们的青春年代》班级主页制作 网页的制作流程 项目一 《我们的青春年代》班级主页制作 班级主页网站信息结构 项目一 《我们的青春年代》班级主页制作 班级主页项目具体划分 任务预备知识 （一） Fireworks 8 基础 矢量与位图对象 交互式图形 图像的优化与导出 Fireworks 8文档的基本操作 Fireworks 8文档的新建、打开、导入、保存与导出 Fireworks 8的工作环境 工具箱面板 、属性检查器面板 文本的输入与编辑 矢量对象的基本操作 位图的基本操作 层、蒙版和混合模式 滤镜的应用 任务预备知识 （一） 矢量与位图对象 矢量图形使用称为“矢量”的线条和曲线（包含颜色和位置信息）呈现图像。编辑矢量图时修改的是描述其形状的线条和曲线的属性。矢量图形与分辨率无关 。 位图图形由排列成网格的称为“像素”的点组成。图像是由网格中每个像素的位置和颜色值决定。编辑位图图形时修改的不是线条和曲线而是像素。位图图形与分辨率有关。 交互式图形 切片和热点是指定网页图形中交互区域的网页对象。切片将图像切成不同的部分，可以将变换图像行为、动画和统一资源定位器 (URL) 链接应用到这些部分上。 任务预备知识 （一） Fireworks 8文档的基本操作 新建：选择【文件】|【新建】 ，设置画布大小、分辨率和颜色的属性值 。要创建与剪贴板上的对象大小相同的新文档 ，则将需要参照大小的对象复制到剪贴板，然后选择【文件】|【新建】操作 。 打开：选择【文件】|【打开】操作 。 导入：选择【文件】|【导入】打开导入对话框，选择需要导入的对象 ，在文档中通过单击操作可以按照图像的实际尺寸导入图像对象，通过单击鼠标左键拖动的方式可以按照虚线尺寸导入图像对象。 保存：选择【文件】|【保存】 或选择【文件】|【另存为】 。 导出： 选择【文件】|【导出】操作或者直接选择【文件】|【图像预览】操作 。 任务预备知识 （一） Fireworks 8工作环境 任务预备知识 （一） Fireworks 8文本编辑 文本的编辑包括文本的字体、字号、字体样式设置、字距（可调范围为-99～100）、行距、文本方向、文本对齐方式、文本缩进、段落间距、基线调整（范围为-99～100，调整文字垂直方向的位置，负值低于基线，正值高于基线）等 任务预备知识 （一） Fireworks 8矢量对象的基本操作 直线、矩形和椭圆的绘制与调整 圆角矩形、多边形和星形的绘制与调整 自动形状的绘制 直线和曲线路径段的绘制与调整 自由变形矢量路径的绘制 路径的编辑 任务预备知识 （一） Fireworks 8位图的基本操作 创建位图对象 位图的选择 位图的修饰 ：擦除和克隆、模糊、锐化和涂抹像素 、减淡和加深像素 、红眼消除 、替换颜色 、调整位图颜色和色调 层激活层、添加和删除层 、保护层和对象 、在【层】面板中合并对象 、共享层 蒙版矢量蒙版 、位图蒙版 、组合对象以构成蒙版 、蒙版的应用方式、蒙版的替换、禁用和删除 混合模式 不透明模式、暗化模式、亮化模式、光照效果模式、反转模式、添色模式、热模式、数字模式和色调模式 滤镜的应用 混合模式 不透明模式效果 混合模式 暗化模式效果 混合模式 亮化模式效果 混合模式 光照效果 混合模式 反转模式效果 混合模式 添色模式效果 混合模式 热模式效果 混合模式 数学模式效果 混合模式 色调模式效果 滤镜的应用 亮度/对比度滤镜 滤镜的应用 色相/饱和度滤镜 滤镜的应用 色阶滤镜 滤镜的应用 曲线滤镜 滤镜的应用 模糊滤镜 滤镜的应用 锐化滤镜 模块二 班级主页的界面框架设计 任务描述