网页制作实验指导书.doc

网页制作实验指导书 实验 一、创建一个HTML文件实验目的1掌握使用记事本进行HTML文件编写的过程。 2掌握HTML基本标记的使用。 3掌握文档格式化常用标记的使用。 4掌握在网页中加入图像的功能实现。 实验内容1.开始菜单启动记事本；2.记事本中，录入一个最简合法HTML文档；3.该文档最终显示标题为“简单文字处理”；（提示最简合法HTML文档必须包含的元素有html、head、title、body。 ）4.在文档的和之间，插入适当元素使最终网页中显示以下内容这是一段文本这是一段文本?MicrosoftA=a1+a2+a3这是一段文本这是一段文本注以上文字不涉及到文字字体、大小、颜色的设置，且并不居中显示。 提示对于特殊字符，要使用字符实体。 5.紧接着步骤4插入的元素插入适当元素，使得最终网页上可以显示字号为 5、颜色为红色、字体为“华文彩云”的下列样式文字?Windowsxx这是一段文本6.紧接着步骤5插入的元素插入适当元素，使得最终网页上显示下列样式的文字（隶书、4号、绿色）这是一段文本7.如果以上的每条文本之间没有换行，则在它们之间分别插入一个换行；使用步骤1-7中的方法保存当前HTML文档为simpleinline.htm。 8.新建一个网页，网页名字存为anchor.html在网页中创建超级链接，设置该文档最终显示标题为“HTML中的超级链接”；9.插入一个可以到达保存的simpleinline.htm的超级链接，单击链接在自身窗口中打开该文件；10.在网页中插入一个电子邮件链接。 11.在网页中添加HTML列表 （1）从开始菜单启动记事本； （2）在记事本中，录入一个最简合法HTML文档； （3）设置该文档最终显示标题为“HTML列表”； （4）在文档的和之间，插入适当元素使最终网页中显示以下内容12.保存当前HTML文档为htmllist.htm。 13.编写网页（image.html）,并在其中创建一个图片链接，必须满足如下要求a)图片文件名为trees.jpg，和代码文件处于同一目录中；b)链接到的文件为同目录下的expl.html文件；x+c)expl.html文件中有公式ayy+212d)e）图片宽度固定为300像素，高度固定为200像素；实验条件一台pc机，记事本软件实验课时4课时实验要求1.按照要求编写网页。 图片加宽度为2像素的边框；1.2.3.4.网页设计基础概述HTML4.01CSS Javascript?J.C.R LickliderLarry RobertsTim Berners-Lee?实验 二、HTML中使用表格实验目的1.2.3.掌握基本表格标记的使用；掌握表格格式的设置；掌握高级表格标记的使用；实验内容1.编写网页（2-1.html）,高级表格应使用到标题、行编组、列编组a)按照以下属性设置创建如下图所示的表格i.表格边框宽为5像素；ii.表格的背景颜色值为#999933；iii.第一行的背景颜色与其他行不同，其值为#0066FF；iv.单元格内容的对齐方式按图中所示来设置；b)c)为表格添加一个标题“班级列表”，并把它置于表格底部；设置表格的宽度为width=80%，并把该表格置于浏览器窗口的中间。 然后为整个表格、表格的第二行和第二行的第一个单元格分别设置不同的颜色；为表格的第二行的第一个单元格加入一张图片；把单元格的对齐方式设置为right；加入语句cellspacing=5和cellpadding=10，修改表格边框为0，并加入高级表格标签使上面的表格变成如下图所示。 d)e)f)2.使用表格编写网页(2-2.html)，效果如下图实验条件一台pc机，记事本软件实验课时4课时实验要求1.按照要求编写网页；2.按照指定的格式完成实验报告（在课件中下载计算机类课程实验报告模板，完成后上传至相应位置）。 实验 三、HTML中框架布局实验目的1.2.3.熟悉框架的概念。 掌握HTML中设计框架的方法以及所使用的标记。 掌握框架的格式化。 实验内容1编写网页（3-1.html）a)创造一个带有两个水平框架的主页面。 第一个框架的高度是100像素值，第二个框架进一步地分成两个垂直的框架。 第一个垂直的框架宽150像素。 顶部框架为横幅框架，左边的框架为导航框架，右边的框架为内容框架。 导航链接为某书的各章标题，包含不同的链接。 这些链接的目标框架为内容框架。 内容框架的初始内容为第6章开始的内容页面，其他页面可以自由指定。 以上框架需包含如下特征i.横幅框架没有滚动条；ii.整个页面没有框架边界；iii.为没有框架功能的浏览器使用可选文本。 加入5像素的灰色框架边界；同样在第6章页面中使用marginwidth=20和marginheight=5。 拖动框架边界来观察效果。 然后使用noresize属性来防止改变框架大小；在内容框加中使用内嵌框架，输出结果应如下图所示。 b)c)d)实验条件一台pc机，记事本软件实验课时2课时实验要求1按照要求编写网页；实验 四、HTML中使用表单实验目的1.2.3.掌握表单元素标记的使用。 掌握表单标记的访问控制。 掌握表单的设计方法。 实验内容1编写网页（4-1.html），按以下要求设计表单，完成后如下图所示a)在六个复选框中，All所对应的复选框为默认选项；b)姓名，地址和城