网页设计与制作课程大纲.docx
- 文档编号:2806700
- 上传时间:2022-11-15
- 格式:DOCX
- 页数:18
- 大小:23.04KB
网页设计与制作课程大纲.docx
《网页设计与制作课程大纲.docx》由会员分享,可在线阅读,更多相关《网页设计与制作课程大纲.docx(18页珍藏版)》请在冰豆网上搜索。
网页设计与制作课程大纲
课程大纲
一、课程说明
(一)、编制依据
本大纲依据“计算机应用技术专业教学计划(2006级)”所编制。
(二)、课程性质及任务
本课程是计算机应用技术专业教学计划(2006级)专业课之一。
通过本门课程的学习,使学生了解并掌握有关网站设计与网页制作的发展现状、及其应用,网站设计与网页制作的基本概念、构建网站的基本流程,,网页设计制作有关的知识,Web基本工作机制,以及网页制作软件“网页三剑客”(DREAMWEAVER、FLASH、FIREWORKS)的使用,并使学生具有解决一般网页制作问题的能力。
与此同时,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。
通过理论教学与实践模拟训练,和后续课程的学习,引导学生考“网页设计师”证书并使学生具备构建静态网站的基本知识和基本技能。
课时安排:
理论43学时,实践21学时。
(三)、本课程同其他课程的关系
本课程是计算机应用技术专业课程之一。
同时也为后续课程打下基础。
(四)、教学内容的设置
本课程教学内容主要根据“计算机应用技术专业三年制教学计划(2005级)”的培养目标和“网页设计师”证书考试的要求来设置。
(五)、教学方法与教学手段的采用
本课程主要讲解式、讨论式、实验实习和多媒体教学的形式进行教学,同时注重实际动手、实际操作能力的培养。
(六)、教材的选用
根据教学大纲的规定,选用中国铁道出版社出版的《网页设计实用教程》作为教材。
二、教学时数及分配表
章次
课程内容
总学时
理论学时
实验学时
第1章
网页设计快速入门
8
4
4
第2章
DreamweaverMX快速入门
4
2
2
第3章
用DreamweaverMX设计首页
4
2
2
第4章
Dreamweaver的css样式
4
2
2
第5章
表格应用
4
2
2
第6章
DreamweaverMX图层应用
4
2
2
第7章
DreamweaverMX时间轴
4
2
2
第8章
表单操作
6
3
3
第9章
DreamweaverMX综合应用
8
4
4
第10章
FlashMX快速入门
8
4
4
第11章
FlashMX的绘图功能
8
4
4
第12章
FlashMX动画制作初步
8
4
4
第13章
FlashMX动作的应用
8
4
4
第14章
FlashMX的综合应用
8
4
4
第15章
FireworksMX应用基础
8
4
4
第16章
FireworksMX进阶操作
8
4
4
第17章
站点的发布、宣传推广与维护
6
3
3
合计
108
54
54
三、教学内容
第一章网页设计快速入门
教学目的:
理解、掌握网页设计及网站建设、HTML的概念和入门知识,使学生对平时在上网过程中接触到的网页有一定的了解,明白其原理和制作方法,激发学生学习设计网页的兴趣。
教学要求:
理解、掌握网页设计及网站建设、HTML的概念和入门知识
[重点难点]
重点:
网页制作过程、HTML基础知识
难点:
网页制作过程、HTML基础知识
[主要内容]
1-1在Internet上安个家2
1-2知识要点5
1-2-1有关网页设计的概念5
1-2-2网页设计软件7
1-2-3网页制作过程10
1-2-4企业建立网站的过程11
1-2-5网页设计与HTML14
1-3本章小结19
[作业测验]
(1)解释网页、网站、URL、FTP、HTML、HTML编辑器、服务器、动态HTML、HTTP等术语。
(2)常用的WEB图像格式有哪些?
它们各自有何特点?
(3)简述网页和网站建设的基本过程?
复习思考内容
1、在网页设计中文字、图像、颜色的组合搭配应该注意哪些问题?
第二章DreamweaverMX快速入门
教学目的:
通过dwermweaver来制作一个电子相册的事例引导学生对dwermweaver的初步了解,认识dwermweaver的各个功能面板。
教学要求:
引导学生对dwermweaver的初步了解,会制作一个电子相册,认识dwermweaver的各个功能面板。
[重点难点]
重点:
认识DW中文版的基本界面和各个功能面板。
难点:
制作一个电子相册
[主要内容]
2-1制作网站电子相册22
2-2知识要点24
2-2-1认识DreamweaverMX中文版基本界面24
2-2-2认识窗口项目25
2-2-3面板组29
2-3本章小结31
[作业测验]
1、熟悉Dreamweaver的各个面板
2、收集资料制作一个网站电子相册
第三章用DreamweaverMX设计首页
教学目的:
掌握网站的定义和管理以及页面属性、文本属性、表格属性、单元格属性、图像属性的设定
重点难点]
重点:
网站的定义、页面属性、文本属性、表格属性、单元格属性、图像属性的掌握
难点:
网站的定义和管理
[主要内容]
3-1一个简单首页设计的例子34
3-2知识要点38
3-2-1页面属性38
3-2-2文本属性40
3-2-3表格属性41
3-2-4单元格属性42
3-2-5图像属性43
3-3本章小结44
[作业测验]
1根据3-1范例,自己操作设计做一个简单首页,并且连接到自己制作的电子相册的主页。
2自己选择题材制作一个网站,要求定义站点,创建一个首页,4个二级页面。
第四章 dreamweaver的css样式
教学目的:
通过制作动态链接效果的网页,使学生初步感受css样式的应用,逐步引导学生把css样式应用在网页制作中,从而设计制作出更精美的网页作品。
教学要求:
逐步引导学生把css样式应用在网页制作中
[重点难点]
重点:
创建css样式,制作不同的css样式
难点:
css样式的进阶操作
[主要内容]
4-1制作动态链接效果48
4-1-1Microsoft中国公司主页的动态链接效果48
4-1-2为网页制作动态链接效果49
4-2知识要点51
4-2-1什么是CSS样式51
4-2-2CSS样式与HTML样式53
4-2-3CSS样式控制面板54
4-2-4定义CSS样式55
4-3本章小结57
[作业测验]
1)、设计一个内嵌式css样式,并用于本页文本。
2)、为一个做了链接的普通网页添加文字链接的动态效果。
3)、创建一个外部css样式文件,并将之应用于两个以上的网页。
4)、设置段落文字,每一段都要这样:
将第一行设成黄色,第二行设成红色,第三行设成蓝色,第四行设成绿色
第五章 表格应用
教学目的:
通过表格设计网页的示例使学生了解表格在网页设计布局、排版时所起的重要作用
教学要求:
学生了解表格的相关操作,使用表格对网页进行布局、排版
[重点难点]
重点:
表格属性、布局及排版
难点:
设置表格参数、应用网页布局排版
[主要内容]
5-1用表格实现一个系部主页的设计60
5-1-1网页结构分析60
5-1-2设计页眉区61
5-1-3设计导航栏区62
5-1-4设计信息区63
5-1-5设计版权区65
5-2知识要点66
5-2-1标准视图中的表格与布局视图中的表格66
5-2-2标准视图模式下表格的应用技巧68
5-2-3布局视图模式下表格的应用技巧71
5-3本章小结75
[作业测验]
1、参照本章范例用表格设计一个系部主页。
第六章 DreamweaverMX图层应用
教学目的:
通过本章弹出菜单的设计,对层的概念、基本操作、层的应用技巧等作进一步的了解。
教学要求:
了解层的概念,掌握层的操作和应用。
[重点难点]
重点:
弹出菜单的设计,层的基本操作和应用
难点:
弹出菜单的设计,设置层属性。
[主要内容]
6-1一个弹出式菜单设计的实例78
6-1-1设计弹出式菜单的效果图78
6-1-2设计弹出式菜单的过程78
6-2知识要点80
6-2-1创建层81
6-2-2选择层82
6-2-3插入层对象83
6-2-4移动层83
6-2-5对齐层83
6-2-6层与表格相互转换84
6-2-7设置层属性85
6-3本章小结86
[作业测验]
1、如何创建层?
2、怎么样设置层的大小并定位层?
3、层包含哪些属性,各属性具体含义是什么?
4、层对齐的操作有哪几种情况?
操作题:
1、按照书本上的步骤,设计一个弹出式菜单。
2、用CSS样式对以上设计的弹出式菜单进行修饰。
复习思考内容
1、设计一个弹出式菜单(包含多级弹出选项)。
第七章 DreamweaverMX时间轴
教学目的:
使学生了解时间轴的概念相关知识,利用它与层和行为面板结合,设计出许多精彩特技效果的网页。
教学要求:
了解时间轴的概念相关知识,制作动画效果。
[重点难点]
重点:
利用时间轴制作动画
难点:
编辑时间轴动画,加入行为事件。
[主要内容]
7-1制作一个动态地址导航图90
7-2知识要点95
7-2-1时间轴控制面板95
7-2-2时间轴的基本应用96
7-3本章小结99
[作业测验]
1、制作一个时间轴动画(包含直线移动和曲线运动)
2、按照书上的步骤,制作本书的时间轴动画范例。
3、为一个页面制作一个飘浮的广告。
第八章 表单操作
教学目的:
通过一个范例的学习和操作,使学生掌握DreamweaverMX关于表单的基本操作
教学要求:
掌握DreamweaverMX关于表单的基本操作
[重点难点]
重点:
表单对象面版上表单域的使用及其属性
难点:
在网页上设计表单
[主要内容]
8-1制作一个网上报名表单102
8-1-1制作网上在线报名表单102
8-1-2预览网上在线报名表单105
8-2知识要点106
8-2-1插入表单106
8-2-2插入文本对象表单107
8-2-3插入按钮108
8-2-4插入复选框109
8-2-5插入单选按钮109
8-2-6插入列表/菜单域109
8-2-7插入文件字段110
8-2-8插入图像域110
8-2-9插入隐藏域111
8-2-10插入跳转菜单111
8-3本章小结112
[作业测验]
1、怎样才能让表单以电子邮件的方式提交。
2、“列表/菜单域”与“跳转菜单”有何区别?
3、“文本域”与“文件域”有何区别?
4、表单对象面板包含哪些对象?
5、如何设定一个可以输入5行文字的文本域。
操作题:
1、在网上以“跳转菜单”表单方式设计一个有链接的“推荐站点”表单。
2、设计一个表单,以电子邮件方式实现提交。
3、设计一个表单,以一个图象“提交”按钮替代文字“提交
第九章 DreamweaverMX综合应用
教学目的:
掌握有关网站构架设计、网站制作中各资源面板的使用及网站上传等知识。
教学要求:
掌握网站构架设计,利用软件建设一个网站
[重点难点]
重点:
网站的建设及资源面板的使用
难点:
网站的构架设计及建设
[主要内容]
9-1一个网站建立的实例116
9-1-1建站准备117
9-1-2制作网站118
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 课程 大纲
![提示](https://static.bdocx.com/images/bang_tan.gif)