第一篇：网页设计实验教学大纲(唐林海)
《网页设计》实验教学大纲
课程编号 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．实验报告要求
实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。
第二篇：《网页设计》实验教学大纲
《网页设计》实验教学大纲
《网页设计》实验教学大纲
开课实验室：网络技术实验室 课程学时：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）
（七）所在实验室：计算机实验室
第五篇：《网页设计》教学大纲
《网页设计》教学大纲
课程名称：《网页设计》 英文名称：《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浮动用法。补充说明： 无。
点击咨询 