网页设计与制作课程教学大纲.pdf

网页设计与制作课程教学大纲 1.课程设计的指导思想 一课程性质 1课程类别：专业选修课 2适应专业：软件工程 3开设学期：第二学期 4学时安排：周学时 22，总学时 72 5学分分配：二开设目的 本课程是计算机类专业的专业选修课,它是一门操作性和实践性很强的课程。本课程开设的主要目的，是为了适应 web 技术的飞速开展，为学生今后在学习、工作中建立及网页制作打下根底。通过本课程的学习，让学生了解一定的网络应用根底知识；能够熟练掌握网页制作工具网页三剑客 Dreamweaver、Fireworks、Flash 的使用，能自行设计各种网页、编辑一定的平面图像、网络动画。具备的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。三根本要求 1、知识要求：1网页设计根底知识 2DREAMWEAVER 的使用 3FIREWORKS 图像处理 4FLASH 的使用 5制作实例 2、能力要求：1学会熟练运用 Dreamweaver、Flash 和 Fireworks 应用软件；2熟练掌握使用绝对和相对 URL，创立超，图像；3 熟练掌握设置颜色、文本格式和列表；4 掌握在网页中添加 CSS 的方法 5掌握在网页中嵌入图像、声音、多媒体信息的方法；6熟练掌握表格的使用方法，学会利用表格布局网页；7掌握框架制作网页的方法，会使用框架设计网页；8掌握用 Fireworks 处理矢量图和位图。9掌握用 Flash 制作网页动画。3、素质要求：1具有勤奋学习的态度，严谨*、创新的工作作风；2具有良好的心理素质和职业道德素质 3具有高度责任心和良好的团队合作精神 4具有一定的科学思维方式和判断分析问题的能力 5具有较强的网页设计创意思维、艺术设计素质。四主要内容 计算机根底知识、网页三剑客 DREAMWEAVER 的使用、FIREWORKS 图像处理、FLASH 的使用。五先修课程 .v .计算机根底 六后继课程 Web 程序设计 七考核方式 上机考试 八使用教材 九参考书目 1、?网页设计与制作技术教程?王传华、段青玲、马钦 清华大学第二版.2、网页和制作根底操作与实例教程.*科学技术 3、Dreamweaver8PhotoshopCS2Flash8 网页制作教材.陈笑；李景池.清华大学 4、?使用技术根底?德力、卢明波、王化宇.*教育 教学内容 第一局部 网页设计与制作根底知识 教学目的 使学生了解什么是网页，网页元素等概念 主要内容 1 什么是网页，;2 Html 语言根底；3 构建的一般过程；教学要求 了解：设计与制作的前期准备 掌握：绘制首页效果图 第二局部 网页制作软件 Dreamweaver 教学目的 使学生了解设计概念；掌握软件界面及站点建立，Dreamweaver 的根本功能，表单和 CSS 样式表的应用及网页制作的高级技术。主要内容 1、设计概念，要求到达“了解掌握程度 的主题定位 的风格和创意设计 准备材料和构造规划 页面布局 定义站点、申请域名、空间 认识 HTML 语言 2、初识软件界面及站点建立，要求到达“了解掌握程度 Dreamweaver 软件界面 对象控制面板的使用 建立本地站点 建立远程站点 站点的更新和管理 3、Dreamweaver 的根本功能，要求到达“掌握程度，.v .添加文本 插入图片 插入表格 超级和导航条的创立 插入多媒体 4、表单和 CSS 样式表的应用，要求到达“了解掌握程度 插入表单 插入表单对象 创立并到外部 CSS 样式 5、网页制作高级技术，要求到达“了解掌握程度 创立层 设置层 层与表格的相互转换 创立框架 行为操作 创立模板 模板的应用 教学要求 了解：设计概念 掌握：软件界面及站点建立，Dreamweaver 的根本功能，表单和 CSS 样式表的应用及网页制作的高级技术。第三局部 图形制作与处理软件 Firewoks 教学目的 使学生了解 Fireworks 软件界面；掌握图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。主要内容 1、Fireworks 简介，要求到达“了解掌握程度 Fireworks 概述 Fireworks 的系统需求 Fireworks 的新增功能 Fireworks 窗口界面 创立新文档 导入和导出文档 2、图像的绘制和编辑，要求到达“掌握程度 绘制图像 编辑图像 3、文本与颜色，要求到达“掌握程度 文本的使用 颜色的使用 设置画布 4、层与元件，要求到达“掌握程度 层的使用 元件的使用 5、滤镜和特效，要求到达“了解掌握程度 .v .使用滤镜 使用特效 6、按钮和动画，要求到达“了解掌握程度 按钮 动画 教学要求 了解：Fireworks 软件界面 掌握：图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。第四局部 动画制作与编辑软件 Flash 教学目的 使学生了解 Flash 根本工作环境；掌握 Flash 绘图工具的使用方法，Flash 动画根底及 FIash 影片制作和发布。主要内容 1、初识 Flash，要求到达“了解程度 Flash 根本工作环境 认识舞台与时间轴.认识不同作用的面板 2、Flash 绘图工具，要求到达“掌握程度 矢量图与位图 线型与颜色 线条的绘制与修改 填充图形的绘制，选取工具 文本 变换工具 其他工具 3、Flash 动画根底，要求到达“掌握程度 层 帧 元件 Flash 的根本操作 4、FIash 影片制作和发布，要求到达“掌握程度 动画根底 逐帧动画 形状渐变 动作渐变 蒙板 运动导线 按钮 轨迹追踪 导入声音 参加视频 .v .测试发布 教学要求 了解：Flash 根本工作环境 掌握：Flash 绘图工具的使用方法，Flash 动画根底及 FIash 影片制作和发布。第五章 综合实例 教学目的 使学生能够熟练掌握网页制作工具 Dreamvwaver、Fireworks、Flash 的使用，能自行设计各种网页、编辑一定的平面图象、网络动画。具备的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。主要内容 综合实例，要求到达“掌握程度 网页设计准备工作 用 Fireworks 设计网页构造 用 Dreamweaver 生成网页 用 Flash 制作网页动画 整理网页 完成小型 WEB 站点网页的规划、设计、管理与维护 教学要求 掌握：Web 建立的根本方法，掌握网页制作工具的使用方法和技巧，培养学生设计的能力。课时分配及其它 一课时分配 课程总教学时数为 90 学时，安排在第二学期，每周 32 学时，上课 18 周。具体分配如下 章次 教学内容 讲授学时数 实验学时数 第一局部 网页设计与制作根底知识 4 6 第二局部 网页制作软件 Dreamweaver 12 10 第三局部 图形制作与处理软件 Firewoks 8 10 第四局部 动画制作与编辑软件 Flash 8 8 第五局部 综合实例 4 2 合计 36 36 二考核要求 平时成绩含考勤、作业与实验占 50%，期末上机考试成绩占 50%。