人人范文网 其他范文

网页设计教学大纲(精选多篇)

发布时间:2020-05-20 08:36:26 来源:其他范文 收藏本文 下载本文 手机版

推荐第1篇:网页设计教学大纲

网页设计教学大纲

一、课程性质与任务

1、课程性质

《网页设计与制作》是中计算机专业开设的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。 2、课程任务

本门课程在专业教学计划中起着十分重要的作用,通过这门课程,学生可以掌握以下技能和知识:

* 掌握网站的开发流程,如建站规划、效果图制作、建立站点等相关知识。

* 掌握各种网页元素在Dreamweaver cs3中的使用。例如表格、文本、图像、超级链接、层和表单等。

* 熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。 * 掌握测试和发布网站的方法。包括网站测试的内容和方法。 * 能够解决一些网页设计中的常见问题。

* 了解ASP开发平台的搭建, Dreamweaver cs3在动态网页制作方面的应用。

二、课程教学目标与要求

1、本课程的基本目标

(1)使学生通过本课程的学习,掌握Dreamweaver cs3的使用方法,学会使用Dreamweaver cs3制作Web网页的技术。

(2)本课程学习结束后,学生应能自行设计各种网页、开发一定规模的网站,使学生通过本课程的学习,熟练掌握其基本制作方法和技巧,并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。

2、课程在知识、素质方面的基本要求 (1)知识要求

深入了解Internet,理解WWW、HTTP、HTML等概念及作用;掌握网站设计和发布的1 流程。理解网站维护管理的意义及重要性,理解服务器、客户端、浏览器的概念和作用;了解多种网页制作软件和图像处理软件相结合设计网站的好处。了解Dreamweaver cs3在动态网站上的应用。 (2)素质要求

本课程将培养学生以下几方面的职业素质: 服务意识:能够为他人提供优质的服务;

文明法制意识:网站内容应积极健康向上,不做违法的事;

合作精神:能够与他人进行合作,具有协调工作能力和组织管理能力; 较强的自我知识及技术更新能力:快速跟踪网页制作的新技术及市场应用动态。

三、教学内容结构

学生应按照《网页设计与网站建设课程设计指导书》的要求认真设计。教师应掌握好课程设计的总体进度,并组织答疑,以保证学生按时保质、保量地完成任务。学生最后所完成的《网页设计与网站建设课程设计报告》应当做到内容齐全、条理清楚、文字通畅、打印或书写规范。

(1)网站建设总体策划

(2)域名注册与建站方式选择论证 (3)网站总体设计 (4)网站静态页面设计 (5)Web数据库设计

(6)网站测试、发布与维护管理

四、教学内容与要求

第一章

网页设计概述:重点讲授网站,网页设计的概念;了解网页设计设计的相关概念;了解网页设计的语言HTML;掌握学习网页设计的某一种工具;理解网站和网页的关系。

第二章

网页赏析:初步了解网页赏析要求;理解网页赏析的理论要求;掌握网页突破性设计的要素;分清各类网站的设计要求和框架;理解实例分析过程。

第三章

网页规划与布局:了解网页的组织结构,掌握网页内容上的组织方法;熟悉网页设计的流程和注意事项;了解网站的规划与建设;熟悉网站设计,掌握网站与网页的区别。

第四章

网页设计创意:通过对创意思维及创意手法的讲解,辅以对优秀网页作品的分析,启发学生全面的创新思维,进而从多角度的思维中独树一帜,培养学生的个性化意识。让学生对优秀设计的创意进行解读和阐释,并分析其创新之处,鼓励学生敢于发觉新意,提2 出自己独到的见解。

第五章

网页编程语言:了解HTML、CSS的定义、概念和作用;理解HTML语言中的各种文本格式、字符格式、段落设置、列表标记的作用;会用HTML语言总的标记设置颜色、文本格式和列表;掌握HTML的语法结构,掌握HTML语言中标记的使用方法;理解表格、框架、表单的作用。理解CSS样式表的作用和意义;掌握CSS样式表的结构;掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法,会使用CSS设置网页格式和列表的格式。

第六章

网页制作工具:

(1)通过教学,使学生能够用基本法和高级法新建站点、编辑站点,掌握如何在站点中新建文件和文件夹,会预览网页。

(2)掌握表格的组成和基本操作方法;熟练掌握穿件表格、表格操作、表格编辑的方法; (3)掌握表单的基本概念和表单的各个组成元素;掌握插入表单以及表单元素的方法;会制作具有表单的网页。

(4)通过教学,掌握在动画中添加声音的操作方法以及设置动画声音的各种属性。 (5)通过教学,使学生掌握导出与发布Flash动画的方法,能够准确设置Flash8动画作品的发布格式。

第七章

动态网页介绍:掌握静态网页和动态网页的概念;了解实现动态网页的四种技术(CGI、ASP、JSP和PHP)的特点;掌握数据库、数据库管理系统、Web数据库的概念及关系数据库的特点;理解数据库在开发动态网页中的地位;了解ASP、JSP、PHP如何访问Web数据库。

第八章

设计实例:综合运用前七章所学的知识创建和编辑一个站点,掌握主页和子页、子页之间、以及站内和站外的链接。

五、教学实施

1、教学方法:本课程是一门应用型课程,涉及到以前所学知识点较多,因此在教学中应注意启发式教学并加强项目教学的直观性。

2、教学场所与设备要求:安装有 Windows XP 或 Windows 2000 的机房均可以进行实验,教学要求在多媒体教室进行。

六、考核与评价方式

有笔试和机试两种考试形式,主要由选择题、实验操作题组成。在总成绩中,笔试成绩和上机考试成绩各占50%。

3

推荐第2篇:《网页设计》教学大纲

《网页设计》教学大纲

课程名称:《网页设计》 英文名称:《Web Design》 课程性质:学科教育平台选修课 课程编号:P122006 所属院部:美术与艺术设计学院 周 学 时:12学时 总 学 时:48学时 学 分:3学分

教学对象(本课程适合的专业和年级):美术学类专业(本科)二年级学生 预备知识:掌握图像处理技术,会使用Photoshop等图像处理软件;熟悉一定的视觉设计理念。

课程在教学计划中的地位作用:本课程属于美术学类专业的学科教育平台选修课程,是一门实践性很强的专业课程,包括16学时的理论课时和32学时的实验课时。

教学方法:讲授+练习教学目标与要求: (1) 教学目标:

通过《网页设计》的学习,能够提高学生掌握设计过程的熟练程度,把握网页设计的方法和思路,更好地将技术与艺术相结合。 (2) 教学要求:

1.熟悉商业网站的策划过程,理清作品创作的设计思路。

2.熟练掌握Dreamweaver软件的各项操作,能够制作复杂的静态页面。3.熟练掌握运用PhotoShop软件绘制网页效果图方法,并能够合理对效果图进行切片和数据优化。

课程教材:郭玉龙,王增.网页设计与制作.南京:南京大学出版社,2010年8月.参考书目:

[1]谭贞军,刘斌.中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS3版).北京:清华大学出版社,2008年9月.

考核形式:考查

编写日期:2015年3月制定

课程内容及学时分配(含教学重点、难点): 第一章 网页基础知识(4学时) 教学重点:网页的构成元素。

教学难点:动态网页和静态网页的区别。 第二章 使用记事本创建HTML页面(4学时) 教学重点:使用记事本创建HTML页面。 教学难点:无。

第三章 使用 Dreamweaver 创建HTML页面(4学时) 教学重点:Dreamweaver软件的使用。 教学难点:Dreamweaver软件的使用。 第四章 使用表格布局网页(4学时) 教学重点:表格布局方法的使用。 教学难点:跨行合并、跨列合并。 第五章 使用CSS样式表(4学时) 教学重点:CSS代码。 教学难点:CSS代码。

第六章 使用层布局网页(4学时) 教学重点:DIV+CSS布局方法的使用。 教学难点:DIV+CSS中float浮动用法。 第七章 应用表单(4学时) 教学重点:表单的应用。 教学难点:表单的应用。

第八章 用Photoshop制作网页图片(4学时) 教学重点:用Photoshop切图。 教学难点:网页图片的优化。 第九章 网站策划(4学时) 教学重点:网站策划的核心。 教学难点:网站策划的核心。

第十章

“达美乐比萨”网站制作(4学时) 教学重点:“达美乐比萨”网站的布局。 教学难点:DIV+CSS中float浮动用法。 补充说明: 无。

推荐第3篇:《网页设计》课程教学大纲

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

课程编号:

英文名称:WebPages Designing 课程类型:专业选修课 学时/学分: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章 Dreamweaver MX快速入门(1)

1、教学内容:

2.1 制作网站电子相册

2.2 知识要点

2.2.1 认识Dreamweaver MX中文版基本界面

2.2.2 认识窗口项目

2.2.3 面板组

2.3 本章小结

2、教学重点:

Dreamweaver MX中文版基本界面。

3、教学难点:

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

3、教学难点:

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

第6章 Dreamweaver MX图层应用(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章 Dreamweaver MX时间轴(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 插入列表/菜单域

3 8.2.7 插入文件字段

8.2.8 插入图像域

8.2.9 插入隐藏域

8.2.10 插入跳转菜单

8.3 本章小结

2、教学重点:

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

3、教学难点:

插入隐藏域和跳转菜单。

第9章 Dreamweaver MX综合应用(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章 Flash MX快速入门(0.5)

1、教学内容:

10.1 制作一个移动的圆

10.2 知识要点

10.2.1 Flash MX的界面

10.2.2 主菜单项目

10.2.3 常用工具栏

10.2.4 时间轴面板

10.2.5 绘图工具栏

10.2.6 其他重要栏目

10.3 本章小结

2、教学重点:

Flash MX的工具栏和时间轴面板。

3、教学难点: 时间轴面板的使用。 第11章 Flash MX的绘图功能(0.5)

1、教学内容:

11.1 制作一个网页广告

11.2 知识要点

11.2.1 绘图工具

4 11.2.2 指针工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 颜色设置

11.2.6 图片的使用

11.3 本章小结

2、教学重点: 绘图工具的使用。

3、教学难点: 图片的使用。 第12章 Flash MX动画制作初步(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、教学重点:

使用Flash MX制作简单动画。

3、教学难点:

帧的基本操作、在动画中添加声音。 第13章 Flash MX动作的应用(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.1 ActionScript的基本概念

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

13.3 本章小结

2、教学重点: 动作面板的使用。

3、教学难点:

用动作面板编辑对象动作。 第14章 Flash MX的综合应用(1)

1、教学内容:

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

5 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、教学难点:

Flash MX动作的应用。 第15章 Fireworks MX应用基础(1)

1、教学内容:

15.1 Web按钮制作实例

15.2 知识要点

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的编辑模式

15.2.3 Fireworks的工具详解

15.2.4 Fireworks中的对象

15.2.5 Fireworks的层

15.3 本章小结

2、教学重点:

Fireworks的工具详解。

3、教学难点: Fireworks的层。 第16章 Fireworks MX进阶操作(1)

1、教学内容:

16.1 一个简单的动画

16.2 知识要点

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的颜色混合模式

16.2.3 Fireworks的热点和切片

16.2.4 Fireworks实用技巧 16.3 本章小结

2、教学重点: Fireworks实用技巧。

3、教学难点:

Fireworks的蒙版、热点和切片。 第17章 站点的发布、宣传推广与维护(2)

1、教学内容: 17.1 站点的发布

17.2 网页的测试

6 17.2.1 下载时间测试

17.2.2 浏览器兼容性测试

17.2.3 拼写检查测试

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

17.4 站点的维护与更新

17.5 本章小结

2、教学重点: 站点的发布。

3、教学难点: CuteFTP的使用方法。

实验内容:

实验一

(使用HTML语言制作简单网页)(2)

1、实验目的:

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

2、实验内容:

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

一首诗

一首唐诗

夜雨寄北

李商隐

君问归期未有期,

巴山夜雨涨秋池。

何当共剪西窗烛,

却话巴山夜雨时。

推荐第4篇:《网页设计》实验教学大纲

《网页设计》实验教学大纲

《网页设计》实验教学大纲

开课实验室:网络技术实验室 课程学时:36 课程名称:网页设计 课程编号:12412219 实验学时:36 面向专业:动画

一、实验教学目的和任务

《网页设计》是教育技术学专业的一门实践性课程,其基本任务是使学生通过学习本课程,掌握静态网站运行的基本原理和开发动静态网站的基本方法,熟悉HTML基础知识,了解JavaScript语言程序设计的思想并能够读懂复杂的HTML代码和编写一些简单的静态网页,并能运用JavaScript和C等技术设计网页界面,为今后从事计算机网站开发,网络编程以及B/S软件系统的开发打下良好的基础。

二、配套教材和实验教材

教材:莫治雄 李 捷 《网页设计实训教程》(

《网页设计》实验教学大纲

4、按指定时间上机,不得无故缺席。

5、严格遵守校校规校纪和实验室规章制度。

六、主要实验内容

实验一

HTML中的Hr,p,br,img等标签的使用 (1) 了解HTML文档基本结构 (2) 掌握HTML各种标签的作用 (3) 比较jsp和HTML文件 (4) HTML标记语言设计

实验二

用DreamWeaver8创建一个简单的站点 (1) 了解站点的含义及站点结构的类型 (2) 掌握创建站点的基本步骤和基本过程 (3) 熟悉如何用Dreamweaver创建站点

实验三

用表格布局页面元素 (1) 了解表格布局的含义

(2) 熟悉table tr td等html标签的作用 (3) 熟悉表格的相关操作

(4) 建立一个简单网页,并用表格对网页进行布局设计

实验四

用框架布局页面元素 (1) 了解框架的基本含义 (2) 熟悉frame标签的属性和方法 (3) 设计一个用框架布局的网页

实验五CSS样式的应用一 (1) 了解C的基础知识 (2) 熟悉C的几种使用方式

(3) 掌握用Dreamweaver进行C的设计

《网页设计》实验教学大纲

(4) 设计一个网页,并用Dreamweaver设计网页的C以实现网页外观

实验六

CSS样式的应用二 (1) 了解Div+C布局技巧 (2) 理解Div对象的基本工作原理 (3) 熟悉Div和C对象的配合使用

(4) 设计一个网页,并用Div+C对其布局进行设计

实验七

表单设计一 (1) 了解表单设计的基础知识 (2) 了解input标签的相关属性和方法 (3) 属性常用表单设计元素 (4) 设计一个登陆网页表单

实验八

表单设计二

(1) 了解C在表单美化中的作用 (2) 了解表单元素的常用属性设置

(3) 设计一个表单,并用C对其外观进行美化

实验九

流媒体及行为的应用一

(1)了解流媒体的基本概念

(2)了解哪些格式的视频和flash动画可以加入到网页 (3)设计一个网页,并在其中加入视频和flash动画等内容

实验十

流媒体及行为的应用二 (1)了解行为的基本概念 (2)了解行为面板的使用

(3)熟悉交换图像和恢复交换图像等常用行为的设置和使用

实验十一

模板和库

《网页设计》实验教学大纲

(1)了解模板和库的基本概念 (2)了解模板面板的使用

(3)熟悉模板使用,学会使用模板创建和更新网页,使用库项目更新网页

实验十二

Dreamweaver 8服务器技术一 (1)了解web服务器的基本概念 (2)了解web服务器的相关配置

(3)熟悉IIS的配置和使用,熟悉用IIS发布网站

实验十三

Dreamweaver 8服务器技术二 (1)了解动态网页的基本概念 (2)了解asp的使用

(3)会制作简单的asp动态网页

实验十四

网站的发布与管理 (1)了解网站空间的基本概念 (2)学会空间的申请与网站发布 (3)学会网站的管理、维护与更新

实验十五

综合实例(Div+C)

综合实例

(1) 了解Div+C布局技巧 (2) 理解Div对象的基本工作原理 (3) 熟悉Div和C对象的配合使用

(4) 设计一个主页,并用Div+C对其布局进行设计

实验十六

综合实例(设计数据库) (1)了解数据acce的基本概念 (2)熟悉数据库acce的基本使用 (3)设计一个简单的用户登录数据库

《网页设计》实验教学大纲

实验十七

综合实例(动态网页设计) (1)了解动态网页的基本概念 (2)熟悉asp的使用

(3)用asp设计一个简单的动态网站,实现用户的登录功能

推荐第5篇:《网页设计》课程教学大纲

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

课程编号:

英文名称:WebPages Designing 课程类型:专业选修课 学时/学分: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章 Dreamweaver MX快速入门(1)

1、教学内容:

2.1 制作网站电子相册

2.2 知识要点

2.2.1 认识Dreamweaver MX中文版基本界面

2.2.2 认识窗口项目

2.2.3 面板组

2.3 本章小结

2、教学重点:

Dreamweaver MX中文版基本界面。

3、教学难点:

1 面板组的使用。

第3章 用Dreamweaver MX设计首页(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章 Dreamweaver MX的CSS样式(2)

1、教学内容:

4.1 制作动态链接效果

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

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

4.2 知识要点

4.2.1 什么是CSS样式

4.2.2 CSS样式与HTML样式

4.2.3 CSS样式控制面板

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、教学重点:

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

3、教学难点:

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

第6章 Dreamweaver MX图层应用(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章 Dreamweaver MX时间轴(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 插入列表/菜单域

3 8.2.7 插入文件字段

8.2.8 插入图像域

8.2.9 插入隐藏域

8.2.10 插入跳转菜单

8.3 本章小结

2、教学重点:

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

3、教学难点:

插入隐藏域和跳转菜单。

第9章 Dreamweaver MX综合应用(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章 Flash MX快速入门(0.5)

1、教学内容:

10.1 制作一个移动的圆

10.2 知识要点

10.2.1 Flash MX的界面

10.2.2 主菜单项目

10.2.3 常用工具栏

10.2.4 时间轴面板

10.2.5 绘图工具栏

10.2.6 其他重要栏目

10.3 本章小结

2、教学重点:

Flash MX的工具栏和时间轴面板。

3、教学难点: 时间轴面板的使用。 第11章 Flash MX的绘图功能(0.5)

1、教学内容:

11.1 制作一个网页广告

11.2 知识要点

11.2.1 绘图工具

4 11.2.2 指针工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 颜色设置

11.2.6 图片的使用

11.3 本章小结

2、教学重点: 绘图工具的使用。

3、教学难点: 图片的使用。 第12章 Flash MX动画制作初步(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、教学重点:

使用Flash MX制作简单动画。

3、教学难点:

帧的基本操作、在动画中添加声音。 第13章 Flash MX动作的应用(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.1 ActionScript的基本概念

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

13.3 本章小结

2、教学重点: 动作面板的使用。

3、教学难点:

用动作面板编辑对象动作。 第14章 Flash MX的综合应用(1)

1、教学内容:

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

5 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、教学难点:

Flash MX动作的应用。 第15章 Fireworks MX应用基础(1)

1、教学内容:

15.1 Web按钮制作实例

15.2 知识要点

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的编辑模式

15.2.3 Fireworks的工具详解

15.2.4 Fireworks中的对象

15.2.5 Fireworks的层

15.3 本章小结

2、教学重点:

Fireworks的工具详解。

3、教学难点: Fireworks的层。 第16章 Fireworks MX进阶操作(1)

1、教学内容:

16.1 一个简单的动画

16.2 知识要点

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的颜色混合模式

16.2.3 Fireworks的热点和切片

16.2.4 Fireworks实用技巧 16.3 本章小结

2、教学重点: Fireworks实用技巧。

3、教学难点:

Fireworks的蒙版、热点和切片。 第17章 站点的发布、宣传推广与维护(2)

1、教学内容: 17.1 站点的发布

17.2 网页的测试

6 17.2.1 下载时间测试

17.2.2 浏览器兼容性测试

17.2.3 拼写检查测试

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

17.4 站点的维护与更新

17.5 本章小结

2、教学重点: 站点的发布。

3、教学难点: CuteFTP的使用方法。

实验内容:

实验一

(使用HTML语言制作简单网页)(2)

1、实验目的:

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

2、实验内容:

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

一首诗

一首唐诗

夜雨寄北

李商隐

君问归期未有期,

巴山夜雨涨秋池。

何当共剪西窗烛,

却话巴山夜雨时。

推荐第6篇:动态网页设计教学大纲

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

一、课程性质、目的

课程性质:本课程是计算机各专业的必修课程,是Web开发的核心课程之一,着重讲解ASP以及数据库系统(Acce或SQL Server)的应用,以及动态网页的编制过程。

课程目的:通过本课程的学习,掌握Web基本搭建技术,了解动态网页的设计规范,掌握必要的VBScript与ASP程序设计方法,重点掌握ASP与Web数据库相结合的综合技术。通过本课程的学习,使学生具备搭建中小网站的基本技术,同时也是Web项目设计的前导核心课程之一。

二、教学基本要求

课程的教学要求大体上分为三个层次:了解、理解和掌握。 了解:是能正确判别有关概念和方法; 理解:是能正确表达有关概念和方法的含义; 掌握:是在理解的基础上加以灵活应用。

三、教学内容及要求

第1章 网络基础知识 (1学时)

1.1 Internet基础 1.2 Web简介

1.3 Web程序开发环境

11第2章 ASP概述 (1学时)

2.1 什么是ASP 2.2 IIS的安装

2.3 IIS的配置

2.4 测试网站服务器

2.5 第一个ASP程序

第3章 Web页面制作基础 (4学时)

3.1 HTML标记语言

3.2 设置文字风格 3.3 建立超链接

3.4 多媒体效果

3.5 制作表格

3.6 建立表单

3.7 构建框架

3.8 CSS

第4章 ASP开发基础 (2学时)

4.1 ASP基本语法

4.2 ASP指令的使用

4.3 申请域名和空间

4.4 发布网站

第5章 VBScript脚本语言 (4学时)

5.1 VBScript语言概述

5.2 常量与变量

5.3 运算符的应用

5.4 函数的应用

5.5 数组的创建与应用

5.6 流程控制语句

5.7 注释语句的使用

5.8 过程的创建与调用

第6章 ASP内置对象 (4学时)

6.1 ASP内置对象概述

6.2 Request请求对象

6.3 Response响应对象

6.4 Application应用程序对象

6.5 Seion会话对象

6.6 Server服务对象

6.7 ObjectContext事务处理对象

第7章 ASP常用组件 (2学时)

7.1 Ad Rotate广告轮显组件

7.2 Browser Capabilities浏览器性能组件

7.3 Page Counter计数器组件

7.4 CDONTS邮件收发组件

第8章 文件管理 (2学时)

8.1 FileSystemObject文件系统对象

8.2 文件的基本操作

8.3 文本文件的操作

第9章 ADO数据库访问(4学时)

9.1 ADO概述

9.2 在ODBC数据源管理器中配置DSN 9.3 Connection对象连接数据库

9.4 Command对象执行操作命令

9.5 RecordSet对象查询和操作记录

9.6 Error对象返回错误信息 第10章 ASP高级程序设计 (2学时)

10.1 ASP操作XML文档

10.2 在ASP中应用Ajax 10.3 在ASP中使用类

第11章 ASP综合开发实例——博客网站 (8学时)

11.1 概述

11.2 网站总体设计

11.3 数据库设计

11.4 文件架构设计

11.5 公共文件的编写

11.6 前台主页面设计

11.7 文章展示模块设计

11.8 相册展示模块设计

11.9 博主登录模块设计

11.10 文章管理模块设计

11.11 相册管理模块设计

第12章 课程设计一——在线投票系统 (2学时)

12.1 课程设计的目的

12.2 设计思路

12.3 设计过程

第13章 课程设计二——无刷新聊天室 (2学时)

13.1 课程设计的目的

13.2 设计思路

13.3 设计过程

四、实践环节

1、创建虚拟WEB服务器

2、VBScript流程控制结构的应用

3、VBScript子程序与函数

4、Response对象的应用

5、Request对象的应用

6、Server对象与服务器端文件访问

7、数据库的读取、插入、删除与更新

8、数据库查询

9、博客网站

10、在线投票系统

11、无刷新聊天室

五、课外习题及课程讨论

通过习题课的教学及解题过程的训练,促进学生运算技能,逻辑推理能力,运用所学知识分析、解决问题能力的进一步提高,消化和巩固所学的理论知识,检查学生对所学内容的掌握程度,使学生明确教学基本要求,发现自己学习中的薄弱环节,发挥教与学,导与练,学与用的桥梁作用。

六、教学方法与手段

本课程具有知识性、技能性和应用性相结合的特点,因此,要积极地处理好理论与实践教学环节的关系。教学中以精讲多练为原则,积极采用现代教育技术,多媒体教学与网络教学并举,支持和激励学生开展自主学习。理论教学以多媒体辅助教学的授课方式,采用适合本课程特点的CAI课件,注重基本概念讲解与实例的演示,使学生可以直观而清晰地看到操作效果,加深对知识点的理解。重视上机实践环节,应保证上机机时不少于本教学大纲规定的实验学时;加强课内教学辅导。对关键性概念、整体实现思想方面的问题可辅以课堂讨论的形式。应善于利用教学资源,特别是网络资源,促进教学的互动,注重培养学生实际动手能力和创新学习的意识和能力。

七、考核方式

本课程采用笔试、课程设计+平时实验和平时分相结合的方法,比例为5:(2+1):2。课程设计作品由教研室和任课教师一道组成答辩委员会评审。学生采用分组的形式完成课程设计,每组3~5人,并任命一名负责人负责整个设计的组织和实施。课程设计的最终成绩由实验课程+平时设计组成,具体比例为2:1。

八、推荐教材和教学参考书

教材:ISBN 978-7-115-18810-6 吴素芹《ASP动态网页制作教程》 人民邮电出版社

参考书:ISBN978-7-302-17387-8 《ASP动态网页设计》清华大学出版社

九、说明

本课程为WEB开发方向的核心课程,具有很强的实用价值。由于ASP技术是一门实践性较强的综合技术,故建议授课时应该注重实验教学的作用。授课教师在设计实验时,应该充分考虑实验的典型性、综合性、渐进性等,建议与课程设计结合设计实验。课程设计作为本课程最后的实践环节,承担着使学生具备一定的WEB综合设计能力的任务,要求教师认真辅导,务必起到促进学生实践能力培养的作用。

推荐第7篇:网页设计B课程教学大纲

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

Web Design B

课程代码: 课程性质:专业基础理论课/选修 适用专业:信息与计算科学

开课学期:7 总学时数:32 执 笔:刘伟

一、课程的性质和目的

网页设计是针对学习制作网页的相关问题,注重网页设计基本知识的培养的一门课程,可作为进行网页设计学习的本、专科学生的入门基础课,通过本课程教学,使学生掌握网页制作的基础知识并应用开发设计网站;初步学会使用Dreamweavr MX、Flash MX等开发工具制作精美的网页网站;初步掌握XML语言、脚本语言开发基于WEB的数据库系统;培养解决实际问题的动手能力。

二、课程教学内容及学时分配

第一章 HTML(4学时)

了解HTML的定义, 理解HTML的基本结构与主要功能;了解HTML的标记与基本结构;了解HTML文字格式与页面格式;了解超级链结,列表和表格;了解HTML文件中多媒体与框架的设置;解表单标志的设置。

主要内容:Internet简介;Internet的主要功能,WWW简介;HTML简介;HTML语言、HTML主要功能、HTML的基本结构;HTML文件结构的格式;HTML的基本语法、基本结构、文件结构的格式标记。

第二章 网页编辑工具(2学时)

简单了解Frontpage 2000软件的安装配置与操作使用;简单了解Dreamweaver MX软件的安装配置与操作使用;简单了解Flash MX软件的安装配置与操作使用。

主要内容:网页编辑工具Frontpage 2000、Dreamweaver MX。 第三章 ASP技术(6学时)

了解ASP特点,理解ASP的工作原理,了解ASP的运行环境;了解ASP的程序语法;了解ASP的内建对象;了解ASP的内建组件;了解ASP访问数据库的方法。

主要内容:ASP(active server pages)是动态服务器网页,是Mircorsoft 公司在1996年底推出的一种运行于服务器端的WEB应用程序开发技术。它既不是一种语

总学分数:2

编写年月:2002年3月 修订年月:2007年7月

1 言也不是一种开发工具,是内含于IIS/PWS之中的可以集成SCIPT语言到HTML主页的服务器端的脚本语言环境。。

第四章 JSP技术(6学时)

了解JSP特点,理解JSP的工作原理,了解JSP的运行环境;了解JSP的程序语法;了解JSP的内建对象;了解JSP的内建组件;了解JAVABEAN的使用;了解JSP访问数据库的方法。

主要内容:SP是定义于Servlet之上的一个JAVA标准延伸机制。JSP将网页的HTML部分和多段JAVA程序代码合并在单一文档中,即在传统的HTML网页中加入了JAVA程序片段和JSP标记。

第五章 XML(3学时)

了解XML的历史与优点;了解XML的语法;了解XSL的定义与XML的结合;了解CSS的定义与XML的结合。

主要内容:XML(extensible markup language 可拓展置标语言)继承了SGML的优点,又弥补了HTML的不足,它提供了一个直接处理WEB数据的通用方法,着重描述WEB页面的内容,而不是显示格式;CSS与XSL 。

第六章 VBSRIPT、JAVASCRIPT(5学时)

理解VBSRIPT功能与使用;理解JAVASCRIPT功能与使用;了解JAVASCRIPT中内置对象。

主要内容:VBSCRIPT的语法与使用;JAVASCRIPT的语法与使用;JAVASCRIPT中内置对象。

第七章 ACTIVEX技术(2学时)

了解ACTIVEX控件的开发、注册与使用。

主要内容:ACTIVEX控件的开发;ACTIVEX控件的注册;ACTIVEX控件的使用。

第八章 基于WEB的数据库的开发(4学时)

了解基于WEB的数据库开发的原理;了解基于WEB的数据库开发的一般步骤;了解基于WEB的数据库开发的类型。

主要内容:数据库在ASP中使用;JSP访问数据库;ASP、JSP中数据库的连接技术。

三、课程教学的基本要求

1.了解网页设计的基本概念,熟练使用网页设计工具快速构建网站;2.能比较熟练地使用ASP、JASP技术创建动态页面; 3.初步掌握基于web的数据库信息系统技术的解决方案。

2 4.重难点: (1).HTML 重点:HTML标记的使用,框架的设置;表单的使用 难点:文字格式与页面格式,列表和表格,表单标记。 (2).ASP

重点:ASP的工作原理,ASP的页面数据的传递

难点:内建对象的使用,ASP的语法,ASP访问数据库的方法; (3).JSP 重点:JSP的工作原理,JSP的页面数据的传递

难点:内建对象的使用,JSP的语法,JSP访问数据库的方法;JAVABEAN的使用。

(4).XML 重点:XML的语法优点,如何在CSS与XSL中结合XML 难点:XSL与CSS定义与使用。 (5).ACTIVEX组件

重点:ACTIVEX组件的注册使用 难点:ACTIVEX组件的实现。 (6).基于WEB的数据库开发

重点:ASP、JSP中数据库的连接技术,开发环境

难点:中间层的实现

该课程实践性较强,需要学生多上机练习加强理解;针对所留习题,可以组织两到三次讨论,以便学员掌握网站建设的思想。

总评成绩:平时作业占30%,闭卷考试占70%。

四、本课程与其它课程的联系与分工 先修课程:软件工程,数据库原理

五、建议教材及教学参考书

[1]侯文彬等编,《网页设计教程》,清华大学出版社,2003年出版社 [2]丁爱萍,《网页制作教程》,电子工业出版社,2001年出版社

[3]魏应彬等,《网页设计与WEB数据库发布技术》,清华大学出版社,2000年出版社 [4]张铭泽等,《JavaScript动态网页设计》,机械工业出版社,2000年出版社

推荐第8篇:《网页设计与制作》教学大纲

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

课程编号:14411400 课程总学时:48 周学时数:3 学分:3 课程类型:专业必修课 开课(系)院:教育学院 执笔人:朱 玲 审核人:刘 梅

一、课程简介

《网页设计与制作》是一门综合性、应用性很强的课程,是教育技术学专业的一门专业必修课程。通过学习本课程,能利用Dreamweaver 8来开发出有实用价值的网站来。熟练掌握Dreamweaver 8的基本界面环境和HTML语法,了解当前常用数据库的基础知识,能利用数据库来为网站服务。

本课程以《Dreamweaver 8中文版网页制作基础》作为教材,该教材采用项目教学法。项目教学法”是通过实施一个完整的项目而进行的教学活动,其目的是在课堂教学中把理论与实践教学有机地结合起来,充分发掘学生的创造潜能,提高学生解决实际问题的综合能力。这也充分体现了我校的培养应用型人才的路线。

二、教学目的与要求

1、教学目的

本课程开设的主要目的,是为了适应web技术的飞速发展,为学生今后在学习、工作中建立网站及网页制作打下基础。通过本课程的学习,使学生了解如何规划并建立站点,掌握制作网页的基础知识,能熟练利用Dreamweaver 8提供的强大的功能制作出精美的网站。

2、教学要求

在本课程的学习中,要求学生能够熟练使用Dreamweaver 8操作环境,掌握HTML的语法规则,并能够利用Dreamweaver 8的强大功能制做出精美的网页,同时能独立创建并管理网站。

三、教学内容及学时安排

第一章Dreamweaver 8概论

[教学目的与要求]

1.认识Dreamweaver 8 2.了解Dreamweaver 8的用途及新增功能 3.熟悉Dreamweaver 8的工作界面 4.熟悉Dreamweaver 8的一些简单的设置 [重点与难点]

1.Dreamweaver 8的工作界面 2.自定义工作环境 3.选择视图方式 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是Dreamweaver

二、新增功能

三、Dreamweaver 8的工作界面

(一)选择工作界面

(二)界面组成

四、自定义工作环境

(一)显示/隐藏面板和工具栏

(二)更改“插入”工具栏的外观

(三)自由组合面板

(四)调整文档窗口大小

五、选择视图方式

(一)代码视图

(二)设计视图

(三)代码和设计视图 [实验实践教学环节]

实验项目:熟悉Dreamweaver8操作环境 实验课时:2学时 [课堂训练、作业思考题]

1.如何使一个控制面板成为一个独立的面板? 2.如何将文档窗口调整为640×480像素大小?

[教学目的与要求]

1.了解网页的设计与布局原则 2.明确网站的策划与创建原则 3.知道网站的开发流程 [重点与难点]

1.网页的设计与布局原则 2.网站的策划与创建原则 3.网站的开发流程

第二章 网页与网站的基本知识

[教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、网页设计和布局原则

(一)网页主题网页主题时应该遵循以下原则:

(二)网页命名和标志

(三)网页的色彩

(四)网页的文字

(五)网页中的表格

(六)网页版面和布局

二、策划与创建原则

(一)什么是网站 (二)网站的目标定位 (三)网站的风格 (四)网站的CI形象 (五)网站的栏目和板块 (六)网站的目录结构

三、网站的开发流程: [实验实践教学环节]

[课堂训练、作业思考题]

1.简述网站开发需要经过的几个主要阶段。2.简述制作网页需要注意的问题。

[教学目的与要求]

1.掌握HTML语言及其基本语法 2.如何制定及清理多余的HTML代码 3.掌握在各种环境中编辑HTML代码的方法 [重点与难点] 1.HTML的基本语法 2.使用代码检查器 3.设置HTML代码参数

第三章 HTML语言控制

4.清理多余的HTML代码 5.编辑HTML代码 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是HTML

二、HTML的基本语法

三、认识“代码检查器”面板

(一)“代码检查器”面板的功能

(二)3.3.2 设置“代码检查器”面板

四、设置HTML代码参数

(一)设置代码颜色

(二)设置代码格式

(三)设置代码改写参数

五、清理HTML代码

六、编辑HTML代码

(一)在代码视图中编辑HTML

(二)在设计视图中编辑HTML

(三)在外部代码编辑器中编辑HTML [实验实践教学环节] 无

[课堂训练、作业思考题]

1.如何清除多余的HTML代码和多余的word代码?

第四章 设置文本和网页属性

[教学目的与要求]

1.了解文档的新建、保存和打开

2.掌握怎样输入文本、查找和替换、检查拼写、设置文本和段落 3.掌握使用水平分隔线和设置网页属性等 [重点与难点] 1.文档的基本操作 2.输入文本 3.查找与替换 4.拼写检查 5.格式化文本 6.使用水平分隔线 7.设置网页属性 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、文档的基本操作

(一)启动Dreamweaver 8主工作界面

(二)新建文档 “新建文档”对话框

(三)保存新文档

(四)打开文档

二、输入文本

(一)文本换行 (二)插入特殊字符 (三)导入Word文档 (四)添加注释

三、查找与替换 “查找和替换”对话框

四、拼写检查 “检查拼写”对话框

五、格式化文本

(一)文本属性栏 (二)设置文本格式 (三)设置段落格式

六、使用水平分隔线

(一)4.6.1 添加水平分隔线 (二)4.6.2 修改属性 (三)4.6.3 设置颜色

七、设置网页属性

(一)4.7.1 使用“页面属性”对话框 (二)4.7.2 使用网页配色方案 [实验实践教学环节]

实验项目:插入网页对象(第

4、

5、

9、12章) 实验课时:3学时 [课堂训练、作业思考题]

1.如何使启动程序不显示起始页? 2.简述创建一个空白文档的过程。

第五章 使用网页图像

[教学目的与要求]

1.了解网页图像的基本概念

2.掌握如何插入图像、如何编辑图像 3.掌握如何创建图像映射即热点 [重点与难点]

1.网页图像的格式 2.插入图像 3.编辑图像 4.创建图像映射 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、网页图像简述

(一)位图图像 (二)矢量图像 (三)常见网页图像格式

二、插入图像

(一)插入普通图像

(二)插入鼠标经过时变化的图像 (三)插入网页背景图像

三、编辑图像

(一)5.3.1 调整图像大小 (二)5.3.2 剪掉图像的多余部分 (三)5.3.3 调整图像的亮度和对比度 (四)5.3.4 锐化图像 (五)5.3.5 图像的排列方式 (六)5.3.6 设置图像间距 (七)5.3.7 用文字代替图像 (八)5.3.8 使用图像编辑器

四、创建图像映射

(一)5.4.1 什么是图像映射图 (二)5.4.2 图像映射面板 (三)5.4.3 定义和编辑热点 (四)5.4.4 为热点建立链接 [实验实践教学环节]

实验项目:插入网页对象(第

4、

5、

9、12章) 实验课时:2学时 [课堂训练、作业思考题]

1.如何在网页中用文字代替图像? 2.如何为热点建立链接?

[教学目的与要求]

1.掌握表格的创建和使用、表格的编辑和修改2.掌握表格的套用样式和嵌套 3.掌握如何使用表格进行页面布局 [重点与难点]

1.创建表格 2.编辑表格

第六章 创建和使用表格

3.套用表格 4.表格的嵌套

5.使用表格进行页面布局 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、创建表格

(一)插入表格并添加内容 (二)导入表格数据文件

二、编辑表格

(一)添加/删除行列 (二)调整表格大小 (三)调整行高和列宽 (四)合并/拆分单元格 (五)设置单元格的宽度和高度 (六)设置表格的边框颜色 (七)设置表格的背景

三、套用表格样式

四、表格的嵌套

五、使用表格进行页面布局

(一)布局模式

(二)绘制布局单元格和布局表格 (三)将内容添加到布局单元格中 (四)使用间隔图像

(五)更改布局表格和布局单元格的属性[实验实践教学环节]

实验项目:网页布局(第

6、

7、8章)实验课时:2课时 [课堂训练、作业思考题]

1.简述合并和拆分单元格的几种方法。2.怎样在布局表格中使用间隔图像?

第七章 创建和使用框架

[教学目的与要求]

1.理解框架和框架集的概念

2.掌握如何创建、选择框架和框架集

3.掌握如何设置框架和框架集的属性及编辑框架页面 [重点与难点]

1.创建框架与框架集 2.选择框架与框架集的方法 3.设置框架与框架集的属性 4.编辑框架页面 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是框架与框架集

二、创建框架与框架集

(一)使用预定义创建框架集 (二)自己设计框架集 (三)删除框架 (四)创建嵌套框架集

三、选择框架与框架集

(一)在文档窗口中选择 (二)在“框架”面板中选择

四、设置框架与框架集属性

(一) 设置框架属性

(二) 设置框架集属性

五、编辑框架页面

(一)7.5.1 设置框架中文档的背景颜色 (二)7.5.2 使用链接控制框架内容 (三)7.5.3 替换框架文件

(四)7.5.4 保存框架和框架集文件 (五)7.5.5 解决浏览器无法显示框架的问题 [实验实践教学环节]

实验项目:网页布局(第

6、

7、8章) 实验课时:2课时 [课堂训练、作业思考题]

1.如何删除框架和框架集? 2.怎样替换框架文件?

[教学目的与要求]

1.了解创建层

2.掌握设计层属性、编辑层 3.掌握层和表格的转换 [重点与难点]

1.创建层 2.设置层属性 3.编辑层 4.层和表格的转换 [教学时数] 3学时

[教学方法与手段]

第八章 创建和使用层 讲授法与多媒体教学相结合 [主要内容]

一、创建层

(一)创建平铺式层 (二)创建重叠式层 (三)创建嵌入式层

二、设置层的属性

(一)设置层参数 (二)设置单个层属性 (三)同时设置多个层的属性

三、编辑层

(一)使用“层”面板 通过“层”面板可以管理文档中的层。

(二)使用“层”面板可以防止层重叠、更改层的可见性、将层嵌套或层叠,以及选择一个或多个层。(三)在层中添加内容 (四)选择和移动层 (五)防止层重叠 (六)改变层的堆叠次序

(七)显示/隐藏层 (八)创建预先载入层 (九)调整层的大小

层和表格的转换层

(一)将层转换成表格 (二)将表格转换成层 [实验实践教学环节]

实验项目:网页布局(第

6、

7、8章)实验课时:2课时 [课堂训练、作业思考题]

1.如何创建预先载入层? 2.简述表格与层的转换方法。

[教学目的与要求]

1.了解表单与表单元素的基本概念

第九章 表 单

四、2.掌握表单的创建及表单元素的插入和设置方法 3.掌握检查表单以验证表单元素正确性 [重点与难点]

1.表单的创建

2.插入与设置文本域和文本区域

3.插入与设置复选框、单选按钮和单选按钮组 4.插入与设置列表框和弹出菜单 5.插入与设置跳转菜单 6.插入与设置文件域 7.插入与设置表单按钮 8.检查表单 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、表单与表单元素 (一)表单 (二)表单元素

二、表单

(一)创建表单 (二)设置表单属性

三、文本域和文本区域

(一)插入文本域 (二)设置文本域的属性 (三)插入文本区域

四、复选框、单选按钮和单选按钮组

(一)插入单选按钮与复选框 (二)设置单选按钮与复选框的属性

五、列表框和弹出菜单

(一)插入列表框与弹出菜单 (二)设置列表/菜单属性 (三)跳转菜单 (四)文件域 (五)表单按钮 (六)标准表单按钮 (七)图片式按钮 (八)检查表单 [实验实践教学环节]

实验项目1:插入网页对象(第

4、

5、

9、12章) 实验课时:3学时 实验项目2:表单对象 实验课时:2课时 [课堂训练、作业思考题]

1.文本域与文本区域有何区别? 2.如何插入跳转菜单?

第十章 添加超级链接和导航工具条

[教学目的与要求]

1.掌握在Dreamweaver 8中创建超级链接的基本方法;

2.了解超级链接的种类:包括内部、外部超级链接、为E-mail和下载文件添加超级链接、使用锚点和导航条工具等内容。[重点与难点]

1、内部超级链接的使用方法;

2、外部超级链接的使用方法;

3、为图片添加超级链接;

4、为E-mail创建超级链接;

5、设置下载文件链接;

6、锚点的创建方法;

7、导航条的创建方法;[教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是超级链接

(一)超级链接的概念 (二)链接路径

二、使用内部超级链接

(一)10.2.1 为文字添加超级链接 (二)10.2.2 设置文字超级链接的属性 (三)10.2.3 为图片添加超级链接

三、外部超级链接

四、为E-mail和下载文件添加超级链接

(一) 为E-mail添加超级链.

(二) 为下载文件添加超级链接

五、使用锚点

(一) 创建锚点

(二) 链接锚点

六、使用导航工具条

(一) 插入导航条

(二) 修改导航条 [实验实践教学环节]

[课堂训练、作业思考题]

1.简述超级链接的分类。 2.如何创建锚点?

第十一章 层叠样式表

[教学目的与要求]

1.掌握CSS的基本语法与功能、“CSS样式”面板与“相关CSS”面板的使用、应用类样式的方法、插入样式表的方式、CSS样式的属性设置;

2.了解样式表的优先顺序等内容。[重点与难点]

1.CSS样式的创建、编辑与导出 2.应用类样式 3.设置CSS样式属性 4.CSS样式的优先顺序 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、层叠样式表概述

(一)什么是CSS (二) CSS的基本语法

二、CSS样式的创建、编辑与导出

(一)认识“CSS样式”面板 (二)认识“相关CSS”面板 (三)创建CSS样式

(四)导出样式以创建CSS样式表 (五)管理CSS样式 (六)链接和导出外部样式表 (七)编辑CSS样式 (八)编辑外部样式表

三、应用类样式

(一)应用自定义的CSS样式 (二)删除自定义的CSS样式

四、设置CSS样式属性 (一)“类型”选项 (二)“背景”选项 (三)“区块”选项 (四)“方框”选项 (五)“边框”选项 (六)“列表”选项 (七)“定位”选项 (八)“扩展”选项

五、CSS样式的优先顺序

[实验实践教学环节] 无

[课堂训练、作业思考题]

1.简述CSS样式的作用。 2.简述创建CSS样式的方法。

[教学目的与要求]

1.掌握插入Flash动画、Shockwave电影第十二章 插入多媒体组件

2.掌握插入Applet程序、ActiveX控件和插件等内容 [重点与难点]

1.添加Flash动画。2.添加Shockwave电影。 3.添加Java Applet程序。 4.使用ActiveX控件。 5.使用插件。

6.添加声音背景和声音文件。7.插入日期和时间。 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、插入多媒体文件简介

二、添加Flash动画

(一)插入Flash动画 (二)设置Flash动画属性 (三)参数简介

三、插入Shockwave电影

(一)插入Shockwave电影 (二)设置Shockwave电影属性

四、插入Java Applet程序

(一) 插入Java Applet程序

(二) 设置Java Applet属性

五、设置ActiveX控件

六、设置Netscape Navigator插件

(一)插入插件 (二)设置插件属性

七、在网页中添加声音

(一)声音文件格式 (二)为网页加入背景音乐 (三)嵌入声音文件

八、插入日期和时间

九、使用计数器 [实验实践教学环节]

实验项目:插入网页对象(第

4、

5、

9、12章) 实验课时:3学时 [课堂训练、作业思考题]

1.简述可以插入的多媒体组件的种类。 2.如何在网页中嵌入声音文件?

第十三章 生成动态特效

[教学目的与要求]

1.了解行为的含义

2.掌握应用Dreamweaver 8中内置的各种行为、为对象附加行为及获取更多的行为 [重点与难点]

1.了解行为

2.了解Dreamweaver 8的内置行为 3.应用行为 [教学时数] 3学时 [教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、什么是行为

二、Dreamweaver 8中的行为 (一)认识行为面板 (二)内置行为

三、应用行为 (一)为对象附加行为 (二)获得更多的行为

四、动态特效实例 (一)改变对象属性 (二)检查浏览器 (三)检查插件 (四)制作弹出窗口 (五)制作动态图片说明 (六)设置状态栏信息 (七)设置播放声音 [实验实践教学环节]

实验项目:制作动态网页 实验课时:3课时 [课堂训练、作业思考题]

1.简述改变层属性的方法。

2.简述单击某按钮时发出声音特效的制作方法。

第十四章 库与模版

[教学目的与要求]

1.掌握如何创建和设置库项目,为网页添加库项目和编辑库项目 2.掌握如何创建、设置模板的网页属性 3.掌握如何导入导出XML内容 [重点与难点]

1.设置库项目参数 2.编辑库项目 3.利用库项目更新网站 4.使用模板创建网页 5.修改模板属性 6.导入导出XML内容 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、库与模版概述

二、使用库项目 (一)创建库项目 (二)将库项目添加到网页

三、编辑库项目

(一)认识库项目属性面板

(二)删除与重命名库项目

(三)修改库项目

四、利用库项目更新网站

五、创建模版

(一)将文档另存为模版

(二)创建可编辑区域

(三)创建重复区域

(四)定义可编辑标签属性

六、创建基于模版的文档

七、修改模版属性

八、导入导出XML内容 实验实践教学环节] 无

课堂训练、作业思考题]

1.如何设置可编辑区域及可重复区域? 2.更改了库项目或模版后,如何更新网站?教学目的与要求]

1.掌握站点的规划和设计知识 2.掌握本地和远程的概念

第十五章 规划和设计站点

[ [

[3.掌握创建本地站点的方法

4.掌握设置本地和远程文件夹,管理站点 [重点与难点]

1.创建本地站点 2.设置本地和远程文件夹 3.管理Web站点 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、关于站点规划和设计

二、关于本地与远程的几个概念 (一)本地计算机和Internet服务器 (二)本地站点和远程站点

三、创建本地站点

四、设置本地和远程文件夹 (一)设置本地文件夹 (二)设置远程文件夹

(三)为FTP访问选择主机目录 (四)设置远程文件夹时应注意的事项

五、管理Web站点 (一)导入与导出站点 (二)从站点列表中删除站点 (三)获取和上传文件

(四)同步本地和远程站点上的文件 (五)遮盖站点中的文件夹和文件 (六)使用设计备注 [实验实践教学环节]

[课堂训练、作业思考题]

1.简述应用定义站点高级选项卡定义站点的过程。

第十六章 上传站点

[教学目的与要求] 1.了解如何申请个人网站空间 2.知道到哪里去下载免费网站空间

3.了解如何将网站上传到WWW服务器以及如何推广网站等 [重点与难点]

1.申请网站空间 2.上传站点 3.网站的宣传和推广 [教学时数] 3学时

[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]

一、申请网站空间

(一)选择网站空间 (二)申请方法

二、上传站点

(一) 设置本地服务器地址

(二) 传送站点

三、宣传和推广

(一)用E-mail形式来宣传

(二)在BBS或新闻组中宣传 (三)在搜索引擎网站中宣传 (四)广告与友情链接

(五)在Dreamweaver 8中插入关键词与描述 [实验实践教学环节]

[课堂训练、作业思考题]

1.简述申请个人免费网络空间的方法。

三、教学方法与手段

本课程采用讲授法、演示法、实验法、讨论法、探究式等多种教学方法进行教学,教学手段采用了传统教具、多媒体投影以及计算机网络等。

四、教材与教学参考书

[1] 孙印杰,薛书琴,俞露等编著.新世界Dreamweaver 8中文版应用教.电子工业出版社,2008.[2] 希望图书创作室编著.Dreamweaver(中文版) 8标准教程.兵器工业出版社,2007.[3] 杨聪,韩小祥,周国辉主编.Dreamweaver 8网页设计案例实训教程.中国人民大学出版社,2009.[4] 葛艳玲主编.网页制作基础教程(Dreamweaver 8.0)(第2版).电子工业出版社,2009.[5] 导向科技编著.中文版Dreamweaver 8网页设计培训教程.人民邮电出版社,2006.

五、实验实践教学

实验教学是网页设计与制作的重要实践环节。通过实验,使学生加深理解、验证、巩固课堂教学内容,对Dreamweaver 8有一较全面的认识。培养学生分析问题和解决问题的能力,为以后深入学习教育技术专业的其它课程打下坚实的基础。

实验教学的主要目的是培养学生的动手能力,要求学生熟练掌握Dreamweaver 8的基本操作,网页的设计制作,网站的建立与管理等技能。

为使学生巩固课堂所学知识,根据教学内容本课程共设5项实验,分别是熟悉Dreamweaver 8的操作环境、插入网页对象、网页布局、表单对象和制作动态网页,最终学生上机实验完成最终作品。

六、课外训练及自学指导

(一)课外训练体系 1.训练目的与要求

网页设计与制作是一门实践性很强的课程,要想熟练的掌握Dreamweaver 8有关操作,网页制作和网站开发与管理的技能,就必须大力加强课外训练。

课外训练的主要目的:充分掌握网页制作的有关技能操作,学会设计单个网页,能够开发一个小型网站。 2.训练内容与方法 训练的内容主要是每一章的重点难点知识,训练的方法主要有观摩法和实践法。

(二)自学指导体系 1.自学目的与要求

这门课程要求学生不仅仅是掌握课本上的知识,课本上的知识是远远不够的,这就要求学生必须自学。自学的主要目的是扩展知识面,加深对该课程知识的认识。要求知道与网页制作有关的知识。

2.自学内容与方法

自学的内容主要是网页制作的有关知识,除了Dreamweaver 8软件的有关操作以外,还要学习Flash、Fireworks等软件的有关网页制作知识。。

自学的方法主要有资料查阅法、讨论法、网上学习法、实验练习法等。

七、考试考核

本课程的考试形式为技能考核,学生的学业成绩实行结构化成绩,由考试主卷成绩、副卷(实验)成绩和平时成绩构成,其中考试主卷成绩占60%,副卷成绩占20%,平时成绩占20%。

推荐第9篇:《多媒体网页设计》课程教学大纲.

《多媒体网页设计》课程教学大纲 (Elements of Multimedia Web Design

一、课程说明

【课程ID】【课程修习类型】必修 【学分数】3 【适用专业】文科类专业

【开课学院】国际服务工程学院【建议修读学期】第二学期 【学时数】总64课时(理论32/实验32 【先修课程】大学计算机基础 1.课程介绍: 《多媒体网页设计》课程的设置是为了满足专业对多媒体信息处理和网站运用的实际需求。

多媒体技术适用于绝大部分文科类专业,着眼于培养学生将媒体技术直接运用至其本专业实际需求中的能力,如文学创作、音乐创作、舞美设计、体育运动教学、全民健身推广、赛事记录与传播、各类视觉设计等众多方向,以成就感来提高学习兴趣,同时也将计算机专业知识更好地运用到其本专业实际需求中。而网站开发与制作作为一项综合性很强的技能,可以全面提升学生对信息处理的综合能力,在大量工作岗位中能体现其价值,适合基础较好的学生。

2.课程的主要内容及课时安排: 章次内容(宋体五号字总学时理论学时实验、实践学时 一网页编写基础理论8 4 4 二网站的规划与设计 4 2 2

三数字图像、图形处理12 6 6 四网页动画创作8 4 4 五结构化网页制作16 8 8 六基于CSS的页面样式与布局控制16 8 8 3.课程教学目的与要求: 《多媒体网页设计》是一门面向文科类专业的计算机“进阶型”技能课程,主要讲授适用于各个行业的最新的多媒体技术,以及如何设计规划网站、制作符合行业标准的多媒体网页。这两类技能对于文科类学生来说尤为可贵,既能满足本专业在媒体类作品创作方面的需求(例如制作精美的展示图片,拍摄和编辑产品的演示视频,并配以画外音与字幕,然后创建主题网站,并将这些内容以网页的形式加以展示, 还能大大提升学生的就业竞争力,真正体现计算机作为一个工具在其他专业中的应用价值。

4.本门课程与其它课程关系及要求: 《大学计算机基础》是本课的前导课程,无后续课程。 5.课程教学方法与手段: 课堂讲授和上机实验相结合。利用多媒体的课堂教学,学生的集体讨论,并结合大量的实例与练习,加强实际动手能力。

6课程政策:(对课堂纪律、到课、作业等要求

遵守学校课堂纪律政策,按时到课,及时完成教师布置的课内外作业,自觉进行课外实践训练。

7.推荐教材及参考文献:

[1] 《多媒体网页设计教程》,高等教育出版社,2014年1月。 8.学生成绩评定:(学生学业成绩评定标准、原则、方法、要求 本课程为必修课。

本课程强调实际操作能力和创新能力,因此考核方式采用理论与实际操作相结合。其中平时成绩(来自于平时的作业、实验练习及考勤等占50%,期末考试占50%。

9.实践教学内容安排: ●实验1(2课时:利用记事本制作符合web标准的简易网页 ●实验2(2课时:图像处理技术之基础训练 ●实验3(4课时:图像处理技术之网站效果图绘制 ●实验4(4课时:简单网站动画制作

●实验5(8课时:利用可视化工具搭建简单网站 ●实验6(8课时:基于CSS的页面样式和布局控制 10.课程网站: http://jsj.hznu.edu.cn

二、教学内容和学时分配 周次主题内容学时数

1 网页编写基础理论:网页制作应具备的基础4学时

2 网页编写基础理论:利用记事本编写符合web标准的简单网页4学时

3 网站的规划与设计:主题、信息架构、页面布局、色彩设计、导航设计等4学时

4 数字图像、图形处理:PS基础操作,“米老鼠的诞生”案例4学时 5 数字图像、图形处理:PS进阶操作,“游侠相册”效果图案例4学时 6 数字图像、图形处理:PS进阶操作,“游侠相册”切片与输出4学时 7 网页动画创作:Flash动画基础,“矮人招工”案例4学时 8 网页动画创作:Flash动画制作,“主图切换”案例4学时 9 结构化网页制作:DW基础操作,“我的天空”网站案例4学时 10 结构化网页制作:网页内容的插入与编辑4学时 11 结构化网页制作:多媒体对象的插入与编辑4学时 12 结构化网页制作:超链接编辑与网站发布4学时 13 基于CSS的页面样式与布局控制:CSS基础4学时

14 基于CSS的页面样式与布局控制:样式的编辑与应用4学时 15 基于CSS的页面样式与布局控制:盒模型、浮动与定位4学时 16 基于CSS的页面样式与布局控制:布局与排版4学时 第1次:网页制作应具备的基础(上 1.教学要求

了解设计、编写网站所需要具备的各项软硬件基础和知识储备。 2.主要内容

设计、编写网站的软硬件要求和知识储备;html基础。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

参考《多媒体网页设计教程》第1章。 5.思考作业题 实验1 第2次:网页制作应具备的基础(下 1.教学要求

利用记事本编写符合web标准的简单网页。 2.主要内容

利用记事本编写符合web标准的简单网页:填充内容、内容结构化、CSS控制格式。

3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

参考《多媒体网页设计教程》第1章。 5.思考作业题 实验1

第3次:网站的规划与设计 1.教学要求

了解网站规划与设计的知识与技巧。 2.主要内容

网站主题确定、设定信息架构、设计页面布局、色彩设计、导航设计、文字编撰。

3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

参考《多媒体网页设计教程》第2章。 5.思考作业题 暂无

第4次:数字图像、图形处理(上 1.教学要求

了解Web图像处理的相关理论知识。 2.主要内容

Web图像处理的相关理论知识,PS基础操作,“米老鼠的诞生”案例。 3.教学方法

多媒体教学、小组讨论结合上机操作。

4.阅读材料

参考《多媒体网页设计教程》第3章。 5.思考作业题 实验2 第5次:数字图像、图形处理(中 6.教学要求

了解利用Photoshop绘制网页效果图的理论知识和操作技巧。 1.主要内容

利用Photoshop绘制网页效果图的理论知识和操作技巧,“游侠相册”效果图案例。

2.教学方法

多媒体教学、小组讨论结合上机操作。 3.阅读材料

参考《多媒体网页设计教程》第3章。 4.思考作业题 实验3 第6次:数字图像、图形处理(下 1.教学要求

了解利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧。

2.主要内容

利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧,“游侠相册”效果图案例。

3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

参考《多媒体网页设计教程》第3章。 5.思考作业题 实验4 第7次:网页动画创作(上 1.教学要求

了解基于Flash的动画理论基础和操作技巧。 2.主要内容

Flash动画基础,“矮人招工”案例。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

参考《多媒体网页设计教程》第4章。 5.思考作业题

实验5 第8次:网页动画创作(下 1.教学要求

了解基于Flash的动画理论基础和操作技巧。 2.主要内容

lash动画基础,“图片切换”案例。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

参考《多媒体网页设计教程》第4章。 5.思考作业题 实验5 第9次:结构化网页制作(1 1.教学要求

了解基于DW的设计、编写网页的理论与操作技巧。 2.主要内容

DW基础操作,“我的天空”网站案例。 3.教学方法

多媒体教学、小组讨论结合上机操作。

4.阅读材料

参考《多媒体网页设计教程》第5章。 5.思考作业题 实验6 第10次:结构化网页制作(2 1.教学要求

了解基于DW的设计、编写网页的理论与操作技巧。 2.主要内容

网页内容的插入与编辑,“游侠相册”案例。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

参考《多媒体网页设计教程》第5章。 5.思考作业题 实验7 第11次:结构化网页制作(3 1.教学要求

了解基于DW的设计、编写网页的理论与操作技巧。 2.主要内容

多媒体对象的插入与编辑,“游侠相册”案例。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

●参考《多媒体网页设计教程》第5章。 5.思考作业题 实验7 第12次:结构化网页制作(4 1.教学要求

了解基于DW的设计、编写网页的理论与操作技巧。 2.主要内容

超链接编辑与网站发布,“游侠相册”案例。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

●参考《多媒体网页设计教程》第5章。 5.思考作业题 实验7 第13次:基于CSS的页面样式与布局控制(1

1.教学要求

了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。 2.主要内容 CSS基础。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

●参考《多媒体网页设计教程》第6章。 5.思考作业题 实验8 第14次:基于CSS的页面样式与布局控制(2 1.教学要求

了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。 2.主要内容

样式的编辑与应用。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

●参考《多媒体网页设计教程》第6章。

5.思考作业题 实验8 第15次:基于CSS的页面样式与布局控制(3 1.教学要求

了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。 2.主要内容

盒模型、浮动与定位。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

●参考《多媒体网页设计教程》第6章。 5.思考作业题 实验8 第16次:基于CSS的页面样式与布局控制(4 1.教学要求

了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。 2.主要内容 布局与排布。 3.教学方法

多媒体教学、小组讨论结合上机操作。 4.阅读材料

●参考《多媒体网页设计教程》第6章。 5.思考作业题 实验8 (

二、实验课(总32学时,周学时2,16周,每周做一次实验,每次2学时,共16次附件2 实验课内容和学时分配

序号实验项目 名称 实验内容 学时 分配 实验 属性 实验 类型 每组 人数 实验

要求 已开 /未 开

1 利用记事本制作 简易网页

利用记事本制作符合 web标准的简易网 页:“单反小队”和“公 园里”案例。 2 技术 基础 基础 性 1 必做已开 2 图像处理技术之 基础训练

利用PS绘制“米老

鼠的诞生”案例。 2 技术 基础 基础 性 1 必做已开 3 图像处理技术之 网站效果图绘制 利用PS绘制“游侠 相册”网页效果图案 例。 4 技术 基础 基础 性 1 必做已开 4 简单网站动画制

利用FL绘制“矮人招 聘”和“图片轮换” 案例。 4 技术 基础 基础 性 1 必做已开 5 利用可视化工具 搭建简单网站 利用DW搭建“我的 天空”简易网站案例。 8 技术 基础 综合 性

1 必做已开 6 基于CSS的页面 样式和布局控制 利用DW,结合CSS 完成“游侠相册”网 站案例的制作。 8 技术 基础 基础 性

1 必做已开撰稿人:诸彬审稿人:学院主管领导: 学院盖章:

推荐第10篇:网页设计与制作教学大纲

网页设计与制作教学大纲

(供医学影像学、护理学本科各专业用)

前 言

《网页设计与制作》是一门应用性和理论性都很强的课程,是医学影像和护理学专业的选修课程。通过学习本课程使学生初步了解网页制作及建立网站的基础知识,掌握制作网页和建立网站的技术。

总学时:18学时,实际教学中采用理论教学中穿插上机实践。

第一章 网页设计基础知识

一、目的和要求

(一)

了解Internet的功能

(二)

理解WWW和网页、网站的相关概念 (三) 了解常用的网页制作工具 (四) 理解建设网站的基本方法和思路

二、教学内容

(一) 网页基本概念:了解网页、网站、万维网(www)、浏览器、统一资源定位符(URL)、IP地址、域名、超级链接、静态网页和动态网页的基本概念。

(二) 网页设计的相关知识

1、设计网页的原则: 了解网页设计的基本原则。

2、网页设计的一般步骤:了解网页设计的一般步骤。

3、Web服务器架构:了解Web服务器的概念、会建立IIS,会进行Web站点的设置与管理。

4、网页制作的常用工具:了解Frontpage、Macromedia Dreamweaver、记事本;了解图像处理工具Photoshop,Firework,了解动画制作工具:Macromedia Flash等。

5、客户端技术:了解HTML、DHTML、XML的概念。

6、服务器端技术:了解ASP、PHP、Java的概念。

第二章 HTML语言

一、目的和要求

(一) 熟悉HTML标记语言的基础知识;(二) 熟悉HTML语法基础;

(三) 掌握文本格式标记、列表标记、表格标记、表单及表单控件标记,熟练利用标记编写页面代码;(四) 掌握超链接、图像、音乐及流动字幕的设置方法。

二、教学内容

(一)

HTML语言基本概念:了解HTML、超文本、Web页的概念。 (二) HTML文档架构:掌握HTML文档基本架构。 (三)

HTML常用标记

1、掌握文本格式标记:,,,。

2、掌握段落格式标记:,,。3、了解特殊字符标记:<,>,&, 。 4、掌握列表标记:,。

5、掌握多媒体标记:,,。

7、掌握超链接标记:。

8、掌握表格标记:。

9、掌握框架标记:。

10、掌握表单及表单域标记:。

第三章 Dreamweaver 8网页设计

一、目的和要求

(一)

熟悉Dreamweaver 8操作界面; (二) 掌握Dreamweaver 8建立与管理站点;

(三) 掌握如何使用Dreamweaver 8对文本、图像、表格进行插入与编辑; (四) 掌握如何使用Dreamweaver 8创建超链接、表单、样式表; (五) 掌握如何在Dreamweaver 8中使用层与框架。

二、教学内容

(一) Dreamweaver 8基础知识:会启动、关闭中文Dreamweaver 8,了解Dreamweaver 8的功能、主窗口,标题栏、菜单栏、工具栏、网页编辑窗口、状态栏、属性面板、浮动控制面板组。

(二) 站点的建立:熟练掌握利用Dreamweaver 8建立站点、管理站点。

(三) Dreamweaver 8页面设计: 熟练掌握利用Dreamweaver 8插入文字、插入图像、插入表格、插入超链接、插入媒体元素、插入表单,会使用样式表控制页面格式。

(四)

页面布局:熟练掌握利用表格控制页面布局,会使用框架进行特殊的页面布局,了解利用层实现页面布局。

第四章 VBScript脚本语言

一、目的和要求

(一)

了解VBScript的基本概念; (二) 熟练掌握VBScript语法;

(三) 熟练掌握VBScript的sub过程与function函数;(四) 会使用VBScript进行简单编程。

二、教学内容

(一)

VBScript的基本概念

1、了解在网页中如何嵌入VBScript。

2、了解VBScript语句书写规则、数据类型、变量、常量、运算符和内置函数的概念。(二)

VBScript的过程与函数

1、熟练掌握VBScript中SUB过程的建立。

2、熟练掌握VBScript中FUNCTION()函数的使用。

(三)程序设计流程:了解条件语句和循环控制语句

(四)VBScript对象的使用:掌握Window对象、History对象、Form对象的语法格式及使用方法。

2 并利用案例熟悉对象。

第五章 ASP动态网页制作

一、目的和要求

(一)

深刻理解动态网页技术和静态网页技术的区别和联系。 (二) 掌握ASP运行环境的搭建方法及建立ASP动态网站的一般方法。 (三) 理解Request和Response对象的作用,熟练掌握其使用方法。 (四)

能够综合运用网页设计方法创建动态网站。

二、教学内容

(一)

ASP概述:了解ASP的概念,ASP的工作过程,ASP与HTML的区别。 (二)

ASP动行环境:IIS的安装,IIS下站点的建立与管理。

(三)

ASP的内建对象:掌握Request对象,Request对象可访问的变量Querystring、form、cookies和server variable;掌握Response对象,Response对象提供的方法write,redirect,end的使用。

(四)

ASP动态网站的创建:利用ASP技术验证表单中用户填写的信息。

第六章 网站制作实例

一、目的和要求

(一)

巩固Dreamweaver 8中网站设计的基本方法; (二) 巩固编制HTML和ASP代码的方法; (三) 综合运用所学知识设计制作小型网站。

二、教学内容

(一)

网站的规划设计:确定网站的主题和名称,确定网站的形象,确定网站的栏目,确定网站的目录结构,确定网站的链接结构,网站的整体风格,首页的设计,站点的创建。 (二)

静态网页设计 (三)

动态网页设计

教材:李京文主编,网页设计与制作,高等教育出版社,2012。

李京文主编,网页设计与制作实训与考试指导,高等教育出版社,2012。

参考书:曾鸿主编,网页设计与制作高等教育出版社,2009。

第11篇:网页制作与设计教学大纲

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

课程编号:

总学时数:36学时(其中讲授:20学时,实验:16学时)

一、课程性质、目的和要求

本课程是我系各专业必修专业课程之一。该课程以Dreamweaver和CSS为蓝本,全面介绍与网页设计制作有关的知识,向学生阐明Web基本工作机制,并使学生具有解决静态网页制作和设计等方面问题的能力。通过对WWW的基本概念、网页设计的基本原则、网页设计编程的基本技术与技巧的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。

在网络技术迅速发展的今天,网页制作已成为当今社会上一种比较热门的技术,也是计算机专业学生的一门必修课,通过课程学习要求学生能够掌握静态网页的制作工具的使用以及HTML标记语言的运用,并基本掌握JavaScript脚本语言编程的常用方法与技巧。通过与前期课程的融会,运用掌握的Flash等其他制作工具软件,在具体的网页设计过程中要很好的将几者结合起来使用,从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页。通过本门课程的学习,学生能够具备以下能力:网站建设、网络广告、多媒体课件、网络游戏、汇报材料,MTV等。同时培养学生以下素质:服务意识:能够为他人提供优质的服务;文明法制意识:网站内容应积极健康向上,不做违法的事;合作精神:能够与他人进行合作,具有协调工作能力和组织管理能力;较强的自我知识及技术更新能力:快速跟踪网页制作的新技术及市场应用动态。

二、教学内容、要点和课时安排

第一章 Dreamweaver MX概述 1.Dreamweaver MX简介

2.Dreamweaver MX的工作界面介绍

3.窗口和面板

4.Dreamweaver MX的新特性

要求:熟悉Dreamweaver MX的操作界面,DreamweaverMX版本的最新特性,掌握如何自行设置具有独特的工作环境,对Dreamweaver MX的主界面认识透彻,便于以下课程的深度学习。

第二章 创建站点 1.站点的规划

2.创建本地站点 3.创建ASP站点 4.连接数据库

2学时

2学时 5.站点的管理与维护 6.发布站点 要求:了解站点的基本概念,熟悉掌握使用DreamweaverMX定义站点的方法,能根据自己的实际情况定义站点,定义ASP站点,掌握通过DreamweaverMX软件连接简单数据库的方法。

第三章 文本及其格式化 1.文本及其格式化概述 2.文本的输入 3.创建文本列表 4.CSS样式文件的创建

5.将文档中的样式导出为CSS样式文件 6.文本格式化综合实例

要求:学习如何插入文本、设置字体类型、大小、颜色和对齐属性,使用层叠样式表创建和应用自定义样式。通过学习掌握利用CSS样式格式文本,掌握导出和使用CSS样式文件的基本方法。

第四章 图像

2学时

2学时

1.常用图像文件格式 2.插入图像 3.设置图像的属性

要求:通过学习,学生必须完全掌握如何在DreamweaverMX软件中插入图像、修改图像的属性,利用外部图象处理软件编辑图像以及创建图像地图等方法。实现图像与文本的完美结合。

第五章 表格 1.概述

2.表格的基本操作 3.表格及其属性设置 4.表格排序

要求:掌握使用DreamweaverMX建立表格、设置表格以及使用表格对网页进行布局和美化。通过表格定位文本和图像在页面出现的位置。对表格的修改主要是添加内容、修改表格或单元格行/列属性,复制或者粘贴多个单元格等操作。

第六章 框架 1.创建框架

2.框架和框架页的基本操作

3.设置框架和框架页的属性、大小及背景色

2学时

2学时 4.框架及框架页综合实例

要求:掌握框架的创建、保存以及框架属性的设置,难点在于框架的链接设置,掌握框架结构的主要功能在于导航。注意框架和框架集的区别。

第七章 页面布局视图的使用

1.布局单元格和布局表格 2.绘制布局表格和布局单元格 3.布局表格和布局单元格的基本操作

4.设置布局宽度

要求:重点掌握如何创建布局表格和布局单元格,掌握布局视图的切换方法,掌握布局表格和布局单元格属性的设置和意义。

第八章 链接

3学时

3学时

1.链接、路径与锚

2.建立链接 3.建立特殊链接

要求:了解链接、路径与锚的使用条件、掌握链接的几种设置方法和他们的区别,学会使用特殊链接(书签、电子邮箱、网站URL),理解掌握链接目标的指定。

第九章 表单 1.表单概述 2.创建表单 3.表单对象 4.客户注册表单 5.网上调查表单

要求:掌握如何创建表单,以及如何在表单中添加表单对象,掌握常见的表单对象的功能和使用方法,理解表单处理的原理,能够完成基本的表单设计。

第十章 层

1.关于层

2.创建层

3.显示隐藏层实例

4.下列菜单实例 5.层综合应用实例

要求:让学生掌握层的概念和层的分类,掌握关于层的属性,掌握建立层的基本方法,掌握层的各种属

2学时

2学时 性的设置。

第十一章 行为

1.什么是行为

2.行为面板的用法

3.行为的基本操作

4.使用Dreamweaver自带的行为

5.行为应用实例

要求:重点掌握DreamweaverMX自带的行为的使用方法,掌握这些常用行为事件的设置,了解行为的意义以及行为面板的使用方法,能根据具体的行为设置对应的行为事件,能对所使用的行为事件进行修改。

第十二章 时间轴与动画

1.时间轴面板

2.使用时间轴创建动画

3.修改时间轴

4.创建录制路径动画 5.在时间轴中改变对象属性

6.在时间轴中使用行为

7.时间轴动画实例

要求:掌握如何使用时间轴创建时间线动画,重点掌握如何修改时间线及其对象的属性,添加和删除祯、修改动画的起始时间、修改动画路径的位置等。

第十三章 Dreamweaver MX程序设计

1.Dreamweaver MX程序设计基础 2.建立数据库连接 3.定义记录集

4.动态数据绑定 5.应用服务器行为

要求:掌握基本的术语和如何建立数据库连接,掌握如何建立记录集,以及记录集中数据的绑定,了解各类服务器行为的功能,重点掌握如何定义记录集和应用服务器行为,掌握WEB应用程序的构建。

第十四章 模板与库

1.什么是模板和库

2.创建模板

3.定义可编辑区域

2学时

2学时

2学时

2学时 4.应用模板建立网页 5.应用模板更新站点 6.库的使用

7.模板的创建与设置实例

要求:掌握模版和库的原理和优势,掌握掌握如何建立和使用模版,掌握库的使用和添加到库文件。 第十五章 代码片断

1.使用代码片断 2.代码片断的创建

3.代码片断的使用

4.代码片断的创建与使用综合实例

要求:理解代码片断的概念,掌握创建代码片断的方法,掌握如何使用代码片断。 第十六章 经典实例

1.个人网站 2.网站论坛

要求:了解页面的整体设计,掌握表格的高级应用技巧,了解交互网站的运行机制,掌握服务器行为的应用,学生通过锻炼,掌握创建网站的全部过程和机制,能够独立网站一个小型的全面的个人网站。

4学时

2学时

三、教学方法

要求:

1、结合DreamweaverMX软件使用的特点,以上机演示教学方法为主,辅之教学课件等方法进行教学。

2、结合本学科特点在教学过程中,使学生形成多动手、积极探究、勤于思考、学会学习等良好的学习习惯,培养学生搜集和整理素材的能力、理解实验能力、分析和解决程序设计中的问题的能力等。

四、成绩考核方法:

要求:

1、课后试验作业每周一次。

2、期末考试采取理论考试为主、大作业(完整的个人网站)为辅的形式。

3、平时成绩30%、期末成绩70%,期末考试(笔试70%,大作业30%)。

五、教材与主要参考书目

教材:

路甬祥:《DreamweaverMX职业技能培训教程》,电子科技大学出版社,2004年3月。 参考书:

5 位元文化:《CSS/HTML网页设计》,中国铁道铁道出版社,2002年2月。

刘洪武:《网页设计与制作(高职教材)》,大连理工大学出版社,2003年7月。 李卓玲:《java程序设计语言》,大连理工大学出版社,2003年8月。

执笔人: 审订人:

第12篇:网页设计与制作教学大纲

网页设计与制作教学大纲

课程性质

专业必修课。

学时学分

1.总学分2;

2.总学时36,其中网上自主学习24,上机实习12。

授课对象

1.网络教育本科 2.网络教育专升本

课程的教学目的

3.本课程的主要教学目的是使学生掌握网页设计与制作的基础知识,能运用网页工具设计和制作常用网页。

课程教学的基本要求

通过本课程的教学基本要求包括:

4.通过学习网页设计与制作课程,使学生对网页设计与制作有个全面了解;5.掌握网页设计的基本概念和基本知识; 6.使学生系统掌握静态网页技术、网页图形与图象处理技术和脚本语言设计动态网页技术;

7.初步掌握用ASP创作动态服务器网页技术、ASP对象操作技术和ASP存取数据库技术,培养学生运用这些技术和工具制作常用网页。

先修课程

计算机文化基础、计算机网络、数据库。

课程学习方式

在本课程中,将综合安排以下多种方式进行课程的教学与学习: 8.远程音视频直播教学

9.站点音视频课件集中式点播教学 10.学习者网络课程自主性点播学习11.部分教学内容的教师集中式授课 此外,在课程的学习过程中如遇到学习上的疑问,可以将答疑的问题发送电子邮件至网络课程所指定的教师答疑邮箱。

教学内容、教学重点与学时安排

教学内容与教学重点

各章详细的教学内容与教学重点详见附录一。 各章学时安排(供参考) 第一章 网页与网站基础 第二章 使用网页工具制作静态网页 第三章 网页图形与图象处理 第四章 (略) 第五章 JavaScript与DHTML技术 第六章 动态服务器网页ASP基础 第七章 ASP中的对象

3 2 4 5 4 第八章 第九章 学时总计 ASP存取数据库 (略)

4 24 教材及参考资料

基础教材:阳西述等主编:《网页制作与网站设计》,武汉大学出版社,2006年版 参考资料:林小芳, 吴怡编著:《ASP动态网页设计教程》,清华大学出版社,北京交通大学出版社,2006年版

朱印宏, 袁衍明编著:《Dreamweaver 8完美网页设计.技术入门篇》,中国电力出版社,2006年版

张楠, 崔楠编著:《Fireworks网页图形设计技法范例》,清华大学出版社,2005年版

考核方式

闭卷考试。 教学大纲制定者

第13篇:《网页设计与制作》教学大纲

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

一、课程基本信息

课程编号:

中文名称:网页设计与制作

英文名称:Web Design and Production 课程类别:选修课 适用专业:所有专业

开课学期:2011-2012第2学期 总学时:24学时 总学分:1 课程简介:

本课程突出网页设计与制作的现代特点,从Internet的基础知识入手,重点介绍HTML超文本标记语言,以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站,以此提高同学对网页设计与制作的兴趣和爱好。 参考书:

1、网页设计与制作教程,熊前兴 闵联营, 科学出版社;

2、网站与网页设计,张贵明,清华大学出版社;

3、网页美术设计原理及实战策略,王晓峰 焦燕,清华大学出版社;

4、网站建设典型案例,张枭,清华大学出版社;

二、课程教学目标:

网页和网站是Internet的重要组成部分,企业、公司和机构通过网站来宣传推介自己的技术和产品,个人发布主页展示自己的风采,人们从不同类型的网站来获取需要的信息。因此,设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识,能运用网页工具设计和制作常用网页。

三、理论教学内容与要求

第一章、网页的基础知识(1学时) (1)Internet基础知识

(2)www简介

(3)网页制作的技术和工具介绍

第二章、超文本编辑语言HTML(8学时) (1)HTML文件的基本结构 (2)文字和段落标记

(3)列表标记

(4)图片标记 (5)表格标记 (6)超链接标记 (7)表单标记 (8)框架标记

第三章、JavaScript语言(4学时) (1)JavaScript语言简介 (2)JavaScript编程基础 (3)基于对象的JavaScript语言 (4)JavaScript程序实例

第四章、层叠样式表CSS(1学时) (1)CSS概述 (2)CSS属性

第五章、可视化网页设计工具Dreamvawer8.0 (1)网页的基本操作 (2)图像、表格与超链接 (3)表单与框架 (4)添加网页元素 (5)发布站点

第六章、动态网页设计语言ASP(4学时) (1)ASP简介 (2)VBScript脚本基础 (3)ASP的内置对象 (4)实用Global.asa文件

4学时) (

第七章、利用AD0访问数据库(1学时) (1)数据库的连接 (2)数据库的检索 (3)数据库的操作

总结复习(1学时)

四、实验教学内容与要求

五、作业

六、考核方式

期末考核每个同学为自己设计制作一个博客网站。

七、成绩评定

1.自制网站(80%) 2.平时考勤、作业 (20%)平时成绩分配:

平时考勤5次,每次2分,共占10% 作业5次,每次2分,共占10%

八、执行大纲时应注意的问题

根据学生对课程内容的掌握和理解程度会对进度做适当的调整。

执笔人:邢雁平

第14篇:《HTML网页设计》课程教学大纲

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

一、教学目的和任务

《HTML静态网页设计》是我院软件开发专业的专业基础课,选用教材《网页设计》,全书共分为17章,其中HTML内容占11章,包括HTML基本语法,常用标签的使用,表格的使用,层和框架的使用,在HTML中多媒体的应用,表单的使用,网页的图像及多媒体,以及站点的创建和管理。其中重点包括常用标签的使用,表格的使用,框架和表单的使用,文字与段落,以及CSS应用。

一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授,让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识,让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。另一方面通过对相关设计软件的使用进行课堂讲解与练习,使学生能够掌握相关软件操作的基本知识,并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。

二、教学方法与教学要求

1课前认真备课,选好实例

网页制作技术不断地发展变化,新的技术、新的方法也在不断涌现,所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。课堂教学是传授知识的主要方式和场所,目的在于将书本知识转化为学生的知识和技能。为实现这一目的,我深入钻研教材,理清教材内容特点、编排次序和知识点之间的衔接关系,整理出一条条线索。如在上第一节课时,我会从网上下载一些经典的并具有代表性的网页给同学欣赏,在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。

2 课堂的教学方法

教学过程是教师与学生之间信息传递及反馈的过程。“我认为教学的艺术不在于传授本领,而在于激励、唤醒、鼓舞。”因此,在学习过程中,给学生明确的思路,激励学生积极主动参与思考,运用任务驱动法、模块教学法,案例教学法和项目教学法等教学手段,引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感,使学习兴趣长久地保持下去。

2.1 案例教学法。案例教学法,即在教师指导下,根据教学目标的内容的需要,采用案例组织学生进行学习、研究、锻炼能力的方法。案例教学法可分为案例导入、案例例证、案例讨论、案例结尾和案例练习等多种方法。

在课堂上我采用是案例例证法,通过精心挑选案例,明确提出需要掌握的知识点及操作技能,以案例带动知识点,贯穿整个教学过程。具体做法是通过具体案例提出任务,将任务分解到每次的课堂教学中实现,教学过程中为了调动学生的学习积极性,教学过程中常常采用互动方式,即老师提出一种解决问题的思路,然后让学生采用其他方式来解决同一个问题。

2.2 项目教学法。项目教学法是指通过实施一个完整的项目工作而进行的教学活动,采取小组讨论、协作学习的方式。

将课程中的各个知识点或技术点采用教师给出项目要求或参考项目需求的方式,让学生分组选择项目或者自己调研确定项目,小组合作进行项目规划和页面设计。通过“小组合作规划设计”,以“项目小组”为基本形式、小组成员之间的合作性活动为主体、完成小组项目为主要目标、小组整体水平为主要依据来评定成绩的考核形式,为学生创造一个良好的合作氛围。小组的每一个成员在这一过程中都有发挥自己优势和表现自己的机会,通过小组成员之间相互讨论、评价、反馈、倾听、激励以及互为师生、优势互补等合作形式,激发学生的学习兴趣,改进学生的学习方法与态度,增强学生的集体荣誉感和团队协作精神。

三、教学内容与教学安排

1、课堂讲授

第一章 HTML入门简介

主要掌握文档标记的使用,头部标记title,主体标签body,标题标记等, 了解和掌握HTML文档的结构。 第二章HTML常用标签

通过学习斜体字标签、下标标签、上标标签、插入字标签、删除字标签、计算机代码标签、键盘输入文字标签、计算机代码样式标签等,用于控制文字样式。 第三章 超链接

超链接章节主要掌握锚点、外部链接、邮件链接、脚本链接、空链接的相关基本知识,用于链接跳转功能的实现 第四章 框架

通过框架页示例,学习网页框架的基础知识,掌握框架边框的设置、框架边距的设置、设置框架缩放、设置框架滚动条、设置框架边框的颜色,对框架进行上下分割窗口、左右分割窗口来设计框架页面,设置浮动框架的高度和宽度,设置浮动框架的对齐方式等。

第五章 表格【上】

表格章节主要学习设置表格的边框、表格的背景颜色、表格边框颜色、设置表格高度和宽度以及设置表格背景图像等。 第五章 表格【下】

本章主要掌握表格间距设置,表格水平对齐设置,表格标题的设置,行标签和单元格背景颜色的设置,掌握表格跨行跨列的设置以及表格的嵌套,用于今后利用表格进行网页布局。 第六章 列表

本章节主要学习各种列表:有序列表、无序列表、目录列表、菜单列表、自定义列表以及嵌套列表等。用于网页的排版设计 第七章 表单

表单章节是HTML的重点章节,将学习表单的各种控件知识:如单行文本域、密码域、单选按钮、复选框、普通按钮、文本域、图像域、多行文本域、选择列表等。 第八章 网页图像

本章节主要学习网页图像设置的相关知识,主要有如何加载图像、如何设置图像大小、如何设置图像边框、如何设置图像对齐方式、如何设置图像与文本的距离、如何设置图像的提示文字、如何设置图像超链接、如何图像影像地图等。 第九章 网页多媒体

网页的多媒体运用知识必不可少,本章节将学习如何设置文字及图像的滚动效果、如何加入背景音乐、如何嵌入flash动画、如何嵌入mp

3、如何嵌入mpg视频等。第十章 CSS基础

本章节将学习使用CSS进行网页样式风格的设计。要使学生掌握使用CSS的基本语法,以及在HTML中使用CSS的几种方法。达到网页美化的目的。

2、课堂及课后练习

第一章 HTML入门简介 任务一【文档标记的使用】 任务二【头部标记】 任务三【主体标签BODY】 任务四【标题标记】 任务五【控制文字的格式】 任务六【特定文字标记的应用】 任务七【换行符标记的应用】 第二章 HTML常用标签 任务一【文字样式示例】 任务二【斜体字】

任务三【设置文字样式】 任务四【下标】 任务五【上标】

任务六【插入字标签】 任务七【删除字标签】 任务八【计算机代码标签】 任务九【键盘输入文字标签】 任务十【计算机代码样式标签】 第三章 超链接

任务一【HTML链接】 任务二【锚点】 任务三【外部链接】 任务四【邮件链接】 任务五【脚本链接】 任务六【空链接】 第四章 框架

任务一【框架页示例】 任务二【设置框架边框】 任务三【设置框架边距】 任务四【设置框架缩放】 任务五【设置框架滚动条】 任务六【设置框架边框的颜色】 任务七【上下分割窗口】 任务八【左右分割窗口】

任务九【浮动框架的高度和宽度】 任务十【浮动框架的对齐方式】 第五章 表格【上】 任务一【表格边框】 任务二【表格高度】 任务三【表格背景颜色】 任务四【表格边框颜色】 任务五【表格高度和宽度】 任务六【表格背景】 第五章 表格【下】 任务七【表格间距】 任务八【表格水平对齐】 任务九【表格标题】 任务十【行标签】

任务十一【单元格背景颜色】 任务十二【跨行跨列】 任务十三【表格嵌套】 第六章 列表

任务一【有序列表1】 任务二【有序列表2】 任务三【有序列表3】 任务四【无序列表】 任务五【目录列表】 任务六【菜单列表】 任务七【定义列表】 任务八【嵌套列表】 第七章 表单

任务一【表单method属性测试】 任务二【单行文本域】 任务三【密码域】 任务四【单选按钮】 任务五【复选框】 任务六【普通按钮】 任务七【文本域】 任务八【图像域】 任务九【多行文本域】 任务十【选择列表】 第八章 网页图像 任务一【加载图像】 任务二【设置图像大小】 任务三【设置图像边框】 任务四【设置图像对齐方式】 任务五【设置图像与文本的距离】 任务六【设置图像的提示文字】 任务七【设置图像超链接】 任务八【图像影像地图】 第九章 网页多媒体 任务一【滚动效果1】 任务二【滚动效果2】 任务三【背景音乐】

任务四【嵌入flash动画】 任务五【嵌入mp3】

任务六【嵌入mpg视频】 第十章 CSS基础

任务一【使用CSS美化网页字体】 任务二【使用CSS美化网页背景】 任务三【使用CSS让用户自由定制个性化的页面】

3、课程作业(按知识点划分,共计八个部分) 第一部分、制作第一个网页

第二部分、新闻信息浏览页面的制作

(一) 第三部分、新闻信息浏览页面的制作

(二) 第四部分、网站结构的实现

(一) 第五部分、网站结构的实现

(二)

第六部分、用户信息录入页面的实现

(二) 第七部分、网页文本的样式设置 第八部分、CSS结构、规则及属性

四、课程考核

本课程理论考试采用闭卷形式,上机实践与其他课程进行组合考试,同时结合平时作业进行课程考核与成绩评定。考核评分以百分制计,原则上理论、实践考试成绩占80%,平时作业成绩占20%。

五、教材及参考书

教材: 《网页设计》 中国水利水电出版社 参考书:《HTML 标准教程》 贾素玲 王强 著 清华大学出版社

六、教学设备及教具要求

由学院统一安排多媒体教室及机房,任课教师准备多媒体课件等教学相关资料。

第15篇:网页设计与制作教学大纲

《Dreamweaver CS6中文版实例教程》教学大纲

课程介绍:

本课程是一门概念性和实践性都很强的面向实际应用的课程。

Dreamweaver CS6是由Adobe公司开发的网页设计与制作软件。Adobe公司在Dreamweaver这一软件的版本上不断升级,是为了使广大从事网页制作和网页设计工作的用户拥有性能更完善的得力工具,同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。

本课程主要介绍的是Dreamweaver CS6的基本操作方法和网页设计制作技巧,这是学习Dreamweaver的入门课程,也是必修课程,学员通过本课程的学习,应当能够熟悉软件功能和网页设计思路,为今后的专业学习或深入的设计打下基础。

培训目标:              掌握Dreamweaver CS6的工作界面和网站的建设基础 掌握文本与文档的编辑

熟练掌握插入图像和多媒体的方法和技巧 掌握网页的超链接 熟练掌握表格的使用 熟练掌握框架的使用 掌握使用层的方法

掌握层叠样式表(CSS)样式 掌握模板和库的使用方法 掌握使用表单的方法 了解行为的使用方法

掌握网页代码的编写和修改 掌握综合运用设计实训

学习时间:

68学时。

培训内容:

一、初识Dreamweaver CS6

1、掌握Dreamweaver CS6的工作界面;

2、掌握创建网页框架的方法;

3、熟练掌握重命名、移动和删除站点文件和文件夹;

4、熟练掌握对站点的打开、编辑、复制、删除、导入、导出等操作;

5、掌握网页文件头的设置;

二、文本与文档

1、熟练掌握输入文本、编辑文本和文档的方法;

2、掌握设置项目符号或编号、插入日期和特殊字符的方法;

3、了解水平线、网格和标尺的使用方法。

三、图像和多媒体

1、熟练掌握插入图像并设置图像属性的方法;

2、掌握调整图文混排效果的方法;

3、熟练掌握在网页中插入多媒体的方法

四、超链接

1、了解超链接的概念与路径知识;

2、熟练掌握文本超链接和图像超链接的创建方法;

3、掌握创建命名锚记超链接的方法;

4、了解创建热点链接的方法。

五、使用表格

1、掌握插入表格的方法及对表格的简单操作;

2、掌握网页中数据表格的导入和导出;

3、掌握网页中数据表格的导入和导出;

4、了解复杂表格的排版;

5、了解应用表格进行页面布局的方法。

六、使用框架

1、掌握创建、编辑与保存框架和框架集的方法;

2、掌握框架和框架集的属性设置。

七、使用层

1、熟练掌握创建和编辑层的一些基本操作;

2、了解应用层设计表格的方法;

八、CSS样式

1、了解CSS样式的概念,掌握其控制面板及类型;

2、熟练掌握按照CSS的类型来创建和应用多种样式。

3、了解编辑CSS样式的方法;

4、掌握CSS样式属性的多种分类,包括类型、背景、区块、方框、边框、列表、定位、扩展和过渡。

5、了解CSS过滤器的使用。

九、模板和库

1、了解资源控制面板;

2、掌握创建、编辑和管理模板的方法;

3、掌握创建和更新库文件的方法;

十、使用表单

1、熟练掌握创建表单和插入文本域的方法;

2、掌握复选框和单选按钮的应用方法;

3、掌握在表单中创建列表和菜单的方法;

十一、使用行为

1、了解行为与事件,掌握行为控制面板及行为的应用;

2、掌握常用的动作功能及实现这些功能的方法;

十二、网页代码

1、掌握使用标签库编辑器创建源代码;

2、了解使用标签编辑器和检查器编辑代码;

3、掌握几种常用的HTML标签;

4、了解脚本语言及响应HTML事件的3种方法。

十三、综合设计实训

1、掌握表格布局的应用方法和技巧

2、掌握CSS样式命令的使用方法

3、掌握表单的创建方法和应用

4、掌握动画文件和图像文件的插入方法和应用

5、掌握超链接的方法和创建

第16篇:静态网页设计专业课程教学大纲

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

课程名称(中文/英文):静态网页设计

课程性质:专业基础课必修课 适用专业:计算机科学与技术 学 时 数: 76 其中:实验/上机学时:38 学 分 数: 4 考核方式:任务上机方式进行考核。成绩构成如下:平时:40%期末:60% 先修课程:无 后续课程: 动态网页设计、JSP 等 教学参考书:

1.温谦,赵伟等, 网页制作综合技术教程,人民邮电出版社,2009 2.向隅,网页设计实用教程,北京邮电出版社,2009 3.张磊,网页设计技术,中国铁道出版社 2006 开课部门:计算机系计算机科学与技术教研室 课程简介:

《静态网页设计》主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识,讲授Dreamweaver网页制作集成工具使用方法等内容。本课程介绍html的基础知识,CSS的基础知识,以及开发WEB最流行的工具Dreamweaver的使用方法。主要包括基本html语句的语法,各种内容在网页中的插入,表格布局,c样式表,层的使用等。

教学目的和要求

《静态网页设计》是计算机科学与技术专业的一门重要专业基础课。通过本课程学习,使学生掌握构建网站的基本知识,熟悉网页开发平台的使用,能够独立的创建个人网站。

教学重点和难点

Html中页面标签元素的使用,CSS样式表的设计

教学方法

启发式教学,引导学生通过实例获取知识,巩固知识。多媒体教学,机房授课 教学主要内容

第一章 网页设计基础知识 (4学时) 1.1 网页的基础概念 1.2 网页与HTML 1.3 WEB标准

1 1.4 网页设计与开发过程 1.5 HTML基础 1.6 简单的HTML案例 1.7 网页源文件的获取

1.8 利用Dreamweaver快速建立基本文档 第二章 用HTML设置文本和图像(4学时) 2.1 文本排版 2.2文字列表

2.3 HTML标记与HTML属性

2.4 HTML标记与HTML属性的局限性 2.5 特殊文字符号 2.6 使用图像 2.7 设置图片的尺寸 2.8 设置图像的替换文本

2.9 利用Dreamweaver设置文本和图像2.10 利用Dreamweaver代码提高效率 第三章 超链接(4学时) 3.1 设置文字超链接 3.2 设置页面内部超链接 3.3 设置图片超链接 3.4 设置电子邮件超链接 3.5 设置链接页面的目标窗口 3.6 创建热点区域 3.7 框架之间的链接

第四章 使用表格与表单(4学时) 4.1 使用表格 4.2 使用表单

4.3 Dreamweaver中的模版

第五章 (X)HTML与CSS概述(4学时)5.1 HTML与 XHTML 5.2 (X)HTML与CSS

5.3 构造CSS规则 5.4 基本CSS选择器

5.5 在HTML中使用CSS的方法 第六章 CSS样式设置实践(6学时) 6.1 手工编写页面

6.2 使用Dreamweave进行CSS设置 6.3 复合选择器 6.4 CSS的继承特性 6.5 CSS的层叠特性

第七章 用CSS设置文本和图像(6学时) 7.1 使用CSS设置文本样式 7.2 用CSS设置图像样式 7.3 用CSS设置背景样式

第八章 用CSS设置链接与导航菜单(6学时) 8.1 丰富的超链接特效 8.2 控制鼠标指针 8.3 设置项目列表样式 8.4 创建简单的导航菜单

8.5 应用滑动门技术的玻璃效果菜单

第九章 用CSS设置表格和表单样式(6学时) 9.1 控制表格 9.2 美化表格 9.3 案例—日历 9.4 CSS与表单

第十章 CSS盒子模型(8学时) 10.1 “盒子”与“模型”的概念探究 10.2 边框 10.3 设置内边距 10.4 设置外边距 10.5 盒子之间的关系

10.6 盒子在标准流中的定位原则

3 第十一章 盒子的浮动与定位(8学时) 11.1 盒子的浮动 11.2 盒子的定位 11.3 z-index空间位置 11.4 盒子与display属性

第十二章 CSS+div布局方法剖析(8学时) 12.1 CSS排版观念

12.2 固定宽度且居中的款式 12.3 左中右版式 12.4 块的背景色问题

12.5 div 排版与传统的表格方式排版的分析 案例设计 (8学时)

执笔人: 魏荣华

审核人:

第17篇:网页制作教学大纲

《网页制作》教学大纲

一、课程的性质与任务

本课程属于计算机技术基础的多媒体系列课程。主要学习Macromedia公司制作网页的软件——Dreamweaver8。通过本课程的学习,使学生了解网页设计的基础知识,熟练掌握网页制作的基本方法,具有制作网页的能力。

二、课程教学总体目标

通过本课程的课堂教学,系统学习网站的工作原理、HTML代码和网页制作软件Dreamweaver8的使用,使学生熟练掌握网站创建技术。

由于本课程具有很强的实践性,所以在教学过程中应注重典型案例的教学,通过案例使学生掌握HTML语言和Dreamweaver8的使用,并能设计和制作出功能强大的网站。

三、课程教学学时安排

本课程所需学时为204 学时,其中理论课为72学时,实践教学为96学时及课程设计36学时,教学周数17周。

四、课程教学内容及教学要求

(一)教学内容

第1章

网页设计导论(4学时) 1.1 网页的设计构思和布局

1.2 站点规划与设计流程 1.3 主页的基本制作流程 1.4 网站的后期

第2章

Dreamweavre8的基本操作(4学时)

2.1 创建Dreamweaver站点 2.2 编辑站点 2.3 文档管理

2.4 设置文档属性

2.5 在文档窗口中选择元素

第3章

网页元素的基本操作

(6学时) 3.1 文本处理 3.2 图片处理 3.3 多媒体处理

第4章

表格与布局(10学时) 4.1 表格基本应用与高级应用

4.2 布局应用

第5章

超级链接(8学时) 第6章

框架

(10学时) 第7章

表单

(12学时) 7.1 表单域的创建与修改、检查

7.2 常用表单元素

第8章

(4学时)

第9章

模板和库

(12学时) 第10章

行为

(8学时)

第11章

C样式表

(14学时) 第12章

动态网页设计(24学时) 12.1 Asp工作原理、ASP脚本语言 12.2 ASP应用对象

12.3 Acce数据库基本操作 12.4 ASP操作数据库Acce 第13章

站点发布(4学时)

第14章

在Dreamweaver中编写Html代码(14学时) 14.1 HTML语言基础、常用标记

14.2 在Dreamweaver中编辑代码、优化代码 14.3 制作网页按钮

14.4 手绘网页插画

第15章

综合网站开发(12学时)

15.1 网站定位与规划、功能模块设计与数据库设计

15.2 首页、模板、网页页面、模块整合与网站测试 第16章

网站制作实例:

(58学时)

门户站点主页

16.1 网页的布局设计和实现 16.2 制作网页素材 16.3 构建网页框架

16.4 制作其他特效

(二) 教学要求

了解网页设计与制作内容的规划方法、设计网页布局、站点规化与设计流程,编辑站点、Logo Banner设计思路、动作脚本的用途等基本概念。

掌握制作一个主页的基本流程,具体页面元素的设置方法、设置布局、单元格和表格格式的方法,调整图像和占位符属性的方法等。

熟练掌握网站的链接和导航,创建站点常见元素、网页的发布和调试。

第1章

网页设计导论 教学重、难点: 1.网页内容的规划 2.设计网页布局

3.站点规划与设计流程 4.创建设计图

5.主页的基本制作流程

第2章

Dreamweavre8的基本操作 教学重、难点: 1.启动、退出 2.站点建立

3.针对要创建的文档选择模板 4.文档的属性调整 5.选择页面元素

第3章

网页元素的基本操作 教学重、难点: 1.设置文本格式 2.文本的对齐排列 3.编辑字体组合

4.插入图像和图像占位符

5.调整图像和图像占位符属性 第4章

表格与布局 教学重、难点: 1.表格的设置

2.使用布局单元格控制页面 3.设置布局格式

4.设置布局单元格和表格的格式 第5章

超级链接 教学重、难点: 1.设置文本格式 2.编辑字体组合

4.插入图像和图像占位符

5.调整图像和图像占位符属性 6.设置超级链接

第6章

框架 教学重、难点:

1.预定义框架的创建 2.编辑框架和框架集

3.调整框架和框架集属性 4.使用布局单元格控制页面 5.设置布局格式 第7章

表单 教学重、难点: 1.表单的概念 2.表单的设置 第8章

教学重、难点: 1.层的使用

3.层的属性调整 第9章 模板和库 教学重、难点: 1.创建与编辑模板 2.创建与编辑库 第10章 行为 教学重、难点: 1.行为的概念 2.行为的应用

第11章

C样式表 教学重、难点: 1.创建C样式表 2.样式表的编辑

第12章

动态网页设计 教学重、难点: 1.ASP脚本语言 2.ASP的应用对象

3.Acce数据库的基本操作 第13章

站点发布 教学重、难点: 1.站点发布的步骤 2.站点地图的使用 3.站点的同步更新

第14章

在Dreamweaver中编写Html代码 教学重、难点: 1.Htm常用标记 2.代码的优化

第15章

综合网站开发 教学重、难点: 1.创建IIS服务器 2.指定主目录 3.创建虚拟目录 4.指定默认文档

5.Dreamweaver站点管理 第16章

网站制作实例 教学重、难点:

1.实现设计的网页布局

2.Logo与Banner的制作步骤 3.构建网页框架

4.弹出式窗口和浮动窗口的创建方法

五、考试方式

1、考试突出网页制作的能力,理论知识要求从考试中体现。

2、考核成绩计算:平时成绩(包括平时作业、考勤、实验)40%、期末考试50%、课程设计(设计一套较完整的网站及相关页面。包括网站文件、素材库、运行发布) 10%

3、考试的形式为机考。

六、教材和主要参考书

教材:《中文Dreamweavre8网页制作教程与上机实训》 魏聪等编著 机械工业出版社

2008年1月

参考书:《网页设计与制作》,于淼主编 中国人民大学出版社 2006版

《 Dreamweaver8网页设计全方位学习》 孙良军编著 中国青年出版社 2006 年5月

第18篇:网页设计实验教学大纲(唐林海)

《网页设计》实验教学大纲

课程编号 0810141

学时学分:总学时:64 总学分:4 实验学时:32 适用对象:计算机科学与技术及相关专业 课程属性:限选

实验属性:非独立设课

一、课程的性质与任务(黑体四号字、下同)

随着Internet的普及和它所带来的种种便利,网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径,网页制作已成为当今社会上一种比较热门的技术,本书突出实用技术和应用技能,是计算机专业学生的一门必修课,同时又可作为相关专业学生的选修课。

随着因特网的应用和以页面为载体的网络信息的广泛传播,网络程序设计技术已成为信息技术人员必须掌握的职业技能之一。WEB服务、WEB应用、B/S结构的应用将成为主流。

WEB程序设计技术课程的任务是学生在学习了计算机网络技术、多媒体技术(静态网页设计和图形图像处理技术)、数据库原理及应用等课程的基础上开设的职业技能训练课,通过学习和上机练习使学生基本掌握WEB应用的规划、设计和动态网面制作中对于内容的动态显示与更新技术。

二、实验的目的与基本要求(100字左右)

通过本课程的实验教学,此课程与计算机基础、计算机图像处理、动画制作等课程互相联系,互相补充,分别给学生提供计算机基础知识、网页制作技术的技能,图形和动画的设计与制作,美观的页面设计技巧等知识的学习。

三、实验考核方式及办法

实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定,给出优(90-100)、良(70-89)、及格(60-69)、不及格(60以下)。实验成绩占本课程总成绩的20%,对缺实验成绩或不及格者,《网页设计》课程不予通过。

四、实验项目一览表

实验项目

实验

实验

适用

学 号

名称

类型

要求

专业

1 div布局 验证性 必做 理工类 6 2 c层叠样式单 设计性 必做 理工类 6 序

实验项目

实验

实验

适用

学 号

名称

类型

要求

专业

3 JS脚本 设计性 必做 理工类 6 4 asp.net控件 设计性 必做 理工类 6 5 ado.net数据库连接 设计性 必做 理工类

五、实验项目的具体内容:

实验一 div布局

1.本次实验的目的和要求

掌握网页设计的DIV布局方式,能够使用DIV,认真撰写实验报告,严格遵守实验室规章制度。

2.实验内容或原理

掌握dremweave软件的基本功能,熟悉dremweave的工具箱,使用DIV做层布局。 3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/xp以上,并安装有dremweave软件,搭建好asp.net的开发环境。 4.实验步骤 1)、dremweave软件; 2)、学会div布局设计网页; 3)、div的布局设计与修改。 5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。

7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验二 c层叠样式单

1.本次实验的目的和要求

通过dremweave软件的使用,使用c层叠样式单做布局样式控制,要求认真撰写实验报告,严格遵守实验室规章制度。 2.实验内容或原理

通过dremweave软件的使用,使用c层叠样式单做布局样式控制。 3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/xp以上,并安装有dremweave软件,搭建好asp.net的开发环境。。 4.实验步骤

1)打开Matlab软件。

2)掌握变量、常量的声明与用法。

3)学会函数的调用、M文件的编写与调用。 5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。

7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验三 JS脚本

1.本次实验的目的和要求

掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。要求认真撰写实验报告,严格遵守实验室规章制度。 2.实验内容或原理

掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。。 3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/xp以上,并安装有dreamerve软件。 4.实验步骤

1)打开dreamerve软件。

2)新建JS文件,学会JS脚本的变量、函数、DOM文档对象的操作。 3)外部调用JS文件。 5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。

7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验作业或实验报告,实验过程的表现和实验作业或实验报告成绩记入平时成绩。 7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验四 asp.net控件

1.本次实验的目的和要求

掌握asp.net控件(包括HTML控件与服务器端控件)。要求认真撰写实验报告,严格遵守实验室规章制度。 2.实验内容或原理

运用所学知识,会使用HTML控件与服务器端控件进行编程,实现简单功能。 3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/xp以上,并安装有asp.net开发平台。 4.实验步骤

1)打开asp.net开发平台。 2)新建空白页面或者空站点。

3)使用asp.net控件(包括HTML控件与服务器端控件),并掌握使用方法。 5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。

7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验作业或实验报告,实验过程的表现和实验作业或实验报告成绩记入平时成绩。 7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验五ado.net数据库连接

1.本次实验的目的和要求

掌握ado.net数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。要求认真撰写实验报告,严格遵守实验室规章制度。 2.实验内容或原理

掌握ado.net数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。 3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/xp以上,并安装有asp.net开发平台。 4.实验步骤

1)打开asp.net开发平台。 2)建立ado.net数据库连接。

3)实现ADO.NET对象模型、SqlConnection对象等知识。 5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。

7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。 6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验作业或实验报告,实验过程的表现和实验作业或实验报告成绩记入平时成绩。 7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

第19篇:网页设计与开发实验教学大纲

实验

一、优秀网站赏析 1.实验目的要求

通过对不同类型、不同风格、不同特色的优秀网站的欣赏,使学生对网站制作课程有一个初步了解,诱发学生的学习兴趣。同时指导学生分析各类网站的总体布局、色彩搭配、内容规划等,为后面的学习打基础。 2.实验主要内容

各种不同类型和风格的网站地址如下: 综合门户网站:新浪网 http://www.daodoc.com 政府网站:中华人民共和国中央人民政府http://www.daodoc.com,打开新浪网主页面。点击图片,栏目等进入下一个页面,体会超链接的应用。理解网页可以通过字体,图片等不同的形式进行链接的方法。 2.实验主要内容 打开美的官网http://www.daodoc.com/,使用超级链接功能找到微波炉产品的具体信息,体会使用文字和图片等不同的超链接方式。

3.实验类别 专业基础 4.实验要求 必修

实验

三、多种URL资源的访问方法 1.实验目的要求

通过对各种资源网站的访问,理解统一资源定位符的定位方法及服务类型。掌握不同url资源的访问方法 2.实验主要内容

访问如下url资源地址如下: 百度搜索:http://www.daodoc.com FTP:// ftp.cuhk.edu.hk/ 香港中文大学FTP站点 3.实验类别 专业基础 4.实验要求 必修

实验

四、使用记事本编写网页 1.实验目的要求

使用Windows操作系统中自带的记事本进行编辑,创建第一个网页,体会网页设计的基本方法。 2.实验主要内容 步骤1:打开记事本程序

依次点击“开始菜单程序附件记事本”找到该程序。 步骤2:输入代码

在记事本的输入区,将如下代码粘贴到程序的工作区中。

我的个人主页 欢迎来到我的个人主页

这是我开发的第一个网页

第20篇:《FrontPage2003网页设计与制作》教学大纲

计算机系教学大纲

FrontPage2003网页设计与制作

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

课程代码:

课程名称:FrontPage2003网页设计与制作 授课对象:专科音乐、体育、美术、蒙文专业 课程性质:本课程是专科音乐、体育、美术、蒙文专业的一门计算机基础课,是为专科音乐、体育、美术、蒙文专业学生开设的一门必修课。本课程先修课为《计算机应用基础》。 本课程总学分数:2 教学目的:随着计算机软件技术的不断发展,制作用于传递信息的网页已经不再是专业制作人员的专利。如今,人们无需熟悉太多的HTML语言,使用所见即所得的方式就可以轻松自如地创建网页。本课程教学的主要目的和任务是使学生通过本课程的学习,能够掌握FrontPage2003网页设计与制作的基础知识,了解FrontPage2003网页制作方法,能够运用FrontPage2003设计与制作网页。

课程的教学原则和教学方法:

本课程是一门实践性很强的课程,要求教师运用多媒体教学手段在多媒体教室进行教学,对软件的使用进行现场操作讲解,以便使学生及时掌握所学的内容。

教师可以针对不同的教学内容采用课堂教学、课堂实践等多种方式组织教学。 课程总学时:总学时数为72学时(18周),其中理论讲授占总学时的1/2,实践占总学时的1/2。

课程教学内容要点和建议学时分配:

网页设计与制作概论.(讲授2学时,实验2学时)

(1) 什么是网页 (2) WWW服务

(3) 常用的网页制作工具 (4) 小结 (5) 实训 具体教学要求:

①了解有关网页的基础知识;

②了解Internet的基本知识;

③了解Internet的产生和发展过程;

④Internet的工作原理、服务方式和Internet 常用术语; ⑤了解最常用的网页制作工具和它们各自的特点; ⑥理解Web的工作原理; ⑦掌握Web浏览器的使用;

FrontPage 2003简介(讲授2学时,实验2学时)

(6) FrontPage 2003的基本功能 (7) 启动与退出FrontPage 2003 (8) 浏览窗口界面 (9) 小结 (10)实训 具体教学要求:

①了解FrontPage 2003的系统运行环境; ②熟悉FrontPage 2003的窗口界面;

③掌握FrontPage 2003的启动和关闭方法以及自定义其工具栏和选项的方法;

-1- 计算机系教学大纲

FrontPage2003网页设计与制作

设计一个简单的网页(讲授2学时,实验2学时)

(11)简单网页制作示例 (12)网页文件操作 (13)输入网页内容 (14)预览网页

(15)查看编辑HTML源代码 (16)使用模板制作网页 (17)小结 (18)实训 具体教学要求:

①掌握网页文件的基本操作; ②掌握网页文本基本操作;

③掌握使用模板创建网页及网页的预览; 设计网页布局(讲授4学时,实验4学时)

(19)网页布局示例 (20)输入标题 (21)修饰文本

(22)运用边框与底纹 (23)使用列表 (24)改变段落式样 (25)小结 (26)实训 具体教学要求:

①掌握文本格式化的基本方法; ②掌握几种列表的创建方法; ③掌握样式的使用和自定义样式; 网页装饰设计(讲授4学时,实验4学时)

(27)装饰设计示例 (28)插入符号 (29)添加图片 (30)处理图片 (31)使用水平线 (32)插入注释和时间 (33)修改网页背景 (34)运用特殊效果 (35)小结 (36)实训 具体教学要求:

①了解在网页中添加图片并对图片进行编辑的基本方法和技能; ②了解Web图片的常用格式和使用原则;

③掌握在网页中添加图片、对图片进行编辑和属性设置的方法; ④掌握网页背景的设置方法;

创建超链接(讲授2学时,实验2学时)

(37)超链接应用示例

-2- 计算机系教学大纲

FrontPage2003网页设计与制作

(38)认识超链接 (39)创建超链接 (40)使用书签链接 (41)取消链接 (42)使用导航栏 (43)小结 (44)实训 具体教学要求:

①掌握文本超级链接的设置多种方法;

②掌握图片进行超级链接和热点设置的方法; 巧用表格(讲授4学时,实验4学时)

(45)表格设计示例 (46)插入表格 (47)操作单元格 (48)填充单元格

(49)修改表格的行与列 (50)设置表格属性 (51)小结 (52)实训 具体教学要求:

①了解在FrontPage 2003中如何使用表格组织数据,如何使用表格进行网页布局; ②掌握创建、编辑表格和对表格进行属性设置的基本方法; ③掌握使用表格组织网页数据和进行页面布局的方法; 表单设计(讲授4学时,实验4学时)

(53)表单设计示例 (54)认识表单 (55)表单内容编辑 (56)验证性表单字段 (57)表单处理程序 (58)小结 (59)实训 具体教学要求:

①了解表单的创建及其属性设置等内容;

②理解表单的基本概念、主要作用和使用原则; ③掌握利用模板创建表单和手工创建表单; ④掌握表单属性设置的方法; 框架网页(讲授4学时,实验4学时)

(60)框架网页应用示例 (61)认识框架网页 (62)创建框架网页 (63)保存框架网页

(64)框架网页的打开与编辑 (65)调整框架布局

(66)框架网页的属性设置

-3- 计算机系教学大纲

FrontPage2003网页设计与制作

(67)框架网页的有关视图 (68)目标框架 (69)小结 (70)实训 具体教学要求:

①了解在网页中使用框架的基本方法和技能; ②理解框架网页的基本概念;

③掌握框架网页的创建、编辑和保存;

③掌握框架属性和框架网页超链接的设置等内容; 插入Web组件(讲授2学时,实验2学时)

(71)组件应用示例 (72)动态HTML (73)使用字幕 (74)搜索表单 (75)进行网站统计 (76)插入包含网页 (77)插入Flash动画 (78)使用Java小程序 (79)使用音频

(80)使用ActiveX控件 (81)小结 (82)实训 具体教学要求:

①了解FrontPage 2003动态组件以及音频、视频和Flash动画在网页中的应用; ②掌握FrontPage 2003动态组件的种类和使用方法; ③掌握网页中常用音频文件和视频文件的格式;

④掌握音频、视频和Flash等多媒体元素在网页中的应用; ⑤掌握动态效果的设置;

连接数据库(讲授2学时,实验2学时)

(83)数据库应用示例 (84)设置Web服务器 (85)创建ODBC数据源 (86)获得数据库信息 (87)编辑数据库信息 (88)小结 (89)实训 具体教学要求:

①掌握设置Web服务器的方法; ②掌握创建ODBC数据源的方法;

③掌握获得数据库信息和编辑数据库信息的方法; 网站管理与维护(讲授4学时,实验4学时)

(90)网站的基本操作 (91)网站中的文件管理 (92)网站设置

-4- 计算机系教学大纲

FrontPage2003网页设计与制作

(93)文件的签入与签出 (94)网站的发布与管理 (95)修改网站 (96)维护网站 (97)小结 (98)实训 具体教学要求:

①了解站点发布、管理和维护的基本知识;

②掌握Web站点的发布、管理和维护的基本方法;

教材和教学参考书:

教材

吕何新 陈伟 沈淦编《FrontPage2003网页设计与制作》 教学参考书

(99)徐国平主编 网页设计与制作教程 高等教育出版社

(100) 刘艳丽主编 网页设计与制作教程 高等教育出版社 课程考核与评估方法:

本课程的考核采取提交课件的形式,包括阶段性课件和最终课件,阶段性课件占总成绩的30%,最终课件占总成绩的50%,平时成绩总成绩的20%。

大纲编写修改时间:2009年11月21日 教学大纲编写教师:冯荣 计算机系审查教师; 教务处审查人签字: 分管教学校长签字:

-5-

网页设计教学大纲
《网页设计教学大纲.doc》
将本文的Word文档下载到电脑,方便编辑。
推荐度:
点击下载文档
相关专题
点击下载本文文档