网页制作三剑客.docx
- 文档编号:23526796
- 上传时间:2023-05-17
- 格式:DOCX
- 页数:14
- 大小:71.02KB
网页制作三剑客.docx
《网页制作三剑客.docx》由会员分享,可在线阅读,更多相关《网页制作三剑客.docx(14页珍藏版)》请在冰豆网上搜索。
网页制作三剑客
网页制作三剑客
《网页制作》课程教学大纲
∙第一部分大纲说明
∙第二部分教程总体设计方案
∙第三部分教学内容和教学要求
第一部分大纲说明
一.课程性质、目的与任务
随着计算机网络与通讯技术的发展,Internet在人们的生活、学习和工作中的位置越来越重要,通过发布Web站点来开展各项政治与经济活动已成为当今时代的流行趋势。
因此,掌握Web网页的制作和Web站点的管理等知识已经成为现代人必备的一种技能。
本课程的将全面介绍网站建立与网页制作的有关知识以及Macromedia公司最新发布的网页制作顶级软件DreamweaverMX2004与FireworksMX2004的操作使用方法,目的是使学生全面掌握网站设计与建立的全过程以及Web页制作的常用技术和方法,使学生能够开发与制作出具有专业水准的网站,以适应现代网络社会对人才的需要。
二.与相关课程的衔接
学习者已经学习并掌握微机基础知识包括Windows的操作、网络的基本概念、Internet的使用。
三.课程教学目标
1.掌握网页图形图像处理方法。
通过学习Fireworks的图形图像处理的基本操作,能够利用该软件进行网页图形图象制作、文字制作、图像编辑与处理、按钮、导航条、Gif动画等网页元素的制作。
2.掌握多媒体动画制作方法。
使用Flash设计制作各种动画、在动画作品中加入图片、声音、视频等多种媒体、能够运用ActionScript实现动画控制和用户交互。
3.掌握网站建立与网页设计方法。
使用网页设计常用软件Dreamweaver创建与设置网站、管理与维护网站、测试与发布网站的技术与方法。
网页与网站的基本概念、网站策划与创建原则、网站的开发与发布工作流程、网页制作的各种方法和技巧,如文本处理、图象处理、超级链接、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。
在较短的时间内,通过学习《网页制作》网络教程,能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页;能够建立、管理与发布小型网站;应用网站与网页技术传授知识、传播信息。
四、教学方法与教学形式
为了提高教学效率与教学质量。
本课程采用五项教学策略。
1.多媒体网页教案。
本教程利用多媒体与网络技术制作网络教学课件,构筑计算机网络课程的现代化教学模式。
网页制作是一门实践性很强的课程,为了说明网站建立与网页制作方法在实际中的应用,实时展示就显得非常重要,因此我们按照教师课堂面授教学的整个过程,将讲述性的知识、概念等制作成文字、图片、图象等形式的网页,供学习者阅读;将演示型的制作方法、操作步骤等以动画仿真形式进行展示,供学习者观看。
目的是帮助学习者较快地理解和掌握课程的知识概念与操作方法,提高学习效率。
2.任务驱动教学。
网页制作课程是一门应用性学科,而非理论性课程,要求学习者亲身操练,反复练习,在自己设计与完善网站的过程中,在制作各种类型的网页操作中切实掌握所学的内容。
为此本教程根据各知识点的教学要求设计每章需要完成的目标任务,讲解之前,提供了范例预览、素材下载等功能,讲解之后提供实验样例及相关辅导,使学习者可以边学边练,切实掌握网页制作的技能。
3.知识自主建构。
为了适应学生的学习需要,本教程制作了[自学教案]——按照知识点循序渐进地学习;[流程演示]——按照制作流程选择性地学习两条路径。
学习者可根据自己的实际水平与学习习惯自主地获取课程知识。
本教程还根据课程的知识点制作了知识结构图与网页制作流程图,以方便学习者自主建构与掌握整个知识体系。
4.网络信息交互。
为了解决学生在学习中可能遇到的各种问题,本网站制作了联机讨论论坛与教师在线答疑模块。
学生与学生之间可以进行文字消息传送与联机讨论,老师与学生之间可以进行远程答疑与指导,帮助学习者解决学习过程中遇到的问题,以保证学习效果。
5.网站教学管理。
在教学课程网站建立电子考勤、作业上传、成绩查询等功能,通过网站对课堂教学与作业实验等教学环节进行管理。
第二部分教程总体设计方案
一、课时安排
序号
教学内容
总学时
讲授
上机实验
Fireworks图像制作
1
图像制作基础、文档操作、绘制矢量图形
4
2
2
2
图形编辑、文本制作
4
2
2
3
位图制作、层和遮照
4
2
2
第3章绘制矢量图形
绘制矢量路径、矢量图形、自动形状、应用填充、应用笔触
第4章图形编辑
选择编辑对象、修改组合矢量图、变形对象、组织对象
第5章文本制作
添加新字体、输入与编辑文本、对文字应用笔触,填充,效果和样式、制作文字路径
第6章位图制作
选取与编辑像素区域、修饰位图、修正颜色和色调
第7章 层和遮照
如何使用层来处理与组织图象;如何使用遮照创建部分被遮掩的图像效果
第8章按钮制作
使用按钮编辑器制作按钮图片、在网页中使用按钮图片制作出具有交换图象功能的按钮。
第9章动画制作
制作各种Gif动画方法:
帧—帧动画、轮转动画、运动类动画、使用“动画元件”渐变类动画、作遮照动画
第10章切片制作
创建切片、修改切片以及如何将切片导出为网页。
第11章优化导出
如何对图象进行优化、减少图象大小以及如何将优化的图象导出。
Ⅱ.Flash动画制作
教学内容:
第1章Flash基础
FlashMX2004简介、FlashMX2004工作界面、Flash动画制作一般过程
第2章绘图工具的使用
铅笔与直线工具、椭圆与矩形工具、多边形与星形工具、钢笔工具、笔刷工具、颜料桶工具、墨水瓶工具、吸管工具、文字工具、橡皮工具
第3章对象的编辑与变形
对象的选取、对象的变形、对象的组合、对象的排列、形状修改
第4章时间轴、帧与层
时间轴的概念、帧的基本操作、层的基本操作、普通引导层、运动引导层、遮罩层
第5章元件与实例
库面板的操作、创建图形元件、创建按钮元件、创建影片剪辑元件、实例的创建与修改、元件的编辑、导入外部资源
第6章动画制作
逐帧动画的制作、绘图纸显示模式、补间形状动画的制作、动作补间动画的制作、使用路径控制渐变移动、遮罩动画的制作
第7章时间轴特效
时间轴特效的制作步骤、时间轴特效的参数设置、时间轴特效的修改与删除
第8章声音的导入与使用
声音的导入、为影片添加声音、声音的效果设置和编辑、给按钮附加声音、声音的压缩与属性设置、使用行为控制声音、FlashMTV的制作步骤
第9章视频的嵌入与控制
Flash视频使用概述、导入视频文件、在导入时对视频进行编辑与设置、使用行为控制视频播放
第10章ActionScript编程基础
动作面板的使用、ActionScript的编程要素、ActionScript的语法规则、ActionScript的应用
第11章ActionScript常用命令
停止与播放命令、跳转命令 、加载与卸载影片命令、屏幕控制命令、建立URL地址链接、综合举例-制作电子相册
第12章动画的发布与导出
优化Flash影片、测试Flash动画、动画发布、导出Flash
Ⅲ.网站建立与网页制作
第一章网页制作基础
教学内容
第一节网页制作基础
一.网站与网页概述
二.网站建立方式
三.网站设计的一般原则与方法
第二节DreamweaverMX2004基础
一.DreamweaverMX2004概述
二.DreamweaverMX2004操作界面
教学要求
了解网站与网页的基本概念、网站建立方式与网站设计的一般原则与方法;了解网页设计常用工具的功能与用途;熟悉DreamweaverMX2004的工作界面基本结构
第二章网站的创建、管理与发布
教学内容
第一节规划网站
第二节创建本地站点
第三节创建远程站点
教学要求
掌握设计和定义网站的基本步骤以及使用DreamwearMX2004建立本地站点和远程站点的操作方法。
第三章网页文字制作
教学内容
第一节创建、保存与打开网页
第二节输入文本
第三节格式化文本
第四节设置项目列表
教学要求
掌握如何创建、保存与打开网页文件;如何在网页中输入文本;如何格式化文本以及对文本进行编辑排版的常用方法。
第四章网页图像处理
教学内容
第一节Web图像的基本格式
第二节插入图象
第三节设置图象属性
第四节创建鼠标经过图象
第五节创建图像地图
教学要求
了解在网页中使用的图像格式;学习如何在网页中插入图像;掌握设置图像各种相关属性的方法以及对图像进行排版的方法;学习制作水平线、鼠标经过图像、网站像册、图像热区等图像特效。
第五章超链接制作
教学内容
第一节超链接的组成
第二节制作超链接
第三节链接到文档内的指定位置(锚点)
第四节创建电子邮件链接
第五节创建跳转菜单
第六节创建导航条
第七节管理站点内的超链接
教学要求
超链接的类型;相对路径与绝对路径的使用方法;超级链接各目标参数的用法;在网页中创建各种超链接如文本、图像,电子邮件、锚点、程序等的方法;导航条与跳转菜单的特点与用法;利用超链接组织网站结构的技巧以及如何管理站点的超链接。
第六章表格制作
教学内容
第一节在网页中插入表格
第二节选取表格元素
第三节修改表格
第四节嵌套表格
第五节设置表格属性
第六节设置列、行和单元格属性
教学要求
掌握如何创建表格;如何对表格的结构进行调整与修改;如何设置表格与单元格的属性;以及如何通过表格对网页中的各种元素进行页面布局。
第七章使用布局视图设计网页
教学内容
第一节标准模式与布局模式的切换
第二节绘制布局表格与布局单元格
第三节移动和调整布局表格与单元格
第四节 为布局单元格添加内容
教学要求
了解页面布局的基本概念、掌握创建布局单元格和表格的方法、掌握布局视图参数的设置方法、掌握使用布局视图设置网页结构方法。
第八章使用框架设计网页
教学内容
第一节创建框架网页
第二节选取框架和框架集
第三节设置框架和框架集属性
教学要求
掌握框架页的建立方法、设置框架属性的方法以及如何在制作网页中实际应用框架的技巧。
第九章层的应用
教学内容
第一节创建层和嵌套层
第二节改变层顺序与可见性
第三节设置层属性
第四节用行为动作控制层
教学要求
掌握如何创建普通层与嵌套层;如何设置层的排列顺序与可见性;如何设置层的属性;如何通过层对网页元素进行页面布局以及如何制作具有交互功能的层。
第十章 CSS样式
第一节设置页面属性
第二节 创建CSS样式
第三节 应用CSS样式
第四节 附加与链接样式表
第五节 修改CSS样式与样式表
教学要求
掌握如何设置页面属性;如何创建CSS样式;如何对网页元素应用CSS样式;如何修改CSS样式;如何将CSS样式表附加链接到网页中,以便直接应用已创建的CSS样式。
第十一章模板和库
教学内容
第一节创建模板
第二节修改模板
第三节建立基于模板的网页
第四节创建库项目
第五节 在网页中插入库项目
第六节 修改库项目
教学要求
掌握如何创建模板、编辑模板以及如何应用模板快速建立风格相似的网页;掌握如何建立与编辑库项目以及在网页中应用库项目。
第十二章多媒体制作
教学内容
第一节创建Flash按钮
第二节 创建Flash文本
第三节 插入Flash影片
第四节添加音频
第五节嵌入视频
教学要求
掌握创建Flash按钮;在网页中插入Flash影片;在网页中播放各种声音文件以及在网页中嵌入视频影片。
第十三章使用行为
教学内容
第一节行为面板的使用与添加行为
第二节弹出消息
第三节 设置状态条文本
第四节 打开浏览器窗口
第五节 交换图象显示或隐藏图层
第六节 拖动层
第七节 层的显示与隐藏
第八节改变属性
第九节 检查插件
第十节 控制Shockwave或Flash
第十一节播放声音
第十二节 弹出式菜单
教学要求
认识行为动作和行为事件;掌握对象行为的设置与更改;能够灵活运用Dreamweaver的各种内置行为。
第十四章使用扩展
教学内容
第一节扩展管理器的使用
第二节扩展插件滚动字Marquee
第三节扩展插件横幅广告创建器Banner_Image_Builer
第四节扩展插件顽固的层NirvanaFloatingLayer
教学要求
了解Dreamweaver扩展的功能与用途;掌握扩展管理器的使用方法;掌握如何下载、安装与使用DreamweaverMX2004的扩展功能。
第十五章网站发布
教学内容
第一节 测试与整理站点
第二节 建立本地网络远端站点
第三节 建立FTP远端站点
第四节 上传网站
教学目标
掌握上传站点的知识:
包括如何测试与整理站点;当开发用机器与Web服务器位于同一个局域网中如何发布网站;如果远端站点位于一个FTP服务器上如何发布网站;能够使用Dreamweavermx2004上传网站文件。
总复习 综合网站实例与实际应用
教学内容
通过一个建立一个完整的网站实例,指导学习者从网站的策划、网站的构建、网页的制作到网站的上传,制作完成一个完整网站的全部网页。
教学目标
要求学习者通过独立创建一个完整的网站,对以上各章所学的知识进行总结与复习。
使学习者能够全面掌握网站设计与建立以及网页制作的各种技术和方法,开发与创作出具有专业水准的网站。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 剑客