责任编辑：本站 点击：50 发表时间：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. 页脚部分
页脚部分主要显示页面底部的导航栏和版权信息， 它使用进行标识。
可以看到， 通过标签， 标明这块区域将作为页面的页脚进行显示， 在页脚部分也包含了一个用来进行导航的标签， 同时包含一些版权文字信息， 构成在页面底部显示的页脚栏。
上文整理总结了有关顺德营销型网站首页布局设计的介绍，希望对大家有所帮助
