上机实践

  • 格式:doc
  • 大小:3.54 MB
  • 文档页数:23

第4章上机实践

1、首先创建本地站点

2、接着我们把背景图像保存到我们的站点去

3、新建一个网页

4、保存一下我们新建的网页,位置为我们的站点。

5、接着我们来设置一下页面,网页标题为“制作简单网页”,其次再让我们的背景图像,字体的大小、颜色、对齐方式等等。达到美观效果。

6、接下来,我们把文字输入进去

7、好,我们一段段的来,慢慢的把版面弄的美观,首先第一段,通过下面属性栏更改属性变为

8、在第一段下面添加一条水平线

9、接下来我们把第二段添加项目列表

10、第三段添加编号列表

11、在第三段又添加一条水平线

12、我们把第1条水平线变更以下,以达到更美观的效果

13、添加日期

14、添加版权信息

15、添加关键字

16、我们去预览一下最后得到的效果

第5章上机实践

1、首先建立3个空白HTML文档,分别为index.html、libai.html、tianmu.html。

2、在index.html输入文本,选中【诗人小传】进行超级链接,在超级链接属性中的“链接对话框”选中index.html文件,在“目标”拉选为_blank,因为实验是要求在新的IE窗口中打开,“标题”中写提示性文本即可。

3、接下来我们做下index.html页面倒数第一行与倒数第二行的超级链接,且这两行都链接到tianmu.html页面。

4、双击libai.html打开,把文本粘贴进去,再进一步设置好视图,根据自己的喜好去。

5、同样,也把tianmu.html的文本设置好,按照效果图去排版,切在最后一行添加文本段落“返回页面顶部”。

(1)、在文字“梦游天姥吟留别”出只做锚点“tianmu”

(2)、在文字“长干行”添加锚点“changganxing”

(3)、选中文本中的“返回页面顶部”,设置器连接到锚点“tianmu”。

6、打开index.html,选中超级连接“长干行”,在“属性”选项中将其“连接”输入栏中增加“#changganxing”。最终,超级连接“长干行”连接为“tianmu.html#changganxing”。

7、在游览器中预览

第六章

1、在网页中使用图像,江要使用的图片复制到站点文件夹中。

2、插入图像,创建图像热点区域。

3、在文本中输入文字,设置文本的属性。

4、插入图像混排效果。

第七章

1、插入表格,选择“插入”→“表格”。

2、在表格中输入“行:3,列:4,表格宽度:500像素,边框粗细:1像素,

单元格边距:1像素,单元格间距:1像素;页眉选择第三个—顶部”

3、在表格第一行输入:学号、语文、数学、总分

在表格第二行输入:1001、87、85、172

在表格第三行输入:1002、82、67、148

4、选择“命令”→“格式化表格”,在对话框中选择“AltRows:Green&Yellow”,行颜色

改为第一种:#FFCC33,第一行背景色改为:#999999,其他不变。

5、选择表格的每一列,宽度设为100像素,高100像素,水平:居中,垂直:居中。

6、选择“命令”→“排序表格”,排序按“列4”,顺序“数字排序”,“降序”。

7、保存,按F12游览

第八章

1、首先要切换到“布局”模式下。

2、选择布局表格和布局单元格按钮分别绘制布局表格和布局单元格。

3、在单元格输入文字。 4、嵌套表格。