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

第一篇：《网页设计》实验教学大纲

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

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

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

一、实验教学目的和任务

《网页设计》是教育技术学专业的一门实践性课程，其基本任务是使学生通过学习本课程，掌握静态网站运行的基本原理和开发动静态网站的基本方法，熟悉HTML基础知识，了解JavaScript语言程序设计的思想并能够读懂复杂的HTML代码和编写一些简单的静态网页，并能运用JavaScript和Css等技术设计网页界面，为今后从事计算机网站开发，网络编程以及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)了解Css的基础知识(2)熟悉Css的几种使用方式

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

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

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

实验六

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

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

实验七

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

实验八

表单设计二

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

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

实验九

流媒体及行为的应用一

（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+Css)

综合实例

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

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

实验十六

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

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

实验十七

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

（3）用asp设计一个简单的动态网站，实现用户的登录功能

第二篇：网页设计与开发实验教学大纲

实验

一、优秀网站赏析 1.实验目的要求

通过对不同类型、不同风格、不同特色的优秀网站的欣赏，使学生对网站制作课程有一个初步了解，诱发学生的学习兴趣。同时指导学生分析各类网站的总体布局、色彩搭配、内容规划等，为后面的学习打基础。2.实验主要内容

各种不同类型和风格的网站地址如下： 综合门户网站：新浪网 http://>

欢迎来到我的个人主页

---

这是我开发的第一个网页

第三篇：《网页设计》实验教学大纲(专科制

《网页设计》实验教学大纲（专科制定）

一、本大纲编写的依据是《网页设计》教学大纲。

实验总学时：28学时 学分：1

二、适用专业：全校非计算机专业（专科）

三、考核方式及评定标准：

实验操作能力50%，实验报告50%

四、配套的实验教材或自编指导书：

《网页设计与制作》

五、实验项目概述与学时分配： 实验一：Dreamweaver操作 12学时

（一）实验类型：验证性

（二）实验类别：学科基础

（三）每组人数：1人

（四）实验目的和实验能力要求：

掌握定义站点的方法；掌握创建文件夹和文件的基本方法。掌握创建和保存文档的方法；掌握添加文档内容的方法；掌握设置文档格式的方法。掌握设置网页背景的方法；掌握插入图像的方法；掌握设置图像属性的方法。

（五）实验内容：

创建站点、设置文档、编辑网页、表格、层和框架。

（六）主要仪器设备：

计算机（软件：Dreamweaver CS3）

（七）所在实验室：计算机实验室 实验二 ：flash操作 8学时

（一）实验类型：验证性

（二）实验类别：学科基础

（三）每组人数：1人

（四）实验目的和实验能力要求：：

学会制作影片剪辑元件；熟悉脚本实现滚动动画的操作；学生通过实验了解flash基础知识以及简单的制作技巧，鼠标控制动画的操作，初步掌握Flash中用脚本实现滚动动画的制作。

（五）实验内容： 制作交互式滚动广告。

（六）主要仪器设备：

计算机（软件：flash CS3）

（七）所在实验室：计算机实验室 实验三：Photoshop操作 8学时

（一）实验类型：验证性

（二）实验类别：学科基础

（三）每组人数：1人

（四）实验目的和实验能力要求：

使学生掌握Photoshop必须掌握的一些基本概念。使学生熟练的运用Photoshop的绘图和图象处理工具进行创作、绘画，选区工具的建立与修改。

（五）实验内容：

1、制作多彩的枫叶背景；

2、用仿制图章美化图片；

3、定制一个小图案，并用小图案填充画面。

（六）主要仪器设备：

计算机（软件：Photoshop CS3）

（七）所在实验室：计算机实验室

第四篇：网页设计实验教学大纲(唐林海)

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

课程编号 0810141

学时学分：总学时：64 总学分：4 实验学时：32 适用对象：计算机科学与技术及相关专业 课程属性：限选

实验属性：非独立设课

一、课程的性质与任务（黑体四号字、下同）

随着Internet的普及和它所带来的种种便利，网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径，网页制作已成为当今社会上一种比较热门的技术，本书突出实用技术和应用技能，是计算机专业学生的一门必修课，同时又可作为相关专业学生的选修课。

随着因特网的应用和以页面为载体的网络信息的广泛传播，网络程序设计技术已成为信息技术人员必须掌握的职业技能之一。WEB服务、WEB应用、B/S结构的应用将成为主流。

WEB程序设计技术课程的任务是学生在学习了计算机网络技术、多媒体技术（静态网页设计和图形图像处理技术）、数据库原理及应用等课程的基础上开设的职业技能训练课，通过学习和上机练习使学生基本掌握WEB应用的规划、设计和动态网面制作中对于内容的动态显示与更新技术。

二、实验的目的与基本要求（100字左右）

通过本课程的实验教学，此课程与计算机基础、计算机图像处理、动画制作等课程互相联系，互相补充，分别给学生提供计算机基础知识、网页制作技术的技能，图形和动画的设计与制作，美观的页面设计技巧等知识的学习。

三、实验考核方式及办法

实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定，给出优（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。实验成绩占本课程总成绩的20％，对缺实验成绩或不及格者，《网页设计》课程不予通过。

四、实验项目一览表

序

实验项目

实验

实验

适用

学 号

名称

类型

要求

专业

时 div布局 验证性 必做 理工类 6 2 css层叠样式单 设计性 必做 理工类 6 序

实验项目

实验

实验

适用

学 号

名称

类型

要求

专业

时 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．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验二 css层叠样式单

1．本次实验的目的和要求

通过dremweave软件的使用，使用css层叠样式单做布局样式控制，要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

通过dremweave软件的使用，使用css层叠样式单做布局样式控制。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．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

第五篇：网页设计教学大纲

网页设计教学大纲

一、课程性质与任务

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数据库。

第八章

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

五、教学实施、教学方法：本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强项目教学的直观性。、教学场所与设备要求：安装有 Windows XP 或 Windows 2000 的机房均可以进行实验，教学要求在多媒体教室进行。

六、考核与评价方式

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