《网页设计》课程教学大纲.docx

上传人:b****6 文档编号:3309871 上传时间:2022-11-21 格式:DOCX 页数:16 大小:244.46KB
下载 相关 举报
《网页设计》课程教学大纲.docx_第1页
第1页 / 共16页
《网页设计》课程教学大纲.docx_第2页
第2页 / 共16页
《网页设计》课程教学大纲.docx_第3页
第3页 / 共16页
《网页设计》课程教学大纲.docx_第4页
第4页 / 共16页
《网页设计》课程教学大纲.docx_第5页
第5页 / 共16页
点击查看更多>>
下载资源
资源描述

《网页设计》课程教学大纲.docx

《《网页设计》课程教学大纲.docx》由会员分享,可在线阅读,更多相关《《网页设计》课程教学大纲.docx(16页珍藏版)》请在冰豆网上搜索。

《网页设计》课程教学大纲.docx

《网页设计》课程教学大纲

《网页设计》课程教学大纲

课程编号:

英文名称:

WebPagesDesigning

课程类型:

专业选修课

学时/学分:

24+24/2

授课对象:

专科生

先修课程:

计算机文化基础

课程简介:

《网页设计》是一门重要的信息管理专业的选修课程。

本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。

通过本课程的学习,使学生掌握构建网站的基本知识,熟悉网页开发平台的使用,能够独立的创建个人网站。

教学目的和要求:

通过学习,使学生了解网页网站的基础知识;掌握网页三剑客的使用方法,以便能够正确应用和维护网站。

与此同时,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。

教学内容:

第1章网页设计快速入门

(2)

1、教学内容:

1.1在Internet上安个家

1.2知识要点

1.2.1有关网页设计的概念

1.2.2网页设计软件

1.2.3网页制作过程

1.2.4企业建立网站的过程

1.2.5网页设计与HTML

1.3本章小结

2、教学重点:

网页设计的概念、网页制作过程。

3、教学难点:

网页设计与HTML。

第2章DreamweaverMX快速入门

(1)

1、教学内容:

2.1制作网站电子相册

2.2知识要点

2.2.1认识DreamweaverMX中文版基本界面

2.2.2认识窗口项目

2.2.3面板组

2.3本章小结

2、教学重点:

DreamweaverMX中文版基本界面。

3、教学难点:

面板组的使用。

第3章用DreamweaverMX设计首页

(1)

1、教学内容:

3.1一个简单首页设计的例子

3.2知识要点

3.2.1页面属性

3.2.2文本属性

3.2.3表格属性

3.2.4单元格属性

3.2.5图像属性

3.3本章小结

2、教学重点:

设置文本、表格和图像的属性。

3、教学难点:

页面属性的设置。

第4章DreamweaverMX的CSS样式

(2)

1、教学内容:

4.1制作动态链接效果

4.1.1Microsoft中国公司主页的动态链接效果

4.1.2为网页制作动态链接效果

4.2知识要点

4.2.1什么是CSS样式

4.2.2CSS样式与HTML样式

4.2.3CSS样式控制面板

4.2.4定义CSS样式

4.3本章小结

2、教学重点:

CSS样式控制面板的使用、定义CSS样式的方法。

3、教学难点:

定义CSS样式的方法。

第5章表格应用

(2)

1、教学内容:

5.1用表格实现一个系部主页的设计

5.1.1网页结构分析

5.1.2设计页眉区

5.1.3设计导航栏区

5.1.4设计信息区

5.1.5设计版权区

5.2知识要点

5.2.1标准视图中的表格与布局视图中的表格

5.2.2标准视图模式下表格的应用技巧

5.2.3布局视图模式下表格的应用技巧

5.3本章小结

2、教学重点:

标准视图模式下表格的应用。

3、教学难点:

布局视图模式下表格的应用。

第6章DreamweaverMX图层应用

(2)

1、教学内容:

6.1一个弹出式菜单设计的实例

6.1.1设计弹出式菜单的效果图

6.1.2设计弹出式菜单的过程

6.2知识要点

6.2.1创建层

6.2.2选择层

6.2.3插入层对象

6.2.4移动层

6.2.5对齐层

6.2.6层与表格相互转换

6.2.7设置层属性

6.3本章小结

2、教学重点:

层的基本操作和层的属性设置。

3、教学难点:

层与表格的转换、行为和事件。

第7章DreamweaverMX时间轴

(2)

1、教学内容:

7.1制作一个动态地址导航图

7.2知识要点

7.2.1时间轴控制面板

7.2.2时间轴的基本应用

7.3本章小结

2、教学重点:

时间轴的基本应用。

3、教学难点:

录制层路径。

第8章表单操作

(2)

1、教学内容:

8.1制作一个网上报名表单

8.1.1制作网上在线报名表单

8.1.2预览网上在线报名表单

8.2知识要点

8.2.1插入表单

8.2.2插入文本对象表单

8.2.3插入按钮

8.2.4插入复选框

8.2.5插入单选按钮

8.2.6插入列表/菜单域

8.2.7插入文件字段

8.2.8插入图像域

8.2.9插入隐藏域

8.2.10插入跳转菜单

8.3本章小结

2、教学重点:

表单和常用表单域的用途和使用方法。

3、教学难点:

插入隐藏域和跳转菜单。

第9章DreamweaverMX综合应用

(2)

1、教学内容:

9.1一个网站建立的实例

9.1.1建站准备

9.1.2制作网站

9.2知识要点

9.2.1网站的设计构思

9.2.2资源面板的应用

9.2.3行为面板的应用

9.2.4站点管理器的应用

9.3本章小结

2、教学重点:

网站的设计构思、资源面板的应用。

3、教学难点:

行为面板的应用。

第10章FlashMX快速入门(0.5)

1、教学内容:

10.1制作一个移动的圆

10.2知识要点

10.2.1FlashMX的界面

10.2.2主菜单项目

10.2.3常用工具栏

10.2.4时间轴面板

10.2.5绘图工具栏

10.2.6其他重要栏目

10.3本章小结

2、教学重点:

FlashMX的工具栏和时间轴面板。

3、教学难点:

时间轴面板的使用。

第11章FlashMX的绘图功能(0.5)

1、教学内容:

11.1制作一个网页广告

11.2知识要点

11.2.1绘图工具

11.2.2指针工具

11.2.3填充工具

11.2.4文本工具

11.2.5颜色设置

11.2.6图片的使用

11.3本章小结

2、教学重点:

绘图工具的使用。

3、教学难点:

图片的使用。

第12章FlashMX动画制作初步

(1)

1、教学内容:

12.1制作动态文字的实例

12.2知识要点

12.2.1图层(Layer)

12.2.2帧(Frame)

12.2.3使用图符、实例和库

12.2.4用Sound面板引入和编辑声音

12.2.5文件预览

12.3本章小结

2、教学重点:

使用FlashMX制作简单动画。

3、教学难点:

帧的基本操作、在动画中添加声音。

第13章FlashMX动作的应用

(1)

1、教学内容:

13.1图像动画实例

13.1.1制作可供控制播放的循环动画

13.1.2制作按钮元件

13.1.3设计场景

13.1.4舞台播放区背景的制作

13.1.5在场景上创建Daughter影片剪辑的实例

13.1.6后台控制程序

13.2知识要点

13.2.1ActionScript的基本概念

13.2.2用动作面板编辑对象动作

13.3本章小结

2、教学重点:

动作面板的使用。

3、教学难点:

用动作面板编辑对象动作。

第14章FlashMX的综合应用

(1)

1、教学内容:

14.1制作一个网站的门户广告动画

14.1.1设计构思

14.1.2素材准备

14.1.3制作过程

14.1.4发布过程

14.2知识要点

14.2.1文件的导入与导出

14.2.2文件的发布及发布设置

14.2.3发布预览

14.3本章小结

2、教学重点:

文件的导入和导出、文件的发布。

3、教学难点:

FlashMX动作的应用。

第15章FireworksMX应用基础

(1)

1、教学内容:

15.1Web按钮制作实例

15.2知识要点

15.2.1Fireworks的基本概念

15.2.2Fireworks的编辑模式

15.2.3Fireworks的工具详解

15.2.4Fireworks中的对象

15.2.5Fireworks的层

15.3本章小结

2、教学重点:

Fireworks的工具详解。

3、教学难点:

Fireworks的层。

第16章FireworksMX进阶操作

(1)

1、教学内容:

16.1一个简单的动画

16.2知识要点

16.2.1Fireworks的蒙版

16.2.2Fireworks的颜色混合模式

16.2.3Fireworks的热点和切片

16.2.4Fireworks实用技巧

16.3本章小结

2、教学重点:

Fireworks实用技巧。

3、教学难点:

Fireworks的蒙版、热点和切片。

第17章站点的发布、宣传推广与维护

(2)

1、教学内容:

17.1站点的发布

17.2网页的测试

17.2.1下载时间测试

17.2.2浏览器兼容性测试

17.2.3拼写检查测试

17.3站点宣传与推广的一般方法

17.4站点的维护与更新

17.5本章小结

2、教学重点:

站点的发布。

3、教学难点:

CuteFTP的使用方法。

实验内容:

实验一(使用HTML语言制作简单网页)

(2)

1、实验目的:

熟悉HTML语言的常用标记,学会在记事本环境下用HTML语言编辑简单的网页。

2、实验内容:

用记事本输入下面语句,另存为网页文件,并在浏览器中浏览。

  

  

  一首诗

  

  

  

一首唐诗

  

夜雨寄北

  

李商隐

  

君问归期未有期,

    巴山夜雨涨秋池。


    何当共剪西窗烛,

    却话巴山夜雨时。


 

 

 

3、实验方案:

学生上机前预习HTML的语法和常用标记,上机时根据实验内容完成实验任务。

实验做完后要写出实验报告并交老师批改。

实验二(Dreamweaver中简单网页的设计)

(2)

1、实验目的:

熟悉DreamweaverMX环境,掌握制作网页的方法。

2、实验内容:

(1)网页的新建,保存,预览,关闭,打开;

(2)向网页中添加页面元素.

(3)设置网页属性。

3、实验方案:

学生上机前预习DreamweaverMX基本界面的使用和使用DreamweaverMX制作网页的基本操作,上机时根据实验步骤完成实验内容。

实验做完后要写出实验报告并交老师批改。

实验三(CSS样式的应用)

(2)

1、实验目的:

使学生掌握CSS样式的设计方法并能熟练在网页中设置效果。

2、实验内容:

(1)创建一个网页。

重定义标签h2(仅对该文档有效),要求样式定义为:

字体为隶书,字号为12磅,颜色为黄色,居中,字间距4pt,背景为蓝色。

在网页中输入文字“友情链接”,应用该样式。

(2)在文字“友情链接”下面,输入三行文字:

XX

新浪

QQ网站

要求字体为楷体,5号字,加项目符号,给每行文字建立超链接,分别链接到、、。

修改超链接样式,使超链接不带下画线。

3、实验方案:

学生上机前预习CSS样式的设计方法,上机时完成实验内容。

实验做完后要写出实验报告并交老师批改。

实验四(使用表格布局网页)

(2)

1、实验目的:

使学生掌握标准视图模式下表格的应用技巧。

2、实验内容:

制作如图1所示的表格。

表格中的图像可从网上获得或用其他图像代替。

图1制作的表格

3、实验方案:

学生上机前预习标准视图模式下表格的基本操作,上机时根据实验步骤完成实验内容。

实验做完后要写出实验报告并交老师批改。

实验五(使用图层布局网页)

(2)

1、实验目的:

掌握图层的基本操作,能够熟练使用图层布局网页。

2、实验内容:

使用图层制作如图2所示的欢迎页面,页面中的图像可从网上获得或用其他图像代替。

图2制作的欢迎页面

3、实验方案:

学生上机前预习图层的基本操作,上机时根据实验步骤完成实验内容。

实验做完后要写出实验报告并交老师批改。

实验六(使用时间轴创建动画)

(2)

1、实验目的:

掌握使用时间轴创建动画的方法。

2、实验内容:

使用时间轴制作层的直线运动动画。

3、实验方案:

学生上机前预习时间轴的使用方法,上机时根据实验步骤完成实验内容。

实验做完后要写出实验报告并交老师批改。

实验七(交互表单的应用)

(2)

1、实验目的:

掌握创建表单网页的基本操作。

2、实验内容:

创建一个用户注册的表单网页。

3、实验方案:

学生上机前预习插入表单和插入表单域的基本操作,上机时完成实验内容。

实验做完后要写出实验报告并交老师批改。

实验八(制作网站)(6)

1、实验目的:

掌握创建站点的过程,能够综合运用前面所学知识制作网站。

2、实验内容:

建立一个网站(主题自拟)。

要求网站中所包含网页个数至少5个,并且其中有一个是表单网页,每个网页必须用层或表格布局,网站中必须设计一个时间轴动画,并且用CSS样式表来控制网站主页的外观。

3、实验方案:

学生上机前预习创建站点的基本操作和资源面板的使用方法,并且完成网站的构思,上机时搜集素材并完成网站制作。

实验做完后要写出实验报告并交老师批改。

实验九(使用Flash制作动画)

(2)

1、实验目的:

掌握使用Flash制作动画的基本操作。

2、实验内容:

使用Flash制作纸飞机绕引导线运动的动画。

3、实验方案:

学生上机前预习Flash的界面和使用Flash制作动画的基本操作,上机时完成实验内容。

实验十(使用Fireworks制作图片)

(2)

1、实验目的:

熟悉Fireworks的使用方法。

2、实验内容:

使用Fireworks制作小吊牌。

3、实验方案:

学生上机前预习Fireworks的界面和使用Fireworks制作图片的基本操作,上机时完成实验内容。

教学环境条件:

课堂讲授采用多媒体教学与传统教学相结合,并且课堂讲授与学生上机实验相结合;课堂教学需要在教师机上安装Windows2000操作系统、DreamweaverMX2004、FlashMX2004、FireworksMX2004软件。

实验教学需要为每个学生提供一台配备相关软件的微机,采用边学习边实验的方法,加深学生对操作课的理解,进一步提高学生的实践能力。

考核方式:

考试方式:

平时与实验相结合。

包括平时到课表现、作业、实验报告、实验作品等部分内容。

总评成绩:

平时成绩占30%,平时成绩根据学生的到课表现和上交作业、实验报告情况产生;实验成绩占70%,实验成绩根据期末学生所制作的作品情况产生。

课程主持人:

(副教授及以上职称的教师)

主讲老师:

康梅娟

主要教材:

《网页设计实用教程》,刘小伟、蒙坪、新夫、梁丽明,中国铁道出版社

参考教材:

[1]《网页设计师教程forDreamweaverMX2004》,邱炳城主编,北京:

机械工业出版社,2005.4

[2]《DreamweaverMX2004中文版基础教程》,王锦等编著,北京:

机械工业出版社,2004.10

[3]《FlashMX2004课堂》,杨小平等编著,北京:

清华大学出版社,2004

学习指导方案:

1、课外自学指导方案:

阅读参考书的相关内容,并进行练习,遇到问题可及时和任课教师联系进行答疑。

2、课外训练指导方案:

布置作业题,并让学生做课后练习题,遇到问题可及时和任课教师联系进行答疑。

大纲制定人:

康梅娟

大纲审核人:

大纲制定日期:

2006年7月18日

 

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 小学教育 > 语文

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1