文档简介： HTML网页设计基础实验指南2016HTML网页设计基础实验指南序号 实验项目名称 课时 实验类型 必修类别 每组中学生人数 1 网页设计基础与HTML基础标签 2 验证选修 12 HTML文本应用格式 2 验证选修课 13 HTML 链接的应用 4 验证选修课 14 HTML 表格和列表的应用 4 验证选修课 15 HTML 表格和框架的应用 4 验证选修课 16 HTML 和 CSS 的综合应用 2 设计选修课 17 个人主页设计 2 设计选修课 1实验1 网页设计基础及基本HTML标签【实验目的】、搜索、下载网页、图片、文字和文件； 能够强调网站的链接结构、目录结构、页面布局； <HTML><HEAD><BODY><TITLE><META>标记； 【实验环境】Windowxp操作系统，机器联网。 【实验要点及难点】 熟练使用浏览器进行浏览、搜索、下载。 【实验内容】 1、根据网站制作的需要，从网上下载文字、小图片、动画和flash。 2、访问互联网上的几个实际网站，了解各个网站的风格（主题图文形象是否清晰、导航是否清晰、整体配色是否协调、主题是否突出等）、页面布局形式； 在网上查出以下版式布局的结构： ⑴“T”结构布局 ⑵“口”型（“国”字型）布局 ⑷对称对比布局 ⑻海报式布局 3.用搜索引擎浏览5种知名的布局互联网上的网站，记录这些网站的名称、网站地址以及相应的网页文件格式（扩展名）； 4、查看我院，将其设置为首页，强调网站的链接结构、目录结构和页面布局。
5. 构建 HTML 文档“我的第一个网页”： (1) 从开始菜单启动记事本； (2) 在记事本中输入HTML文档； （3）设置最后在浏览器中显示的文档 文件标题为“我的第一个网页”； (4) 在页面中添加可见文字“我的第一个网页”； (5) 使用记事本菜单“文件”→“保存”，单击“另存为”对话框，在“保存类型”下拉列表中选择“所有文件”，输入“文件名”，然后单击“保存”。点击“保存”按钮，将页面保存到实验文件夹中 实验二 HTML文本格式的应用 【实验目的】 <body>标签设置网页的背景颜色和文字颜色 学习使用分段标签< p></p>;<font>标签设置文字的属性;;，设置横线的属性;。 【实验环境】Windowsxp 【实验要点与难点】掌握字体等常用符号【实验内容】 1、使用简单的内联元素进行文字处理：（1）从开始菜单启动记事本；（2）在记事本中输入HTML文档；（3）设置文档的最终显示标题为“简单文本处理”； (4) 在文档的<body>和</body>之间，插入适当的元素，在最终的网页中显示以下内容： 这是一段文字 这是一段文字©Microsoft® Windows2007A=a1+a2+a3这是一段文字 这是一段文字提示： 1、以上文字不涉及文字字体、大小、颜色的设置，也不居中显示。
2. 对于特殊字符，使用字符实体。 ©©copyright®®注册商标 (5) 在步骤(4)插入的元素后面插入适当的元素，这样就可以在上面显示如下字体大小为5、颜色为黄色、字体为“中国彩云”的样式文本最终网页：这是一段文本（6），后面跟在步骤（5）中插入的元素插入适当的元素大学网站html模板，从而在最终页面上显示以下样式的文本（常规脚本，大小 4，绿色） web page: 这是一段文本 (7) 如果上面每个文本之间没有换行符，则在它们之间插入换行符； (8) 使用步骤1-(5)。 2.用记事本编辑，内容为个人资料信息。 要求：搜索关键词为“个人”、“主页”、“个人资料”大学网站html模板，标题为我的个人资料。 背景为#ff，文字颜色为蓝色，文字需要分段表达。 3、内容是李白的诗《静夜思》。 要求：每行诗为一个段落，四行文字颜色和字体不同。 4.实现如图所示的页面。 5. 实现以下页面。 图片可选，插入背景音乐“”。 6. 实现以下页面。 实验3 HTML超链接的应用【实验目的】，如：<ahref=></a>及相对超链接，如：<ahref=/images/></a>； <区域><地图>； 【实验环境】Windowsxp 【实验要点与难点】掌握超链接HTML常用标签的使用。
【实验内容】 1.用记事本编辑。 要求：网页名称为：超链接练习，使用图片作为背景，但图片是固定的。 合理设置文字的颜色、超链接的颜色。 插入西安工业大学软件学院主页的绝对链接。 2、使用pre-low格式标签输出一段如右图所示的文本，设置页面底部到页面顶部的相对超链接，页面顶部设置相对超链接到底端。 3、实现右图图像图片链接，要求点击各城市对应区域，弹出省政府网站（各市政府网站：如江苏省政府网站： ）实验4：HTML表格和列表的应用及【实验目的】【实验环境】Windowsxp【
