新闻资讯
新闻资讯
当前位置:首页 - 新闻资讯

顺德营销型网站首页布局设计介绍

责任编辑:本站 点击:13 发表时间: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. 页脚部分

  页脚部分主要显示页面底部的导航栏和版权信息, 它使用进行标识。

  可以看到, 通过标签, 标明这块区域将作为页面的页脚进行显示, 在页脚部分也包含了一个用来进行导航的标签, 同时包含一些版权文字信息, 构成在页面底部显示的页脚栏。

      上文整理总结了有关顺德营销型网站首页布局设计的介绍,希望对大家有所帮助


  • 在线咨询
  • 咨询电话
  • 返回顶部
  • 400-699-2238
    13322823721