1
2
3
4
5
6
7
8
9
10
11

任务2-1 新建网页文档与设置页面属性

发布时间:2017-09-22 16:42   发布人:唐海和   浏览次数:3044

【任务2-1】新建网页文档与设置页面属性

【任务描述】

(1)新建一个网页文档,保存在文件夹“2-1”中,命名为“0201.html”。

(2)网页的“外观”属性设置要求如下:网页的“页面字体”设置为“宋体”。“大小”设为“12px”;“文本颜色”设置为“#333”,“背景颜色”设置为“#ccf2f1”;“左边距”和“右边距”设置为“30px”,“上边距”和“下过距”设置为“10px” 。

(3)网页的“标题”属性设置要求如下:网页的标题字体设置为“黑体”,标题1的大小为“24px”,颜色为“#0000ff”;标题2的大小为“18px”,颜色为“#ff00ff”;标题3的大小为“14px”,颜色为“black”。

(4)网页的“标题/编码”属性设置要求如下:网页的标题设置为“标准快递 - 配送方式 - 帮助中心 - 易购网”,文档类型为“XHTML 1.0 Transitional”,编码为“简体中文(GB2312)”。

 【任务实施】

1.创建网页文档且保存

2.打开【页面属性】对话框

3.设置“外观”属性

  (1)在【页面属性】对话框左边“分类”列表中选择“外观(CSS)”。

  (2)设置页面字体。

  (3)设置页面字体大小。

       从字体大小列表框中单击选择12,其单位为“像素(px)”。

  (4)设置网页的文本颜色。

  (5)设置网页的背景颜色。

  (6)设置页面边距。

4.设置“标题”属性

  (1)打开【页面属性】”对话框,左边“分类”列表中选择“标题”。

  (2)在“标题字体”列表框中选择“黑体”, 如果字体下拉列表框中没有列出所需的字体,可以单击列表框中的最后一项“编辑字体列表…”,添加所需的字体。

  (3)在“标题3”的“大小”列表框中选择“14”,单位默认为“像素(px)”,颜色文本框中输入“black”。

5.设置“标题/编码”属性

  (1)打开【页面属性】对话框,左边“分类”列表中选择“标题/编码”。

  (2)在“标题”文本框中输入“标准快递 - 配送方式 - 帮助中心 - 易购网”。

  (3)在“文档类型”列表框中选择“XHTML  1.0 Transitional”。

  (4)在“编码”列表框中选择“简体中文(GB2312)”,将网页的文字编码设置成中文。

6.保存网页的属性设置

            单击“标准”工具栏中的【保存】按钮或【全部保存】按钮,保存网页的属性设置。




  • 赵浩权 2017-09-28 10:13:53
    老师讲的清晰明了,让我理解的更全面!
  • 杨永吉 2017-09-28 10:15:11
    清晰明了,易于理解
  • 毕洁壮 2017-09-28 10:15:46
    唐老师讲课清晰明了,很容易就掌握了。
  • 徐勤翰 2017-09-28 10:15:48
    楼上说得对,很透彻
  • 秦瑶 2017-09-28 10:17:56
    楼上都是精辟
  • 丁杨 2017-09-28 10:18:27
    思路清晰,简单易懂
  • 张传坤 2017-09-28 10:20:10
    老师讲的清晰易懂,非常喜欢
  • 付志芳 2017-09-28 10:21:00
    老师讲课很随和幽默,这极大的带动了我们学习的积极性
  • 刘志才 2017-09-28 10:23:25
    内容详细 又复习了一遍
  • 高硕 2017-09-28 10:24:57
    易懂,谢谢老师