《网页实验内容.docVIP

实验一 HTML语言 一、实验目的 （1）掌握使用文本编辑程序编写HTML文件的方法。 （2）掌握HTML语言基本标记的使用。 （3）掌握利用IE浏览器浏览本地HTML文件的方法。 二、实验内容 实验所用的图片文件和样张存放在CAI3.rar 压缩包的 01文件夹中。 （1）在E盘的根目录下建立一个文件夹，名为“ex3-1-××”（××表示学生卡号。例如，某同学的学生卡号则建立的文件夹名为ex3-1。 （2）利用Windows中的“记事本”程序建立一个HTML文件，文件名为“ex3-1.htm”，并保存在ex3-1-××文件夹下。 （3）设置网页的标题为“HTML语言网页制作”。设置网页背景图片，图片名为“back.jpg”。 （4）如样张所示插入名为“title.jpg”的无边框图片，居中放置。并为此图片设置一个超级链接，链接地址为：“”。同时，在该图片处设置一个名为“top”的目标名。 （5）利用表格标记设置一个一行三列的无框表格，表格的对齐方式为居中，表格宽度为600个像素点。各单元格内容水平、垂直居中，并平均分配各列宽。单元格内容分别为“世博会主题220×118，设置“上海世博会主题”文字为三号、粗体，设置“城市，让生活更美好”文字为红色、五号、粗斜体，右单元格中所有内容居中放置。 ②第二部分为两个表格，第一张表格为一行一列无框表格，表格的宽度占浏览器宽度的100%。表格中内容来自文件“history.txt”，文本标题格式为绿色、五号、粗体、居中，正文格式为三号、粗体，同时在标题处设置名称为“history”的书签。再插入一张一行六列的表格，边框线宽度为1个像素点，表格的宽度占600像素，表格居中放置。如样张所示输入表格中内容，水平垂直放置，并设置格式为三号、粗体，同时平均分布各列。最后，分别在文字处插入超链接，分别链接到图片文件“1851.jpg”、“1876.jpg”、“1904.jpg”、“1958.jpg”、“1970.jpg”。 ③第三部分表格为两行两列无框表格，表格的宽度占浏览器宽度的100%，其中第一行单元格所跨的列数为2，第一行单元格内容来自文件“china.txt”，文本标题格式为绿色、五号、粗体、居中，正文格式为三号、粗体，同时在标题处设置名称为“china”的书签。如样张所示输入第二行单元格中内容，水平垂直放置，并设置格式为三号、粗体，同时平均分布各列。最后，分别在文字处插入超链接，分别链接到图片文件“image01.jpg”、“image02.jpg”。 （8）如样张所示，在每张表格的下方插入文字“top”，居中放置。并分别对“top”文字设置超链接，链接到本网页中定义的目标名为“top”的位置处。在文字下方插入文件名为“bd01.gif”的分割线。 （9）对水平线上方表格中的内容分别设置超链接，分别转到本网页中定义的目标名为“topic”、“history”、“china”的位置。 （10）如样张所示插入粗斜体文字“与我联系：”和名为“emailed.gif”的无边框图片，并对图片设置一个超链接，链接到的电子邮件地址为：jszx@。 （11）保存网页，并通过浏览器检验结果。 三、思考题 1. 简述HTML超文本语言的特性。 2. HTML语言标记的种类及其应用特点。 3. 通过哪两种方法可以指定被引用的图片文件所在的位置？ 4. 怎样实现同一网页间的超链接？ 5. 怎样在一张图片处既设置超链接，又设置目标名？  实验二 CSS概述link type=text/css rel=stylesheet media=all href=mycss.css / （5）打开mycss.css，在里面写上如图mycss1.jpg的内容，然后保存。 （6）打开CssTest.html，在里面写上如图CssTest.jpg的内容，然后保存。 （7）然后使用浏览器打开CssTest.html，看看用mycss.css样式表控制的页面效果，如图xiaoguo.jpg。 三、思考题 1．什么是样式表的继承性标记符标记标记标记标记 实验三 Dreamweaver网页制作之一（基础） 一、实验目的 （1） 熟悉Dreamweaver 8的启动与退出熟悉Dreamweaver 8的界面布局和工作环境了解Dreamweaver 8的参数设置方法在网页中输入文本掌握页面属性的设置方法在文档窗口中视图查看。#FFFFCC”，设置单元格中内容水平垂直居中。表格中文字字体为“华文宋体”，第一行文字大小24像素、粗体，其余文字18像素，第一列文字粗体。表格样式如样张所示。表格创建完毕，保存网页文件“dianhua.html”。在浏览器窗口中预览该文件，查看网页的实际效果。 部门名称 办公地