HTML网页设计基础实验指导书Word格式文档下载.docx
- 文档编号:15840692
- 上传时间:2022-11-16
- 格式:DOCX
- 页数:12
- 大小:245.85KB
HTML网页设计基础实验指导书Word格式文档下载.docx
《HTML网页设计基础实验指导书Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《HTML网页设计基础实验指导书Word格式文档下载.docx(12页珍藏版)》请在冰豆网上搜索。
4
HTML表格和列表的应用
5
HTML表单与框架的应用
6
HTML和CSS综合应用
设计性
7
个人主页设计
实验一 网页设计根底与HTML根本标签
【实验目的】
1.掌握利用因特网进展信息游览、搜索,下载网页、图片、文字和文件;
2.对给定的,能指出的结构、目录结构、页面布局方式;
3.掌握HTML的根本标签<
HTML>
<
HEAD>
<
BODY>
TITLE>
META>
标记;
【实验环境】
Windowxp操作系统,机器联网。
【实验重点与难点】
熟练使用浏览器进展浏览、搜索、下载。
【实验内容】
1、根据制作的需要,从网上下载网页制作时需要的文字、小图片、动画与flash。
2、上网访问实际假如干,了解各的风格〔主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等〕、页面布局方式;
在网上找出如下版面布局的结构形式:
⑴“T〞结构布局
⑵“口〞型〔“国〞字型〕布局
⑷对称比照布局
⑻海报型布局
3、利用搜索引擎,浏览因特网上较为著名的5个,记录这些的名称、地址和以与相应的网页文件格式〔扩展名〕;
4、查看我院主页的源代码,收藏到收藏夹中,将其设为主页,并指出该的结构、目录结构和页面布局方式。
5、构建HTML文档“我的第一个网页〞:
〔1〕从开始菜单启动记事本;
〔2〕在记事本中,录入一个HTML文档;
〔3〕设置该文档在最终在浏览器中显示的标题为“我的第一个网页〞;
〔4〕在页面添加可见的文本“我的第一个网页〞;
〔5〕使用记事本的菜单“文件〞→“保存〞,在“另存为〞对话框中,在“保存类型〞下拉列表中选择“所有文件〞,录入“文件名〞myfirstpage.htm,单击“保存〞按钮将该页面保存到实验文件夹。
实验二HTML文本格式的应用
1.掌握使用<
body>
标记设置网页背景颜色和文本颜色。
学习使用分段标记<
p>
/p>
;
2.掌握使用<
font>
标记设置文字的属性;
3.掌握在网页中插入背景图片;
4.掌握在网页中插入水平线,并设置水平线的属性;
5.掌握在网页中插入背景音乐。
Windowsxp
掌握字体、水平线等常用标记。
1、使用简单内联元素进展文字处理:
〔2〕在记事本中,录入HTML文档;
〔3〕设置该文档最终显示标题为“简单文字处理〞;
〔4〕在文档的<
和<
/body>
之间,插入适当元素使最终网页中显示以下内容:
这是一段文本
©
Microsoft®
Windows2007
A=a1+a2+a3
这是一段文本
提示:
1、以上文字不涉与到文字字体、大小、颜色的设置,且并不居中显示。
2、对于特殊字符,要使用字符实体。
&
copy;
®
reg;
注册商标
〔5〕紧接着步骤〔4〕插入的元素插入适当元素,使得最终网页上可以显示字号为5、颜色为红色、字体为“华文彩云〞的如下样式文字:
〔6〕紧接着步骤〔5〕插入的元素插入适当元素,使得最终网页上显示如下样式的文字〔隶书、4号、绿色〕:
〔7〕如果以上的每条文本之间没有换行,如此在它们之间分别插入一个换行;
〔8〕使用步骤1-〔5〕中的方法保存当前HTML文档为simpleinline.htm。
2、制作一个简单的网页sy2-1.htm,用记事本编辑,内容为个人简介信息。
要求:
●搜索关键字为“个人〞“主页〞“简介〞,标题为我的个人简介。
●背景为#33ccff,文本颜色为黑色,文本需分段表示。
3、用记事本编辑网页sy2-2.htm,内容为李白的诗“静夜思〞。
每行诗为一个段落,四行文字颜色不同,字体不同。
4、通过记事本编辑网页sy2-3.htm,实现如图页面。
5、通过记事本编辑网页sy2-4.htm,实现如下页面。
图片自选,插入背景音乐“〞。
6、通过记事本编辑网页sy2-5.htm,实现如下页面。
实验三HTML超的应用
1.掌握给文字添加绝对超级,例如:
ahref=.baidu.>
/a>
和相对超级,例如:
ahref=/images/1.jpg>
2.掌握使用图像映像<
AREA>
MAP>
掌握使用超级HTML常用标记。
1、制作一个网页sy3-1.htm,用记事本编辑。
●网页名称为:
超级练习
●以一X图片作为背景,并且设置图片固定。
合理设置文字的颜色,和超级的颜色。
●插入绝对至某某工业大学软件学院主页。
2、利用预格式化标签,输出如如下图一段文字,在页面的顶部设置相对超级至页面底部,在页面的底部设置相对超级至顶部。
3、在如下图上实现图像映像,要求点击各省对应区域弹出该省政府〔各省政府.省名简拼.gov.如某某省政府:
.jl.gov.〕
实验四:
HTML表格和列表的应用
1.掌握表格相关标记的使用
2.掌握3种列表的定义和属性设置
掌握表格和列表相关标记的使用
1、使用表格标签,制作如如下图所示的页面。
要求:
●表格内容水平居中对齐,垂直居中对齐,页面标题为音乐。
.
●设置超级颜色
●点击播放,即可播放对应的音乐,音乐在网上下载。
2、使用表格标签,制作如如下图所示的页面
3、用记事本编辑网页sy3-4.htm.htm,实现如下页面。
网页的名称为“列表练习〞;
网页有一个背景音乐,音乐自选。
实验五HTML表单和框架的应用
1.掌握表单相关标记的使用;
2.掌握3个页面的框架的定义和属性设置。
Windowsxp。
掌握表单相关标记的使用,框架页面的定义。
1、建立如下表单页面:
2、建立如下框架页面,相关图片建议试着自己制作,也可从网上下载。
实验六HTML和CSS综合应用
1.掌握CSS的根本语法规如此。
2.掌握CSS的常用选择符。
3.掌握在网页上应用CSS的方法。
4.理解CSS的常用属性与其各项值的含义。
掌握CSS相关标记的使用。
1.CSS属性定义的缩写方法。
2.利用CSS对字体属性的设置完成如下图显示样式。
3.利用CSS对文本属性的设置完成如下图显示样式。
4.利用CSS对边框属性的设置完成如下图显示样式。
5.利用CSS对浮动属性的设置完成如下图显示样式。
6.利用CSS对定位属性的设置完成如下图显示样式。
实验七个人主页设计〔综合实验〕
1.掌握HTML根本标记并能够综合应用
【实验内容与要求】
1、使用框架构建个人主页
2、网页内容要包括个人根本情况、兴趣爱好、联系方式等,通过建立导航栏实现页面导航
3、设置背景音乐与背景图片,音乐图片自选。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 网页 设计 基础 实验 指导书
![提示](https://static.bdocx.com/images/bang_tan.gif)