第一篇：网页设计教学与实验内容7
教课程名称：网页设计与制作
学七
教学题目：Photoshop图层的应用 讲授内容：
图层的概念 图层的基本操作。一．图层的概念
图层是对图像进行各种合成效果的重要途径。
不同图层中的图像可以进行独立操作，更改图层的顺序和属性可以改变图像的合成效果。
▪ ▪
▪ ▪ 背景图层：默认为锁定，未解锁不允许更改。
调整图层：调整图层中的色彩调整对其下方的所有图层产生作用。填充图层：纯色填充、渐变填充和图案填充。图层样式：投影、发光、浮雕等效果。
二．新建图层
1．单击“图层”面板的新建按钮创建新图层。2．复制图层可产生新图层。3．输入文字时可生成新图层。三．复制图层
将需复制的图层拖至新建图层按钮上，形成图层的“副本”。四．删除图层
选择需删除的图层，单击“删除图层”按钮，或将图层拖至“删除图层”按钮。五．合并图层
向下合并、合并可见图层、拼合图层。六．调整图层顺序
直接拖动图层或选择“图层/排列”命令。七．链接图层
固定当前图层和链接图层间的相对位置，链接后视为一个整体，可进行移动、缩放、旋转、色彩调整和合并等操作。
案例文件：讲授案例彩色圆点.psd 选择需要链接的多个图层（注：使用Ctrl键），单击“链接图层”按钮。八．锁定图层
防止图层被误操作，可将图层锁定。“锁定透明像素”、“锁定图像像素”、“锁定位置”、“锁定全部”。九．对齐和分布图层
选择多个图层，在工作区顶端“选项”面板中使用对齐和分布图层按钮。案例文件：讲授案例彩色圆点.psd 十．图层属性
图层名称、不透明度、显示隐藏。
十一．应用举例——背景特效制作（参照“讲授案例背景特效.psd”）
1.新建800×600 px的黑色画布。
2.选择20px的黄色（#fdd000）画笔工具，调整为硬度100%、间距150%的虚线。3.新建“图层1”，按住Shift绘制长短不
一、疏密有致的垂直虚线。4.新建“图层2”，改变画笔颜色为绿色（#218f49），画笔直径为9px，按步骤3，随意绘制另一色彩的垂直虚线。
5.新建“图层3”，改变画笔颜色及画笔直径，按步骤3，随意绘制另一色彩的垂直虚线。
6.选择直排文字工具，输入“Effect Design”。
7.复制文字图层多份，分别改变各图层文字的大小、不透明度以及位置。8.合并所有图层，保存于“实验素材”文件夹，命名“我的背景特效.jpg”。十二．案例操作要点总结：
画笔色彩、间距、直径；直线；图层自由变换；图层不透明度。
实验内容
一．根据教学案例的说明，完成“背景特效”。
二．根据“实验素材水晶按钮.psd”，完成水晶按钮的特效。制作过程如下：
1.新建200×80像素，分辨率72，白色背景的画布。2.新建“图层1”，前景色设置为“绿色”（#45b035）。
3.选择圆角矩形工具，属性设置为“填充像素”，半径40像素，在图层1中绘制圆角矩形。4.设置图层1的“图层样式”，选择“投影”，90度，不透明度40%，距离2像素。选择“内阴影”，不透明度80%，距离13像素，大小21像素。5.选择圆角矩形工具，属性设置为“路径”，半径80像素。6.新建“图层2”，在图层2上绘制圆角矩形路径。
7.打开“路径”面板，单击“将路径作为选区载入”按钮。
8.设置前景色为白色，选择渐变工具，属性设置渐变样式为“前景到透明”和“线性渐变”，在选区中从上到下绘制渐变色。9.按Ctrl+D取消选区，选择“图层1”，按Ctrl键同时单击图层面板中“图层1”的缩略图，将图层1的选区载入。
10.选择矩形选框工具，单击“与选区交叉”属性按钮，在“图层1”中绘制选区，使选区交叉后仅保留圆角矩形选框的下1/4部分。
11.使用“选择/羽化…”命令，将交叉后的选区羽化，羽化值为5像素。
12.选择“图像/调整/色阶…”命令，在对话框中拖动滑块，使羽化后的选区内容变亮。之后取消选区。
13.选择横排文字工具，输入“确定”文本，并调整文本至按钮中央，设置文本的“图层样式”为“投影”。此时效果已完成。
14.删除“路径”面板中的路径。合并图层，保存为jpg格式的图像，命名为“水晶按钮.jpg”。
第二篇：网页设计与开发实验教学大纲
实验
一、优秀网站赏析 1.实验目的要求
通过对不同类型、不同风格、不同特色的优秀网站的欣赏，使学生对网站制作课程有一个初步了解，诱发学生的学习兴趣。同时指导学生分析各类网站的总体布局、色彩搭配、内容规划等，为后面的学习打基础。2.实验主要内容
各种不同类型和风格的网站地址如下： 综合门户网站：新浪网 http://>
欢迎来到我的个人主页
这是我开发的第一个网页
第三篇：《网页设计》实验教学大纲
《网页设计》实验教学大纲
《网页设计》实验教学大纲
开课实验室：网络技术实验室 课程学时：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、搜集材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻，同时，查询相关的图书、报纸、光盘、多媒体等，也可以得来更加有说服力的信息。
3、规划网站
我的网站包括5个页面。版面设计要灵活，根据各部分内容的不同适当的自由设计。但是每个页面的主元素和位置不能变。用CSS设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，还可以加入flash动态图片，会达到更好的效果。
4、选择合适的制作工具
做网页的首先工具当然为Dreamweaver。
5、认识网页设计工具Dreamweaver
（1）Dreamweaver的启动
（2）窗口组成的认识
6、新建站点
7、站点中首页的创建
8、制作网页
素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点。网页中的css 样式文件也应统一管理，做到有条不紊。
9、根据自己的网页风格，在网上搜集合适的图片。
最后还要制作各个页面的链接，把整个网页可怜起来，形成一个统一的整体，方便浏览者进行各个页面间的跳转。
10、上传测试
网页制作完毕以后，要进行测试，在浏览器上运行自己的网站，反复测试，以发现设计中的缺陷。
实验结果及理论分析：
通过这简短的三个周的学习，让我有一个独立设计，制作网页的机会，通过这次试验，我的收益颇多。首先，独立的实践了一个完整的网站设计的全过程，把设计中零散的注意点和要求在自己大脑中形成了一个完整的框架体系，使平时学到的知识点有了一个质的升华，并且合理的在试验中进行了实践。第二，在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出技术精湛的网页打下了基础。最后，我感受最深的是，技术方面的学习，最重要的是自己实践做出东西，只通过自己的亲身实践，才能学会、学懂、学通技术。
朱礼明
信息管理与信息系统1301班
2014.07.23
第五篇：电子政务网页设计与制作实验教案
《电子政务网页设计与制作》实验教案
实验名称 IIS的安装与调试
实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生
一、实验目的
1．掌握检测不同版本Windows操作系统IIS的安装与否； 2.掌握在Windows操作系统中安装IIS的方法；
3．掌握利用IIS设置虚拟目录调试ASP程序的初步方法。
二、实验重点、难点
利用IIS设置虚拟目录调试ASP程序
三、实验原理
ASP模型的运行原理是：当浏览器向Web服务器请求.asp文件时，服务器端脚本开始运行，WEB服务器调用.asp文件，将运行结果发送到浏览器。
四、实验设备、实验教学软件介绍
个人PC，Windows 2000,IIS 5.0,记事本
五、实验分组及组织情况
无
六、实验的基本操作与实验重要步骤
1、实验前先观看指导老师的演示；
2、如果计算机未安装IIS，使用安装程序安装IIS；
3、利用记事本编写教材P13 1－1的ASP程序并存盘；
4、在IIS中建立虚拟目录，调试ASP程序，找出并解决问题，确保调试成功，并相互访问；
5、学生独立完成相应的实验报告。
七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；
参照上述实验内容，分模块讲解各业务流程的作用和操作方法
八、预期的实验效果
多数学生能独立完成实验，掌握基本原理和方法。
九、实验中应注意事项
对于因操作系统本身的原因，无法安装调试好IIS，需重新安装系统。
十、课外实验或思考题
教材P13 练习1-1
十一、实验教材及实验参考资料
《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版
十二、实验后记
学生独立完成实验报告
实验名称 HTML网页编辑
实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生
一、实验目的
1．掌握HTML基本标记的使用； 2.掌握HTML中超级链接的使用方法；
3．掌握HTML中特殊符号、图片链接的使用方法。
二、实验重点、难点
HTML中特殊符号、图片链接的使用方法
三、实验原理 HTML标记语言
四、实验设备、实验教学软件介绍
个人PC，Windows 2000,IIS 5.0,记事本
五、实验分组及组织情况 无
六、实验的基本操作与实验重要步骤
1.实验前先观看指导老师的演示；
2.利用记事本编写教材P34 2－1的HTML程序并存盘； 3.调试；
4.学生独立完成相应的实验报告。
七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；
参照上述实验内容，分模块讲解各业务流程的作用和操作方法
八、预期的实验效果
多数学生能独立完成实验，掌握基本原理和方法。
九、实验中应注意事项
注意热点链接的使用，调试出问题时，多从连接文件的上下级目录上找原因。
十、课外实验或思考题
教材P34 练习2-1
十一、实验教材及实验参考资料
《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版
十二、实验后记
学生独立完成实验报告
实验名称 Vbscript对象编程
实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生
一、实验目的
1．掌握Vbscript的基本数据类型、常量、变量、表达式和常用函数； 2.掌握在HTML中插入Vbscript编码的方法； 3．掌握事件驱动程序的编制。
二、实验重点、难点
事件驱动程序的编制，面向对象的程序设计思想的掌握。
三、实验原理
Vbscript事件驱动程序编制。
四、实验设备、实验教学软件介绍
个人PC，Windows 2000,IIS 5.0,记事本
五、实验分组及组织情况
无
六、实验的基本操作与实验重要步骤
1.实验前先观看指导老师的演示；
2.利用记事本编写教材P74练习4－1题的程序并存盘； 3.调试；
4.学生独立完成相应的实验报告。
七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；
参照上述实验内容，分模块讲解各业务流程的作用和操作方法
八、预期的实验效果
多数学生能独立完成实验，掌握基本原理和方法。
九、实验中应注意事项
对象编程的思想，对象事件的编程方法。
十、课外实验或思考题
教材P74 练习4-1
十一、实验教材及实验参考资料
《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版
十二、实验后记
学生独立完成实验报告
实验名称 表单设计
实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生
一、实验目的
1．掌握DHTML中INPUT控件的使用； 2.掌握DHTML中SELECT控件的使用； 3．掌握DHTML中TextArea控件的使用。
二、实验重点、难点
掌握DHTML中INPUT控件的使用
三、实验原理 DHTML语言
四、实验设备、实验教学软件介绍
个人PC，Windows 2000,IIS 5.0,记事本
五、实验分组及组织情况
无
六、实验的基本操作与实验重要步骤 1.实验前先观看指导老师的演示；
2.利用记事本或Dreamweaver等软件编写表单程序并存盘； 3.调试；
4.学生独立完成相应的实验报告。
七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；
参照上述实验内容，分模块讲解各业务流程的作用和操作方法
八、预期的实验效果
多数学生能独立完成实验，掌握基本原理和方法。
九、实验中应注意事项 Dreamweaver集成化工具的使用
十、课外实验或思考题
教材P121 练习6-1
十一、实验教材及实验参考资料
《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版
十二、实验后记
学生独立完成实验报告
实验名称 Response对象应用
实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生
一、实验目的
1．掌握Response对象中Write方法的使用； 2.掌握Response对象中Redirect方法的使用； 3．掌握Response对象中End方法的使用。
二、实验重点、难点
Response对象中Write方法的使用
三、实验原理
ASP中Response对象应用
四、实验设备、实验教学软件介绍
个人PC，Windows 2000,IIS 5.0,记事本
五、实验分组及组织情况
无
六、实验的基本操作与实验重要步骤
1.实验前先观看指导老师的演示；
2.利用记事本或Dreamweaver等软件编写程序并存盘； 3.打开IIS并设置虚拟目录进行调试； 4.学生独立完成相应的实验报告。
七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；
参照上述实验内容，分模块讲解各业务流程的作用和操作方法
八、预期的实验效果
多数学生能独立完成实验，掌握基本原理和方法。
九、实验中应注意事项
对于ASP的内置对象，注意代码的编写规范性。
十、课外实验或思考题
教材P142 练习7-1
十一、实验教材及实验参考资料
《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版
十二、实验后记
学生独立完成实验报告
实验名称 交互式表单程序设计
实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生
一、实验目的
1．掌握交互式表单程序设计的方法； 2.掌握Response对象中Write方法的使用； 3.掌握Request对象中Form集合的应用。
二、实验重点、难点
Request对象中Form集合的应用
三、实验原理
ASP交互式表单程序设计
四、实验设备、实验教学软件介绍
个人PC，Windows 2000,IIS 5.0,记事本
五、实验分组及组织情况
无
六、实验的基本操作与实验重要步骤 1.实验前先观看指导老师的演示；
2.利用记事本或Dreamweaver等软件编写程序并存盘； 3.打开IIS并设置虚拟目录进行调试； 4.学生独立完成相应的实验报告。
七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；
参照上述实验内容，分模块讲解各业务流程的作用和操作方法
八、预期的实验效果
多数学生能独立完成实验，掌握基本原理和方法。
九、实验中应注意事项
注意对于Form集合的运用，代码要规范。
十、课外实验或思考题
教材P163 练习8-1
十一、实验教材及实验参考资料
《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版
十二、实验后记
学生独立完成实验报告
点击咨询 