1
2
3
4
5
6
7
8
9
10
11

任务2.6 创建综合网页

发布时间:2017-09-25 21:04   发布人:王涛   浏览次数:2840


【任务2-6】创建综合网页0205.html

【任务描述】

    综合应用本单元所掌握的在网页中输入与编辑文本、添加与编辑列表、插入与编辑图像、插入与设置表格等方法创建网页0205.html,在该网页中插入1幅Flash动画。该网页尝试利用CSS样式进行布局,并且尝试利用CSS样式对该网页中的元素进行美化。

【任务实施】

1.创建网页文档且保存。

2.在样式文件global.css中设置标签样式。

   打开样式文件global.css,将光标置于该文件中。

  (1)设置标签body的属性

  (2)设置标签ul的属性

  (3)设置标签img的属性

3.在样式文件help.css中创建多个样式。

  (1)创建样式header

  (2)创建样式help_wrapper

  (3)创建样式logo

  (4)创建样式l_logo和r_flash

   在样式文件help.css中空白处单击鼠标右键,在弹出的快捷菜单中单击菜单命令【CSS样式】→【新建】,如图2-50所示。弹出【新建 CSS 规则】对话框。

4.链接外部样式文件。

5.插入Div标签header 。

6.插入Div标签logo和clear 。

7.插入Div标签l_logo和r_flash 。

8.插入LOGO图像。

9.插入Flash动画。

10.保存网页与浏览网页效果。

    保存网页0205.html,然后按快捷键F12,网页的浏览效果如下图所示。

QQ截图20170927231555.jpg


  • 丁帅 2017-09-28 10:17:00
    老师人很好,讲解清晰。
  • 杨永吉 2017-09-28 10:18:06
    老师讲的很详细
  • 孙科 2017-09-28 10:19:40
    老师讲课生动形象,容易理解。
  • 赵浩权 2017-09-28 10:19:47
    老师讲的很清晰
  • 徐勤翰 2017-09-28 10:20:16
    老师讲课很细致
  • 杨永吉 2017-09-28 10:21:11
    讲课生动形象,容易理解
  • 丁杨 2017-09-28 10:21:27
    简直完美
  • 王超 2017-09-28 10:24:40
    666
  • 杨智杰 2017-09-28 10:26:55
    老师讲的内容非常清晰,很快就学会了,谢谢老师