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

1、网页设计与制作教学大纲网页设计与制作教学大纲一、课程基本信息：1课程编号： 2课程名称：网页设计与制作3英文名称：Design and Making of Webpages4课程简介：网页设计与制作是新闻学专科的一门专业课程。本课程综合讲述了网页设计与网站建设的基本原理、关键技术及其开发和应用，本课程注重实用性和操作性。综合介绍Dreamweacer、Fireworks、Flash在设计网站及网页方面的应用。主要内容包括：Dreamweacer简介；创建Web网站和Web页面，在页面中添回各种元素；网页超链接；表格、层、框架的灵活使用；css样式表，创建动态交互式网页: Fireworks概述

2、；文本、图片的创建及特效；图像处理优化；动画制作；制作网页的交互性；flash基本界面和操作图形、文本处理编辑；动画制作；符号和图层的创建使用动画中添加声音；交互式动画制作等。二、课程说明：1教学目的和要求：通过本课程的学习，了解网页网站的基础知识；掌握网页三剑客的使用方法；学会综合使用多种工具，来创建和优化网站网页，为学生自学图形设计、多媒体制作及广告设计，今后进行网站的设计和开发打下良好的基础。2与相关课程衔接：大学计算机基础3周课时、总学时：4课时；总学时：72课时，理论课36课时，实践实验课36课时。4开课学期：第四学期 5教学方法：讲授与实践相结合。 6考试方法：平时占30%，期中考

3、试占20%，期末考试占50%。平时成绩中包括上机实训报告（30%）。7实验、实习、作业：5次实训，课堂讨论、作业 8教材：暂用Dreamweacer+Photoshop+Flash+Fireworke8网站建设与网页设计详解（cs3版）电子工业出版社 孙东海编著9教学参考资料：Dreamweaver Photoshop Flash Fireworks JavaScript网页制作实例大讲堂人民邮电出版社 孙宇 等编著2008年版网页制作与网站建设从入门到精通人民邮电出版社宇帆，王方，何翠平 编著 2008年版Flash基础教程曾顺编著清华大学出版社 2008年版中文Flash MX 教程成昊编

4、著北京科海电子出版社 2008年版中文photoshop教程 图灵编 浦东电子出版社 008年版Flash基础教程 曾顺编著 清华大学出版社008年版三、课程内容与教学要求第一章 Fireworks 基本操作 一、教学要求：掌握Fireworks 的基础操作方法（新建、打开、导入、导出Fireworks 文档），以及“首选参数”对话框的设置方法。掌握基本图形的制作方法。二、教学重点、难点： Fireworks 的基础操作方法（新建、打开、导入、导出Fireworks 文档），以及“首选参数”对话框的设置方法。基本图形的制作方法。 三、授课时数：4课时。四、教学内容：1、启动Fireworks，

5、查看、熟悉工作界面；设置“首选参数”对话框的基本项目。2、新建、打开、导入、导出Fireworks 文档.3、制作基本图形。4、导入位图，并进行基本编辑。第二章 切片与热点概念、创建、编辑方法一、教学要求：掌握制作按钮、导航条。掌握制作教师在课程演示的实例。二、教学重点、难点：掌握制作按钮、导航条。掌握制作教师在课程演示的实例。 三、授课时数：8课时。四、教学内容：1、 创建热点、创建图像切片、为切片或热点附加行为2、 创建按钮与导航条3、 创建简单GIF 动画第三章 网页设计基础知识、初识Dreamweaver 一、教学要求：了解Dream weaver 的工作环境。掌握“首选参数”对话框基

6、本设置方法。了解定义站点的基本方法。 二、教学重点、难点：Dream weaver 的工作环境。 “首选参数”对话框基本设置方法。定义站点的基本方法。三、授课时数：4学时。四、教学内容：1、 启动Dream weaver，查看、熟悉工作界面。2、 设置“首选参数”对话框的基本项目。3、 定义站点。4、 创建主页文件，并进行简单编辑。第四章 创建和编辑文档 一、教学要求：掌握定义站点的基本方法。牢记定义站点的重要性。掌握文本、图像和脚本等的插入方法。二、教学重点、难点：定义站点的基本方法。文本、图像和脚本等的插入方法。三、授课时数：4学时。四、教学内容：1、定义站点。2、将文本、图像、日期、Fl

7、ash 动画、水平线、文件头和脚本等插入网页。第五章 表格的使用 一、教学要求：掌握表格的插入和编辑方法。掌握使用表格控制网页布局的方法。二、教学重点、难点：表格的插入和编辑方法，使用表格控制网页布局的方法。三、授课时数：4学时。四、教学内容：1、在网页中插入和编辑表格2、使用表格精确控制网页元素的位置。教学要求第六章 建立网页链接 一、教学要求：掌握统一资源定位地址（URL Uniform Resource Loactor）概念。掌握超级链接的方法二、教学重点、难点：统一资源定位地址（URL Uniform Resource Loactor）概念。超级链接的方法三、授课时数：4学时。四、教学

8、内容：1、创建内部、外部链接2、创建E-mail 和下载链接3、创建跳转菜单4、利用热点为图片各部分创建链接*第七章 框架网页 一、教学要求：了解框架网页概念。了解框架网页的基本编辑方法。 二、教学重点、教学难点：框架网页概念。框架网页的基本编辑方法。三、授课时数：8学时。四、教学内容：1、创建和保存框架网页2、编辑框架网页第八章 层和行为的使用 一、教学要求：掌握与层有关的操作（设置）方法。掌握利用“行为”面板添加、编辑行为的方法。二、教学重点、难点：与层有关的操作（设置）方法。利用“行为”面板添加、编辑行为的方法。三、授课时数：8学时。四、教学内容：1、制作拼图游戏2、制作鼠标经过图像3、

9、创建弹出消息框4、设置打开广告网页5、创建弹出式菜单6、创建滚动字幕第九章 CSS 样式表使用 一、教学要求：了解CSS 的基本概念。掌握“新建CSS 样式”对话框的使用方法。掌握应用样式的方法。含网页与外部样式的链接。二、教学重点、难点：CSS 的基本概念。 “新建CSS 样式”的方法。应用样式的方法。三、授课时数：8学时。四、教学内容：1、创建、编辑新样式，以及重定义HTML 标签。含创建外部样式表（文件）。2、建立网页与外部样式的链接。第十章 Flash 基础 一、教学要求：了解Flash 的工作环境和基本操作（动画制作）方法。掌握常用Flash 工具的使用方法。了解“属性”、“混色器”

10、、“库”等面板的使用方法。二、教学重点、难点： Flash 的工作环境和基本操作（动画制作）方法。常用Flash 工具的使用方法。面板的使用方法三、授课时数：8学时。四、教学内容：1、启动Flash，查看、熟悉工作界面。2、学习制作教师在课堂讲解的范例。3、范例制作一4、范例制作二第十一章 图层、元件和实例一、教学要求：掌握元件和实例的制作、编辑方法。二、教学重点、难点：元件和实例的制作、编辑方法。三、授课时数：4学时。四、教学内容：1、绘制广告条背景2、绘制卡通画3、制作探照灯（效果）第十二章 综合实例一、教学要求：掌握元件和实例的制作、编辑方法。掌握制作帧帧和补间动画的方法。掌握制作交互式

11、动画的基本方法。熟练掌握测试、发布、导出影片的方法掌握元件和实例的制作、编辑方法。二、教学重点、难点：元件和实例的制作、编辑方法。制作帧帧和补间动画的方法。制作交互式动画的基本方法。测试、发布、导出影片的方法。三、授课时数：8学时。四、教学内容：1、制作广告条2、制作应用遮罩图层的动画：切换图像、展开卷轴、滚动变色文字等3、制作应用变化实例透明度的动画：图像切换等4、制作形状补间动画：文字变换等5、制作交互动画：鼠标跟随、放大镜等6、测试、发布、导出影片。 执笔人：张元教研室：数字媒体技术教研室编制日期:2009年2月网页设计与制作课程实训教学大纲课程名称：网页设计与制作 实验学时：36 适用

12、专业：新闻采编与制作 课程类别：必修一、实训教学任务与目的：本实验课的任务与目的主要是结合实际，消化吸收课堂讲授的理论知识，加强和锻炼学生的动手能力，主要了解网站的基础知识；掌握Dreamweaver、Fireworks、Flash在设计网站及网页方面的应用：学会综合使用多种工具，来创建和优化网站网页。二、实训项目内容、能力标准和学时分配序号实训项目名称项目类型主要内容实训要求实训学时1网页基本图形的制作方法综合Fireworks的使用必做42网页和网站的编辑与制作（一）综合Dreamweaver的基本使用必做83 网页和网站的编辑与制作（二）综合Dreamweaver中框架、CSS样式、行为

13、必做124网页动画设计综合FfF Flash的使用必做65网站综合作品设计综合Yon用Fireworks、Dreamweaver、Flash制作综合网站必做6注：项目类型：演示、验证、设计、综合、其它 实训要求：必做、选做三、实训目的与基本要求：实训一 网页基本图形的制作方法（4课时）(一) 实训目的和要求：掌握Fireworks的基础操作方法,以及”首选参数”对话框的设置方法.掌握基本图形的制作方法.掌握制作按钮、导航条。掌握制作教师在课程演示的实例。（二）实训内容：查看、熟悉Fireworks工作界面。设置“首选参数”对话框的基本项目。创建、导入、导出Fireworks文件，制作基本图形。

14、导入位图，并进行编辑。创建热点、创建图象切片、为切片或热点附加行为。创建简单GIF动画。（三）实训设备及材料：硬件：多媒体计算机软件：windowsXP操作系统、Dreamweaver 8/Flash 8/fireworke 8实训二 网页和网站的编辑与制作（一）（8课时）(一) 实训目的和要求：了解Dreamweaver的工作环境。掌握“首选参数”对话框基本设置方法。了解定义站点的基本方法。掌握定义站点的基本方法。牢记定义站点的重要性。掌握文本、图像和脚本等的插入方法。掌握统一资源定位地址（URL Uniform Resource Loactor）概念。掌握超级链接的方法。（二）实训内容：了

15、解Dreamweaver的工作环境。掌握“首选参数”对话框基本设置方法。了解定义站点的基本方法。掌握定义站点的基本方法。牢记定义站点的重要性。掌握文本、图像和脚本等的插入方法。掌握统一资源定位地址（URL Uniform Resource Loactor）概念。掌握超级链接的方法。（三）实训设备及材料：硬件：多媒体计算机软件：windowsXP操作系统、Dreamweaver 8/Flash 8/fireworke 8实训三 网页和网站的编辑与制作（二）（12课时）(一) 实训目的和要求：了解框架网页概念。了解框架网页的基本编辑方法。掌握与层有关的操作（设置）方法。、掌握利用“行为”面板添加、

16、编辑行为的方法。了解CSS的基本概念。掌握“新建CSS样式”对话框的使用方法。掌握应用样式的方法。含网页与外部样式的链接。了解模板和库的创建应用方法。了解创建模板；修改模板更新文档。（二）实训内容：创建和保存框架网页、编辑框架网页。制作拼图游戏、制作鼠标经过图像、创建弹出消息框、设置打开广告网页、创建弹出式菜单、创建滚动字幕。创建、编辑新样式，重定义HTML标签。创建外部样式表（文件）。建立网页与外部样式的链接。创建模板和库。应用模板和库。站点移动、发布。（三）实训设备及材料：硬件：多媒体计算机软件：windowsXP操作系统、Dreamweaver 8/Flash 8/fireworke 8

17、实训四 网页动画设计（6课时）(一) 实训目的和要求：通过演示例题制作，初步了解Flash的工作环境和基本操作（动画制作）方法。掌握掌用Flash工具的使用方法。了解“属性”、“混色器”、“库”等面板的使用方法。掌握元件和实例的制作、编辑方法。掌握元件和实例的制作、编辑方法。掌握制作帧一帧和补间动画的方法。掌握制作交互式动画的基本方法。熟练掌握测试、发布、导出影片的方法。（二）实训内容：查看、熟悉Flash工作界面。Flash工具使用。绘制广告条背景。绘制卡通画。制作探照灯（效果）。制作广告条。制作应用遮罩图层的动画：切换图像、展开卷轴、滚动变色文字等。、制作应用变化实例透明度的动画：图像切换

18、等。制作形状补间动画：文字变换等，制作交互动画：鼠标跟随、放大镜等。测式、发布、导出影片。（三）实训设备及材料：硬件：多媒体计算机软件：windowsXP操作系统、Dreamweaver 8/Flash 8/fireworke 8实训五 网站建设综合作品设计（6课时）(一) 实训目的和要求：通过学生掌握的Dreamweaver 8/Flash 8/Fireworke 8的知识，结合一个具体的主题，设计一个特色网站。（二）实训内容：制作个人网站。（三）实训设备及材料：硬件：多媒体计算机软件：windowsXP操作系统、Dreamweaver 8/Flash 8/fireworke 8四、考核方法1学生每人均需完成各个项目，以作品为实训考核的主要依据（60%），结合平时操作情况（20%）、实训报告（20%）确定实训成绩。2上述实训成绩占本课程总成绩的30%。五、实训指导书及主要参考书Dreamweaver 8/Flash 8/Fireworke 8网页设计三剑客中国青年出版社张鑫Dreamweaver Photoshop Flash Fireworks JavaScript 网页制作实例大讲堂人民邮电出版社 孙宇等编著网页制作与网站建设从入门到精通人民邮电出版社宇帆等 编著执笔人：张元教研室：数字媒体技术教研室编制日期: 2009年 2月