失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 【网页设计自习室#002】网站页面基本布局与结构

【网页设计自习室#002】网站页面基本布局与结构

时间:2024-06-24 18:54:27

相关推荐

【网页设计自习室#002】网站页面基本布局与结构

一.网站中基础概念

1.域名

1.1域名解析

http:

http:超文本传输协议

www:万维网

:顶级域名,二级域名等子域名,唯一的存在

https:经过高级加密的网页

为百度的一级(顶级)域名

为百度的二级域名

xxx.为百度的三级域名

以此类推

1.2域名分类

.com 商业公司

.edu 教研机构

.gov 政府部门

.net 网络服务商

.org 非营利组织

.ac 科研机构

.cn 中国

.uk 英国

可以通过(阿里云万网)来查询域名是否被注册

2.网站中的硬件

虚拟主机:类似于我的世界服务器

服务器: 拥有小规模主机处理器

服务器集群:大型数据处理,需要专用场地用于散热

二.网页的结构

2.1基本页面展示

以戴尔官方为例

2.2 header头部区域基本布局

Logo往往放在头部区域的左边,也有放在中间的创新案例

2.3 banner

2.3.1 banner基本概念

banner:广告图,也叫焦点图

基本尺寸:1920px*1200px ,高度随实际需求而定

banner主要作用是宣传展示,增加用户点击率,带来商业转化

可通过搜索百度统计—footer中流量研究院—分辨率,可查看尺寸流量占比

2.3.2banner的组成

banner主要由背景,文案,产品,模特,点缀物组成

banner构图方法:左右构图,三角构图,中轴构图,上下构图,倾斜构图

2.4 main内容

主打本产品详细信息,用户交互主要区域等详细展示

2.5 footer内容

主要存在快速导航,版权信息,技术支持(二维码 联系方式 友情链接 分享图标)

三.常见页面布局

国字型布局

T字型布局

左右布局

上下布局

标题正文型布局

三字型布局

3.1国字型布局

3.2 T字型布局

3.3 左右布局

3.4上下布局

3.5标题正文布局

3.6 三字型布局

如果觉得《【网页设计自习室#002】网站页面基本布局与结构》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。