安康市城乡建设规划局 网站,张掖网站建设培训,wordpress商城源码,四川手机响应式网站建设设计新闻每天都在更新#xff0c;那网页上的新闻页面是怎么使用Dreamweaver制作的#xff1f;
新闻有很多种#xff0c;但大多数结构都差不多#xff0c;我们就先做一个简单的新闻页面#xff0c;如图1中画圈圈的新闻内容。 图1
案例实现
新闻页面一般由四个部分构成#…新闻每天都在更新那网页上的新闻页面是怎么使用Dreamweaver制作的
新闻有很多种但大多数结构都差不多我们就先做一个简单的新闻页面如图1中画圈圈的新闻内容。 图1
案例实现
新闻页面一般由四个部分构成分别为标题、发布日期、水平线和网页正文。其中标题使用h2标签定义发布日期和网页正文用p标签定义水平线用hr/标签定义。样式分析 1标题因为图中标题是文字靠左因此h2标签不需要添加align属性因为不添加的话默认文本是靠左的。但h2标签中要嵌套font标签添加字体即face”微软雅黑”,用于设置标题文本的特殊字体。 2发布日期因为图中字体向左靠拢因此也不需要添加align属性只需要添加文本的字体即face”微软雅黑”。观察可以发现日期的颜色不一样因此还需要在添加一个font标签来控制文本颜色。 3水平线图中水平线比较浅但还是有。我们可以使用hr/标签中的size、color属性来控制水平线的粗细和颜色。 4网页正文图上并没有做过多的修饰只是把文字叙述出来因此我们只需要一个p标签就可以了。 3.开始搭建网页结构 我们已经分析了新闻页面的样式但是需要注意一点我们可以发现网页中文本之间会有距离网页中表示空格的代码之一是nbsp;。因此我们只要在想要文本输入nbsp;保存刷新就会出现空格了。现在我们开始写代码写完代码后如图2. 图2 保存并浏览如图3. 图3
二以上就是网页上新闻页面用Dreamweaver制作的内容了。