网页组成结构

一、网页页面组成结构

页面主要分为四个部

1、Header头部区

内容：logo、导航条(横向导航、纵向导航、折叠导航等。。）。

2、Banner

内容：PC端、移动端广告图，也叫焦点图。
设计尺寸:宽: 1920px
高度随实际需求而定:一般是480- 600px之间
Banner的作用: 宣传展示、可点击，带来商业转化率(给企业和个人带来利益)### 3、Main内容区域。
Banner的组成：背景、文案、产品或模特、点缀物。
Banner的常见图格式：中轴构图、上下构图、左右构图、三角构图
Banner的设计原则：近大远小、近宽远窄、近实远虚
Banner最好结合当时热点。

3、Main内容区域

网站主要类

4、Footer底部区域

5、网页的分类

1.功能性网页
2.形象型网页
3.信息型网页

二、网站的组成

主要内容：代码、服务器、域名

域名组成：

域名后缀：

总结

本文主要概括讲了网页网站的组成。网页：Header头部区、2：Banner、Main内容区域、Footer底部区域。网站：代码、服务器、域名。本文为纯手写，借用网课图片（如有雷同请联系博主商量事宜）。

设计篇-网页设计的组成相关推荐

web课程设计网页规划与设计：网页设计——在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业...
web课程设计网页规划与设计 :网页设计--在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
web课程设计网页规划与设计：网页设计——在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业
web课程设计网页规划与设计 :网页设计--在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
99套经典网页设计模版网页设计模板学习网页制作
99套经典网页设计模版网页设计模板学习网页制作下载地址:http://download.csdn.net/detail/mekeji99886/7562211
简单的html多页面设计,简洁网页设计的6种方式
简洁网页设计的6种方式简洁的网站设计一直是近年来网站设计网页设计的趋势但是简洁并不意味着极简主义,网站设计师在进行简洁网站设计时要做到简洁而不简单.简洁的网站设计是去掉了网页中多余的内容和设计,并将 ...
UI设计和网页设计如何做好？
随着目前人们对于UI设计融入网页设计的要求越来越高,很多网页设计的风格也变得不一样.一个优秀的网页究竟要进行怎样的UI设计?一个网页究竟怎样设计才能配得上精美两个字呢?苏州学码思小编就带一起来学习一下 ...
HTML5期末大作业：动漫网站设计——电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载
HTML5期末大作业:动漫网站设计--电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载常见网页设计作业 ...
【HTML】HTML网页设计----非遗网页设计
1.引言设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决的问题,在微信 ...
php网页设计心得,网页设计心得体会
范文参考网最近发表了一篇名为<网页设计心得体会>的范文,觉得有用就收藏了,这里给大家转摘到范文参考网. 网页设计心得体会 ??本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生 ...
qq空间网页设计_网页设计中负空间的有效利用
qq空间网页设计 Written by Alan Smith 由艾伦·史密斯 ( Alan Smith)撰写 Negative space is a key design element that y ...

设计篇-网页设计的组成