网页设计与制作电子课件

《网页设计与制作电子课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作项目式教程任务一：班级主页的界面设计任务二：班级主页的配色方案设计任务三：班级主页的界面导出任务四：班级主页首页制作任务五：班级主页二级页面制作任务六：班级主页页面的美化实现技术：Fireworks+Dreamweaver项目一《我们的青春年代》班级主页的设计与制作项目划分项目划分任务一：企业网站主页的设计企业网站服务器的配置企业网站主页的设计任务二：企业网站新闻的创建企业网站数据库的创建与连接企业网站新闻的基本操作企业网站新闻的显示企业网站管理员登录页的设计实现技术：ASP+Dreamweaver项目二《森兴木材》

2、企业网站的创建项目一《我们的青春年代》班级主页制作分析环节设计环节制作环节测试环节维护环节客户需求分析网站信息内容及功能分析计划的制定设计软件的选择网站界面布局设计网站色彩搭配方案设计网页开发技术选择静态网站的具体制作动态网站的具体制作典型用户的测试开发人员的测试网页内容的调整、更新网页的推广网页的制作流程项目一《我们的青春年代》班级主页制作班级主页网站信息结构我们的青春年代班级首页班级新闻班级相册班级文学班级作品班级留言新闻1新闻2新闻3班级成员活动图片图图贴贴诗歌散文笑话集锦小说专区作品展示学习资料下载专区项目一《我们的青春年

3、代》班级主页制作班级主页项目具体划分内容序号任务模块1班级主页的界面设计班级主页的界面框架设计班级主页Logo与导航条设计2班级主页的配色方案设计班级主页的配色方案设计3班级主页的界面导出班级主页的界面导出4班级主页首页制作班级主页站点的创建与管理班级主页首页基本元素的插入5班级主页二级页面制作【班级新闻】模块页面设计与制作其他页面的制作留言簿的制作6班级主页页面的美化班级主页页面的美化班级主页页面特效制作任务预备知识（一）Fireworks8基础矢量与位图对象交互式图形图像的优化与导出Fireworks8文档的基本操作Firew

4、orks8文档的新建、打开、导入、保存与导出Fireworks8的工作环境工具箱面板、属性检查器面板文本的输入与编辑矢量对象的基本操作位图的基本操作层、蒙版和混合模式滤镜的应用任务预备知识（一）矢量与位图对象矢量图形使用称为“矢量”的线条和曲线（包含颜色和位置信息）呈现图像。编辑矢量图时修改的是描述其形状的线条和曲线的属性。矢量图形与分辨率无关。位图图形由排列成网格的称为“像素”的点组成。图像是由网格中每个像素的位置和颜色值决定。编辑位图图形时修改的不是线条和曲线而是像素。位图图形与分辨率有关。交互式图形切片和热点是指定网页图形中

5、交互区域的网页对象。切片将图像切成不同的部分，可以将变换图像行为、动画和统一资源定位器(URL)链接应用到这些部分上。任务预备知识（一）Fireworks8文档的基本操作新建：选择【文件】

6、【新建】，设置画布大小、分辨率和颜色的属性值。要创建与剪贴板上的对象大小相同的新文档，则将需要参照大小的对象复制到剪贴板，然后选择【文件】

7、【新建】操作。打开：选择【文件】

8、【打开】操作。导入：选择【文件】

9、【导入】打开导入对话框，选择需要导入的对象，在文档中通过单击操作可以按照图像的实际尺寸导入图像对象，通过单击鼠标左键拖动的方式可以按照虚

10、线尺寸导入图像对象。保存：选择【文件】

11、【保存】或选择【文件】

12、【另存为】。导出：选择【文件】

13、【导出】操作或者直接选择【文件】

14、【图像预览】操作。任务预备知识（一）Fireworks8工作环境任务预备知识（一）Fireworks8文本编辑文本的编辑包括文本的字体、字号、字体样式设置、字距（可调范围为-99～100）、行距、文本方向、文本对齐方式、文本缩进、段落间距、基线调整（范围为-99～100，调整文字垂直方向的位置，负值低于基线，正值高于基线）等任务预备知识（一）Fireworks8矢量对象的基本操作直线、矩形和椭圆的绘制与

15、调整圆角矩形、多边形和星形的绘制与调整自动形状的绘制直线和曲线路径段的绘制与调整自由变形矢量路径的绘制路径的编辑任务预备知识（一）Fireworks8位图的基本操作创建位图对象位图的选择位图的修饰：擦除和克隆、模糊、锐化和涂抹像素、减淡和加深像素、红眼消除、替换颜色、调整位图颜色和色调层激活层、添加和删除层、保护层和对象、在【层】面板中合并对象、共享层蒙版矢量蒙版、位图蒙版、组合对象以构成蒙版、蒙版的应用方式、蒙版的替换、禁用和删除混合模式不透明模式、暗化模式、亮化模式、光照效果模式、反转模式、添色模式、热模式、数字模式和色调

16、模式滤镜的应用混合模式不透明模式效果混合模式暗化模式效果混合模式亮化模式效果混合模式光照效果混合模式反转模式效果混合模式添色模式效果混合模式热模式效果混合模式数学模式效果混合模式色调模式效果滤镜的应用亮度/对比度滤镜修改图像中所有像素的明亮度和对比