实验教学大纲模板
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
8.查看网页源代码。
实验二HTML中文本和图像设计
实验目的:
实验内容:
1.在网页中使用<p><br>标记排版文字。
2.在网页中使用<font><i><u>等文字排版工具制作简单网页。
3.在网页中用<img>标记在网页中插入图像。
4.在网页中使用<ul><li><ol>等列表标签。
实验三HTML超链接、框架练习
三、实验教材或实验指导书
1．使用教材
温谦 编著．网页制作综合技术教程．北京：人民邮电出版社，2009．
2．主要参考书
（1）前沿科技 曾顺 编著．精通CSS+DIV网页样式与布局．第1版．北京：人民邮电出版社，2007.
（2）贾素玲, 王强主编．HTML网页设计．第1版．北京：清华大学出版社，2007.
课程代码：
网页设计基础
Fundations of WebpageDesign
学分：3.5总学时：56理论学时：30实验学时：26
一、实验教学目标
本门课程注重培养学生制作网页的操作能力、实践能力。主要介绍与网页设计制作有关的知识、基本技术、创建和管理网站、CSS基础知识、CSS+DIV布局网页，培养学生具有制作一般标准商业网站的能力。同时，使学生掌握可视化网站开发工具Dreamweaver的使用，使学生完成本课程的学习后，可以自己设计美观、实用的静态网站。
实验要求:
实验九用CSS设置链接与导航菜单
实验目的:
实验内容:
1.用CSS控制超链接效果。
2.用CSS样式控制<UL>、<li>标签。
3.float属性的使用，导航菜单的制作。
实验十用CSS设置表格和表单样式
实验目的:
实验内容:
1.用CSS控制表格效果。
2.用CSS样式控制表单。
实验十一用CSS+DIV设计网页综合实例一
2
设计
必开
6
表单练习2
2
设计
必开
7
用模板技术制作简单网站
2
综合
必开
8
用CSS控制网页文本和图像
2
设计
必开
9
用CSS设置链接与导航菜单
2
设计
必开
10
用CSS设置表格和表单样式
2
设计
必开
11
用CSS+DIV设计网页综合实例一
2
综合
必开
12
用CSS+DIV设计网页综合实例二
2
综合
必开
13
用Photoshop设计网页效果图
2.网页用表格布局。
3.网页中要求包括超链接、图片。
4.注意文字的排版，以及文字与图片的混排。
5.用模板技术制作网站中公共部分。
实验八用CSS控制网页文本和图像
实验目的:
实验内容:
1.CSS样式的创建。
2.CSS样式的管理。
3.不同CSS选择器的使用。
4.用CSS控制网页元素。
5.常用CSS属性的使用。
二、实验教学基本要求
1．在整个实验教学过程中，要教育学生养成良好的实验习惯，爱护公共财产、遵守安全制度，树立优良的学风。
2．通过本实验的基本训练，要求学生做到：
（1）能够自行完成设计一个用CSS+DIV布局企业网站。
（2）能够熟练使用dreamweaver、photoshop等的网页开发工具。
（3）掌握制作网页的基本技巧。
实验六表单练习2
实验目的:
实验内容:
1.在静态网页中用表单设计注册页面。
2.练习文本框、密码框、单选按钮、复选按钮、下拉列表、多行文本、普通按钮、提交按钮、重设按钮、文件域等表单元素的用法。
3.理解每个表单元素常用属性及事件的含义。
实验七用模板技术制作简单网站
实验目的:
实验内容:
1.用Dreamweaver较复杂网页。
3.用表格布局网页。
实验五表单练习1
实验目的:
实验内容:
1.在静态网页中建立表单，练习method="get"递交方法。
2.建立动态的提交页面，初步认识动态网页与静态网页的区别。
3.初步认识架设iis服务器。
4.在静态网页中建立表单，练习method=Biblioteka Baidupost"递交方法。
5.在静态网页中建立表单，练习客户端JavaScript验证方法。
2
综合
必开
六、实验内容与实验方式
实验一认识HTML
实验目的:
实验内容:
1.用记事本书写第一个网页，并保存，浏览。
2.熟悉Dreamweaver的工作界面。
3.创建网页及保存到指定路径。
4.在网页中插入普通文本。
5.在网页中插入特殊文本。
6.对插入的文本进行格式化。
7.熟悉Dreamweaver属性面版。
实验目的:
实验内容:
1.创建文本和图片链接。
2.创建电子邮件链接。
3.创建锚点链接。
4.链接效果的编辑。
5.创建站点的方法。
6.站点的管理方法。
7.创建个人网站，保存到指定路径。
8.注意网站中的图片放到一个文件夹下。
实验四网页中表格设计
实验目的:
实验内容:
1.在网页中插入表格。
2.表格单元格的合并。
四、考核方式与评分办法
实验成绩评定分两部分：实验操作、预习占50％，实验作业占50％。
五、实验项目设置
序号
实验项目名称
实验学时
实验类型
实验要求
主要设备(用品)
台（套）数
1
认识HTML
2
设计
必开
2
HTML中文本和图像设计
2
设计
必开
3
HTML超链接、框架练习
2
设计
必开
4
网页中表格设计
2
设计
必开
5
表单练习1
实验目的:
实验内容:
1.参考样张用CSS+DIV制作网站实例。
2.CSS中层的浮动。
3.CSS中背景图片的应用。
4.CSS+DIV布局网页的基本方法。
实验十二用CSS+DIV设计网页综合实例二
实验目的:
实验内容:
1.参考样张用CSS+DIV制作网站实例。
2.通过综合实例掌握CSS中导航的制作。
3.通过综合实例掌握层的浮动，各层之间的位置关系。
4.CSS边框的制作。
5.CSS+DIV布局网页的基本方法。
实验十三用Photoshop设计网页效果图
实验目的:
实验内容:
1.用Photoshop制作网页效果图；
2.用Photoshop对网页效果图切图并输出；
3.用Dreamweaver整合网页
执笔：范伊红审核：*****
实验二HTML中文本和图像设计
实验目的:
实验内容:
1.在网页中使用<p><br>标记排版文字。
2.在网页中使用<font><i><u>等文字排版工具制作简单网页。
3.在网页中用<img>标记在网页中插入图像。
4.在网页中使用<ul><li><ol>等列表标签。
实验三HTML超链接、框架练习
三、实验教材或实验指导书
1．使用教材
温谦 编著．网页制作综合技术教程．北京：人民邮电出版社，2009．
2．主要参考书
（1）前沿科技 曾顺 编著．精通CSS+DIV网页样式与布局．第1版．北京：人民邮电出版社，2007.
（2）贾素玲, 王强主编．HTML网页设计．第1版．北京：清华大学出版社，2007.
课程代码：
网页设计基础
Fundations of WebpageDesign
学分：3.5总学时：56理论学时：30实验学时：26
一、实验教学目标
本门课程注重培养学生制作网页的操作能力、实践能力。主要介绍与网页设计制作有关的知识、基本技术、创建和管理网站、CSS基础知识、CSS+DIV布局网页，培养学生具有制作一般标准商业网站的能力。同时，使学生掌握可视化网站开发工具Dreamweaver的使用，使学生完成本课程的学习后，可以自己设计美观、实用的静态网站。
实验要求:
实验九用CSS设置链接与导航菜单
实验目的:
实验内容:
1.用CSS控制超链接效果。
2.用CSS样式控制<UL>、<li>标签。
3.float属性的使用，导航菜单的制作。
实验十用CSS设置表格和表单样式
实验目的:
实验内容:
1.用CSS控制表格效果。
2.用CSS样式控制表单。
实验十一用CSS+DIV设计网页综合实例一
2
设计
必开
6
表单练习2
2
设计
必开
7
用模板技术制作简单网站
2
综合
必开
8
用CSS控制网页文本和图像
2
设计
必开
9
用CSS设置链接与导航菜单
2
设计
必开
10
用CSS设置表格和表单样式
2
设计
必开
11
用CSS+DIV设计网页综合实例一
2
综合
必开
12
用CSS+DIV设计网页综合实例二
2
综合
必开
13
用Photoshop设计网页效果图
2.网页用表格布局。
3.网页中要求包括超链接、图片。
4.注意文字的排版，以及文字与图片的混排。
5.用模板技术制作网站中公共部分。
实验八用CSS控制网页文本和图像
实验目的:
实验内容:
1.CSS样式的创建。
2.CSS样式的管理。
3.不同CSS选择器的使用。
4.用CSS控制网页元素。
5.常用CSS属性的使用。
二、实验教学基本要求
1．在整个实验教学过程中，要教育学生养成良好的实验习惯，爱护公共财产、遵守安全制度，树立优良的学风。
2．通过本实验的基本训练，要求学生做到：
（1）能够自行完成设计一个用CSS+DIV布局企业网站。
（2）能够熟练使用dreamweaver、photoshop等的网页开发工具。
（3）掌握制作网页的基本技巧。
实验六表单练习2
实验目的:
实验内容:
1.在静态网页中用表单设计注册页面。
2.练习文本框、密码框、单选按钮、复选按钮、下拉列表、多行文本、普通按钮、提交按钮、重设按钮、文件域等表单元素的用法。
3.理解每个表单元素常用属性及事件的含义。
实验七用模板技术制作简单网站
实验目的:
实验内容:
1.用Dreamweaver较复杂网页。
3.用表格布局网页。
实验五表单练习1
实验目的:
实验内容:
1.在静态网页中建立表单，练习method="get"递交方法。
2.建立动态的提交页面，初步认识动态网页与静态网页的区别。
3.初步认识架设iis服务器。
4.在静态网页中建立表单，练习method=Biblioteka Baidupost"递交方法。
5.在静态网页中建立表单，练习客户端JavaScript验证方法。
2
综合
必开
六、实验内容与实验方式
实验一认识HTML
实验目的:
实验内容:
1.用记事本书写第一个网页，并保存，浏览。
2.熟悉Dreamweaver的工作界面。
3.创建网页及保存到指定路径。
4.在网页中插入普通文本。
5.在网页中插入特殊文本。
6.对插入的文本进行格式化。
7.熟悉Dreamweaver属性面版。
实验目的:
实验内容:
1.创建文本和图片链接。
2.创建电子邮件链接。
3.创建锚点链接。
4.链接效果的编辑。
5.创建站点的方法。
6.站点的管理方法。
7.创建个人网站，保存到指定路径。
8.注意网站中的图片放到一个文件夹下。
实验四网页中表格设计
实验目的:
实验内容:
1.在网页中插入表格。
2.表格单元格的合并。
四、考核方式与评分办法
实验成绩评定分两部分：实验操作、预习占50％，实验作业占50％。
五、实验项目设置
序号
实验项目名称
实验学时
实验类型
实验要求
主要设备(用品)
台（套）数
1
认识HTML
2
设计
必开
2
HTML中文本和图像设计
2
设计
必开
3
HTML超链接、框架练习
2
设计
必开
4
网页中表格设计
2
设计
必开
5
表单练习1
实验目的:
实验内容:
1.参考样张用CSS+DIV制作网站实例。
2.CSS中层的浮动。
3.CSS中背景图片的应用。
4.CSS+DIV布局网页的基本方法。
实验十二用CSS+DIV设计网页综合实例二
实验目的:
实验内容:
1.参考样张用CSS+DIV制作网站实例。
2.通过综合实例掌握CSS中导航的制作。
3.通过综合实例掌握层的浮动，各层之间的位置关系。
4.CSS边框的制作。
5.CSS+DIV布局网页的基本方法。
实验十三用Photoshop设计网页效果图
实验目的:
实验内容:
1.用Photoshop制作网页效果图；
2.用Photoshop对网页效果图切图并输出；
3.用Dreamweaver整合网页
执笔：范伊红审核：*****