网页设计基础课程实验报告
实验一
1.实验体会
学会了使用关键字搜索相关内容和了解了WEB2.0的相关技术和服务概念，如AJAX、RSS、Tag、Wiki、Blog、SNS，学会如何从其他网站上下载JS、CSS、IMAGE等相关文件。发现.CSS所在的行都存在字符串“
2.实验截图
从网上下载自己感兴趣的网站保存截图：
下载下来的相关网站及其部分相关JS、CSS文件：
实验二
1.实验体会
熟悉了简单内联元素的基本概念，掌握了HTML的基本语法。学会如何在HTML中进行简单的文字处理、创建超级链接和插入图片以及锚链接的用法。
2.实验截图及代码
简单的文字处理
代码：
这是一段文本
这是一段文本
©Microsoft® Windows 2007
A=a1+a2+a3
这是一段文本
这是一段文本
这是一段文本
这是一段文本
HTML中的超级链接代码：
锚链接代码：
在网页中插入图片：
代码：
实验三
1.实验体会
学会了如何使用HTML简单区块元素在网页中添加HTML列表。掌握了用记事本进行简单网页编辑和HTML文档的编排、简单区块元素及属性的书写。
2.实验截图及代码
代码：
这是一个段落
领袖和跟风者的区别就在于创新
成为卓越的代名词，很多人并不能适合需要杰出素质的环境
成就一番伟业的唯一途径就是热爱自己的事业。如果你还没能找到让自己热爱的事业，继续寻找，不要放弃。跟随自己的心，总有一天你会找到的中国矿业大学南湖校区管理学院管B302
江苏省
徐州市
中国矿业大学
南湖校区
h5>管理学院
管B302
.*★*.
.*★*.* ★
★*
★.’
‘*..
` . .
HTML列表代码：
- J.C.R Licklider
- Larry Roberts
- Tim Berners-Lee
1.网页设计基础概述
2.HTML 4.01
3.CSS
4.Javascript
简单文字的编排：
中国共产党河南理工大学委员会(通知)
★
校党文〔2007〕51号
iv id="nr">
关于王洪昌等同志职务任免的通知
各党委、党总支，校属各单位：
经校党委2007年7月10日会议研究决定：
王洪昌同志任后勤集团公司副总经理（副处级），免去其后勤集团公司工会主席职务；
张玉培同志任安全科学与工程学院党委书记，免去其电气工程与自动化学院党委书记职务；
中共河南理工大学委员会
2007年7月11日
抄送部门
- 管理学院
- 计算机学院
- 信息与电气工程学院
主题词：干部任免通知
中共河南理工大学委员会办公室 2007年7月11日印发
CSS源文件：
#s
{
width:70%;
margin:auto;
}
h1
{
font-family:"宋体";
font-size:"42px";
font-weight:bold;
color:red;
text-align:center;
}
h1 .tz
{
font-size:20px;
font-family:"宋体";
color:black;
}
.wjx
{
text-align:center;
font-size:"30px";
color:red;
}
.no
{
text-align:center;
font-family:"黑体";
font-size:"20px";
}
hr
{
color:red;
}
h2
{
text-align:center;
font-size:"25px";
font-family:"黑体";
font-weight:bold;
}
#nr
{
font-size:"20px";
}
.zw
{
font-size:"40px";
}
.ky
{
text-align:right;
}
#keywords
{
font-weight:bold;
font-family:"黑体";
font-size:"24px";
}
#db
{
line-height:"30px";
text-align:center;
border-top:solid 1pt black; border-bottom:solid 1pt black; font-size:"20px";
}
#sj
{
margin-left:"50px";
}
实验四
1.实验体会
通过使用记事本在网页中添加表单和表单元素，对表单和表单元素的元素名和属性对加深了了解，掌握了它们如何使用。
2.实验截图及代码：
代码：
实验五
1.实验体会
了解了Dreamweaver 8的菜单、工具栏、面板组等界面，学会了如何使用Dreamweaver 8在网页中操作图片、列表、表格、表单和框架，觉得Dreamweaver 8在网页设计中是一个很好的开发工具。
2.实验截图及代码
部分代码：
- 绪论：《网页设计基础》简介
- 因特网先锋
- 里克利德
- 拉里·罗伯茨
- 蒂姆·伯纳斯·李
- Web发展简史
- Web 1.0和Web 2.0
AJAX
异步Javascript和XML
IM
即时通讯工具
RSS
丰富站点照耀
Blog
网络日志
- 结构
- HTML
- XHTML
- XML
- 表现
- CSS
- 行为
- DOM
- ECMAScript
- 推荐学习资料
li>Web标准与Web标准化
- 参考书
- 浏览器
- 网站
- 第一章：Web基础与概览
- 第二章：超文本标记语言HTML
- 第三章：可扩展的超文本标记语言XHTML
- 第四章：层叠样式表CSS
- 第五章：Java脚本Javascript
实验六
1.实验体会
学会了如何使用Dreamweaver 8进行表格布局复杂网页设计，以及掌握了使用表格进行页面布局的方法与技巧
2.实验截图及代码：
代码：
| 歌曲 | 作词 | 作曲 | 编曲 | 合唱者 | 时长 |
| 01四季列车 | 方文山 | 周杰伦 | 周杰伦 | 02：40 | |
| 02手语 | 周杰伦 | 周杰伦 | 林迈可 | 04：50 | |
| 03公公偏头痛 | 方文山 | 周杰伦 | 周杰伦 | 03：03 | |
| 04明明就 | 方文山 | 周杰伦 | 黄雨勋 | 04：18 | |
| 05傻笑 | 方文山 | 周杰伦 | 黄雨勋 | 袁咏琳 | 04：50 |
| 06比较大的大提琴 | 方文山 | 周杰伦 | 黄雨勋 | Lara；Gary | 04：12 |
| 07爱你没差 | 黄凌嘉 | 周杰伦 | 黄雨勋 | 04：40 | |
| 08红尘客栈 | 方文山 | 周杰伦 | 黄雨勋 | 04：35 | |
| 09梦想启动 | 林义杰 | 周杰伦 | 林迈可 | 03：25 | |
| 10大笨钟 | 周杰伦 | 周杰伦 | 黄雨勋 | 04：04 | |
| 11哪里都是你 | 周杰伦 | 周杰伦 | 黄雨勋 | 04：40 | |
| 12乌克丽丽 | 周杰伦 | 周杰伦 | 林迈可 | 02:55 | |
实验七
1.实验体会
学习掌握使用Dreamweaver 8进行XHTML网页代码检查的方法，通过Dreamweaver 8中的窗口一结果一验证可以验证网页是否符合某种XHTML标准，通过验证结果的提示把不符合XHTML标准的HTML网页修改成符合XHTML 标准的网页。
2.实验截图及代码
修改后的符合XHTML标准的HTML网页
代码：