《网页设计与制作》教学大纲.docx

《网页设计与制作》教学大纲.docx

《《网页设计与制作》教学大纲.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》教学大纲.docx（12页珍藏版）》请在冰豆网上搜索。

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲

一、课程基本信息：

1．课程编号：

2．课程名称：

网页设计与制作

3．英文名称：

DesignandMakingofWebpages

4．课程简介：

《网页设计与制作》是新闻学专科的一门专业课程。

本课程综合讲述了网页设计与网站建设的基本原理、关键技术及其开发和应用，本课程注重实用性和操作性。

综合介绍Dreamweacer、Fireworks、Flash在设计网站及网页方面的应用。

主要内容包括：

Dreamweacer简介；创建Web网站和Web页面，在页面中添回各种元素；网页超链接；表格、层、框架的灵活使用；css样式表，创建动态交互式网页:

Fireworks概述；文本、图片的创建及特效；图像处理优化；动画制作；制作网页的交互性；flash基本界面和操作图形、文本处理编辑；动画制作；符号和图层的创建使用动画中添加声音；交互式动画制作等。

二、课程说明：

1．教学目的和要求：

通过本课程的学习，了解网页网站的基础知识；掌握网页三剑客的使用方法；学会综合使用多种工具，来创建和优化网站网页，为学生自学图形设计、多媒体制作及广告设计，今后进行网站的设计和开发打下良好的基础。

2．与相关课程衔接：

大学计算机基础

3．周课时、总学时：

4课时；总学时：

72课时，理论课36课时，实践实验课36课时。

4．开课学期：

第四学期

5．教学方法：

讲授与实践相结合。

6．考试方法：

平时占30%，期中考试占20%，期末考试占50%。

平时成绩中包括上机实训报告（30%）。

7．实验、实习、作业：

5次实训，课堂讨论、作业

8．教材：

暂用《Dreamweacer+Photoshop+Flash+Fireworke8网站建设与网页设计详解（cs3版）》电子工业出版社孙东海编著

9．教学参考资料：

《DreamweaverPhotoshopFlashFireworksJavaScript网页制作实例大讲堂》人民邮电出版社孙宇等编著　2008年版

《网页制作与网站建设从入门到精通》人民邮电出版社宇帆，王方，何翠平编著2008年版

《Flash基础教程》　曾顺编著　清华大学出版社2008年版

《中文FlashMX教程》　　成昊编著　北京科海电子出版社2008年版

《中文photoshop教程》图灵编浦东电子出版社008年版

《Flash基础教程》曾顺编著清华大学出版社008年版

三、课程内容与教学要求

第一章Fireworks基本操作

一、教学要求：

掌握Fireworks的基础操作方法（新建、打开、导入、导出Fireworks文档），以及“首选参数”对话框的设置方法。

掌握基本图形的制作方法。

二、教学重点、难点：

Fireworks的基础操作方法（新建、打开、导入、导出Fireworks文档），以及“首选参数”对话框的设置方法。

基本图形的制作方法。

三、授课时数：

4课时。

四、教学内容：

1、启动Fireworks，查看、熟悉工作界面；设置“首选参数”对话框的基本项目。

2、新建、打开、导入、导出Fireworks文档.

3、制作基本图形。

4、导入位图，并进行基本编辑。

第二章切片与热点概念、创建、编辑方法

一、教学要求：

掌握制作按钮、导航条。

掌握制作教师在课程演示的实例。

二、教学重点、难点：

掌握制作按钮、导航条。

掌握制作教师在课程演示的实例。

三、授课时数：

8课时。

四、教学内容：

1、创建热点、创建图像切片、为切片或热点附加行为

2、创建按钮与导航条

3、创建简单GIF动画

第三章网页设计基础知识、初识Dreamweaver

一、教学要求：

了解Dreamweaver的工作环境。

掌握“首选参数”对话框基本设置方法。

了解定义站点的基本方法。

二、教学重点、难点：

Dreamweaver的工作环境。

“首选参数”对话框基本设置方法。

定义站点的基本方法。

三、授课时数：

4学时。

四、教学内容：

1、启动Dreamweaver，查看、熟悉工作界面。

2、设置“首选参数”对话框的基本项目。

3、定义站点。

4、创建主页文件，并进行简单编辑。

第四章创建和编辑文档

一、教学要求：

掌握定义站点的基本方法。

牢记定义站点的重要性。

掌握文本、图像和脚本等的插入方法。

二、教学重点、难点：

定义站点的基本方法。

文本、图像和脚本等的插入方法。

三、授课时数：

4学时。

四、教学内容：

1、定义站点。

2、将文本、图像、日期、Flash动画、水平线、文件头和脚本等插入网页。

第五章表格的使用

一、教学要求：

掌握表格的插入和编辑方法。

掌握使用表格控制网页布局的方法。

二、教学重点、难点：

表格的插入和编辑方法，使用表格控制网页布局的方法。

三、授课时数：

4学时。

四、教学内容：

1、在网页中插入和编辑表格

2、使用表格精确控制网页元素的位置。

教学要求

第六章建立网页链接

一、教学要求：

掌握统一资源定位地址（URLUniformResourceLoactor）概念。

掌握超级链接的方法

二、教学重点、难点：

统一资源定位地址（URLUniformResourceLoactor）概念。

超级链接的方法

三、授课时数：

4学时。

四、教学内容：

1、创建内部、外部链接

2、创建E-mail和下载链接

3、创建跳转菜单

4、利用热点为图片各部分创建链接*

第七章框架网页

一、教学要求：

了解框架网页概念。

了解框架网页的基本编辑方法。

二、教学重点、教学难点：

框架网页概念。

框架网页的基本编辑方法。

三、授课时数：

8学时。

四、教学内容：

1、创建和保存框架网页

2、编辑框架网页

第八章层和行为的使用

一、教学要求：

掌握与层有关的操作（设置）方法。

掌握利用“行为”面板添加、编辑行为的方法。

二、教学重点、难点：

与层有关的操作（设置）方法。

利用“行为”面板添加、编辑行为的方法。

三、授课时数：

8学时。

四、教学内容：

1、制作拼图游戏

2、制作鼠标经过图像

3、创建弹出消息框

4、设置打开广告网页

5、创建弹出式菜单

6、创建滚动字幕

第九章CSS样式表使用

一、教学要求：

了解CSS的基本概念。

掌握“新建CSS样式”对话框的使用方法。

掌握应用样式的方法。

含网页与外部样式的链接。

二、教学重点、难点：

CSS的基本概念。

“新建CSS样式”的方法。

应用样式的方法。

三、授课时数：

8学时。

四、教学内容：

1、创建、编辑新样式，以及重定义HTML标签。

含创建外部样式表（文件）。

2、建立网页与外部样式的链接。

第十章Flash基础

一、教学要求：

了解Flash的工作环境和基本操作（动画制作）方法。

掌握常用Flash工具的使用方法。

了解“属性”、“混色器”、“库”等面板的使用方法。

二、教学重点、难点：

Flash的工作环境和基本操作（动画制作）方法。

常用Flash工具的使用方法。

面板的使用方法

三、授课时数：

8学时。

四、教学内容：

1、启动Flash，查看、熟悉工作界面。

2、学习制作教师在课堂讲解的范例。

3、范例制作一

4、范例制作二

第十一章图层、元件和实例

一、教学要求：

掌握元件和实例的制作、编辑方法。

二、教学重点、难点：

元件和实例的制作、编辑方法。

三、授课时数：

4学时。

。

四、教学内容：

1、绘制广告条背景

2、绘制卡通画

3、制作探照灯（效果）

第十二章综合实例

一、教学要求：

掌握元件和实例的制作、编辑方法。

掌握制作帧－帧和补间动画的方法。

掌握制作交互式动画的基本方法。

熟练掌握测试、发布、导出影片的方法掌握元件和实例的制作、编辑方法。

二、教学重点、难点：

元件和实例的制作、编辑方法。

制作帧－帧和补间动画的方法。

制作交互式动画的基本方法。

测试、发布、导出影片的方法。

三、授课时数：

8学时。

。

四、教学内容：

1、制作广告条

2、制作应用遮罩图层的动画：

切换图像、展开卷轴、滚动变色文字等

3、制作应用变化实例透明度的动画：

图像切换等

4、制作形状补间动画：

文字变换等

5、制作交互动画：

鼠标跟随、放大镜等

6、测试、发布、导出影片。

执笔人：

张元

教研室：

数字媒体技术教研室

编制日期:

2009年2月

《网页设计与制作》课程实训教学大纲

课程名称：

网页设计与制作实验学时：

36

适用专业：

新闻采编与制作课程类别：

必修

一、实训教学任务与目的：

本实验课的任务与目的主要是结合实际，消化吸收课堂讲授的理论知识，加强和锻炼学生的动手能力，主要了解网站的基础知识；掌握Dreamweaver、Fireworks、Flash在设计网站及网页方面的应用：

学会综合使用多种工具，来创建和优化网站网页。

二、实训项目内容、能力标准和学时分配

序

号

实训项目名称

项目类型

主要内容

实训要求

实训学时

1

网页基本图形的制作方法

综合

Fireworks的使用

必做

4

2

网页和网站的编辑与制作

（一）

综合

Dreamweaver的基本使用

必做

8

3

网页和网站的编辑与制作

（二）

综合

Dreamweaver中框架、CSS样式、行为

必做

12

4

网页动画设计

综合

FfFFlash的使用

必做

6

5

网站综合作品设计

综合

Yon用Fireworks、Dreamweaver、Flash制作综合网站

必做

6

注：

项目类型：

演示、验证、设计、综合、其它

实训要求：

必做、选做

三、实训目的与基本要求：

实训一网页基本图形的制作方法（4课时）

（一）实训目的和要求：

掌握Fireworks的基础操作方法,以及”首选参数”对话框的设置方法.掌握基本图形的制作方法.掌握制作按钮、导航条。

掌握制作教师在课程演示的实例。

（二）实训内容：

查看、熟悉Fireworks工作界面。

设置“首选参数”对话框的基本项目。

创建、导入、导出Fireworks文件，制作基本图形。

导入位图，并进行编辑。

创建热点、创建图象切片、为切片或热点附加行为。

创建简单GIF动画。

（三）实训设备及材料：

硬件：

多媒体计算机

软件：

windowsXP操作系统、Dreamweaver8/Flash8/fireworke8

实训二网页和网站的编辑与制作

（一）（8课时）

（一）实训目的和要求：

了解Dreamweaver的工作环境。

掌握“首选参数”对话框基本设置方法。

了解定义站点的基本方法。

掌握定义站点的基本方法。

牢记定义站点的重要性。

掌握文本、图像和脚本等的插入方法。

掌握统一资源定位地址（URLUniformResourceLoactor）概念。

掌握超级链接的方法。

（二）实训内容：

了解Dreamweaver的工作环境。

掌握“首选参数”对话框基本设置方法。

了解定义站点的基本方法。

掌握定义站点的基本方法。

牢记定义站点的重要性。

掌握文本、图像和脚本等的插入方法。

掌握统一资源定位地址（URLUniformResourceLoactor）概念。

掌握超级链接的方法。

（三）实训设备及材料：

硬件：

多媒体计算机

软件：

windowsXP操作系统、Dreamweaver8/Flash8/fireworke8

实训三网页和网站的编辑与制作

（二）（12课时）

（一）实训目的和要求：

了解框架网页概念。

了解框架网页的基本编辑方法。

掌握与层有关的操作（设置）方法。

、掌握利用“行为”面板添加、编辑行为的方法。

了解CSS的基本概念。

掌握“新建CSS样式”对话框的使用方法。

掌握应用样式的方法。

含网页与外部样式的链接。

了解模板和库的创建应用方法。

了解创建模板；修改模板更新文档。

（二）实训内容：

创建和保存框架网页、编辑框架网页。

制作拼图游戏、制作鼠标经过图像、创建弹出消息框、设置打开广告网页、创建弹出式菜单、创建滚动字幕。

创建、编辑新样式，重定义HTML标签。

创建外部样式表（文件）。

建立网页与外部样式的链接。

创建模板和库。

应用模板和库。

站点移动、发布。

（三）实训设备及材料：

硬件：

多媒体计算机

软件：

windowsXP操作系统、Dreamweaver8/Flash8/fireworke8

实训四网页动画设计（6课时）

（一）实训目的和要求：

通过演示例题制作，初步了解Flash的工作环境和基本操作（动画制作）方法。

掌握掌用Flash工具的使用方法。

了解“属性”、“混色器”、“库”等面板的使用方法。

掌握元件和实例的制作、编辑方法。

掌握元件和实例的制作、编辑方法。

掌握制作帧一帧和补间动画的方法。

掌握制作交互式动画的基本方法。

熟练掌握测试、发布、导出影片的方法。

（二）实训内容：

查看、熟悉Flash工作界面。

Flash工具使用。

绘制广告条背景。

绘制卡通画。

制作探照灯（效果）。

制作广告条。

制作应用遮罩图层的动画：

切换图像、展开卷轴、滚动变色文字等。

、制作应用变化实例透明度的动画：

图像切换等。

制作形状补间动画：

文字变换等，制作交互动画：

鼠标跟随、放大镜等。

测式、发布、导出影片。

（三）实训设备及材料：

硬件：

多媒体计算机

软件：

windowsXP操作系统、Dreamweaver8/Flash8/fireworke8

实训五网站建设综合作品设计（6课时）

（一）实训目的和要求：

通过学生掌握的Dreamweaver8/Flash8/Fireworke8的知识，结合一个具体的主题，设计一个特色网站。

（二）实训内容：

制作个人网站。

（三）实训设备及材料：

硬件：

多媒体计算机

软件：

windowsXP操作系统、Dreamweaver8/Flash8/fireworke8

四、考核方法

1．学生每人均需完成各个项目，以作品为实训考核的主要依据（60%），结合平时操作情况（20%）、实训报告（20%）确定实训成绩。

2．上述实训成绩占本课程总成绩的30%。

五、实训指导书及主要参考书

《Dreamweaver8/Flash8/Fireworke8网页设计三剑客》中国青年出版社张鑫

《DreamweaverPhotoshopFlashFireworksJavaScript网页制作实例大讲堂》人民邮电出版社孙宇等编著

《网页制作与网站建设从入门到精通》人民邮电出版社宇帆等编著

执笔人：

张元

教研室：

数字媒体技术教研室

编制日期:

2009年2月