责任编辑:本站 点击:219 发表时间:2020-09-08
顺德营销型网站首页布局设计介绍
网站的首页是整个网站的门户, 从技术上来说, 基本上完成了首页, 就算完成了静态半的工作, 因为网站首页要实现网站的导航栏, 搭建页面的布局结构, 准备网站的图片, 创建整个网站将要使用的CSS样式。 后续的页面除了进行局部的更改外, 可以复用首页实现的多种效果以便与首页保待统一的页面风格。
1.首页的布局
整个网站在结构上分为如下3个部分。
□ 页头部分: 包含网站的Logo、 导航栏和宣传页区域。
□ 内容部分: 包含首页的内容介绍, 比如显示欢迎信息和热门的房源介绍。
□ 页脚部分: 包含网站的链接和网站的版权信息, 如果进行了网站备案则包含网站 的备案信息。
网站的这3大部分通过HTMLS的语义标签header、 section和footer进行区分,它们
都属千结构化语义元素, 用来定义网站的结构。 下面分别介绍这3个部分的组成结构。
1. 页头部分
页面头部包含了导航栏、 Logo和宣传广告栏, 在标签内部使用了div进行布局,导航栏部分使用 nav语义性标签标识,它标识出该标签内的内容属千页面的导航区域。 header部分的实现。
2.内容部分
内容部分使用section标签,section显示网页上的个块,有自己的标题、页脚及内容区,从布局结构上来说它是个容器,在容器内部可以包含多个article或其他的语义性结构元素。在网站的内容区使用section和article构建主页的内容显示。以section作为主要容器,内部通过多个article来划分不同的文章内容。
3. 页脚部分
页脚部分主要显示页面底部的导航栏和版权信息, 它使用进行标识。
可以看到, 通过标签, 标明这块区域将作为页面的页脚进行显示, 在页脚部分也包含了一个用来进行导航的标签, 同时包含一些版权文字信息, 构成在页面底部显示的页脚栏。
上文整理总结了有关顺德营销型网站首页布局设计的介绍,希望对大家有所帮助