资讯区域Word文档格式.docx

资讯区域Word文档格式.docx

《资讯区域Word文档格式.docx》由会员分享，可在线阅读，更多相关《资讯区域Word文档格式.docx（9页珍藏版）》请在冰豆网上搜索。

1、Fireworks打开图像

指针工具，选中资讯

插入矩形切片，导出所选切片newsh2.jpg

指针工具，选中more>

插入矩形切片，导出所选切片more1.jpg

建议：

下面每做一步，F12预览

2、资讯区域的标题

Index.html中，

在<

divid="

news"

>

<

/div>

标签中插入h2代码

3、标题样式设置

新建CSS规则#content#newsh2

高度19内外边距0

背景图片newsh2不重复

4、more图片

h2>

/h2>

标签中插入more图片

5、more图片样式设置

新建CSS规则#content#newsimg

图片右浮动

6、文字列表

标签后面插入ul标记

7、文字列表样式设置

新建CSS规则#content#newsul

列表符号去掉

外边距0

内边距：

上10左20

新建CSS规则#content#newsli

高度20

行高25文本颜色#333

下划线虚线1#999

8、文字列表符号

ul>

标签中的每个<

li>

中

光标定位文字前面，添加圆点

文字前添加日期，将日期放在em标记中

7、日期样式设置

新建CSS规则#content#newsem

倾斜改正

右浮动

高20

去掉news、content的背景颜色

最后预览效果如下：

作业：

1.将列表中文字设置超链接，写出对应的html代码。