目标:学习制作一个简单的新闻页面效果
一、效果分析:
- 1.新闻标题,一般使用
<h2>
定义- 2.更新的时间以及来源(可以使用段落文本定义)
- 3.分割线,用于正文的分割
- 4.正文,使用段落文本来定义
效果图:
二、样式要求
在分析完常见的新闻页面效果后我们应当对页面的样式做出一些要求
- 标题:使用二级标题居中,字体为“微软雅黑”
- 发布日期:文本居中,文本大小为
2
颜色为特殊的灰色
、蓝色
文本。- 水平线:使用
size
和color
属性来设置宽度和颜色。- 网页正文:网页正文中有两处蓝色的文本
三、具体操作
1、首先打开Dreamweaver2021
2、点击新建,建立一个文档,这里我们选择文档类型为HTML5。建立的时候我们可以在“标题”栏直接定义文档的标题,这里我们就定义文档标题为新闻页面
3、建立完成之后我们就进入到开发页面了。
4、首先我们在<body>
双标签内部嵌套<h2>
定义标题