备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

35个优秀的网站页眉页脚设计案例

2011-09-17 1691
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　页眉在网页的最顶端，通常会放置网站Logo和导航，如今越来越多的网页设计师关注页眉的设计，依靠独特的设计手法，搭配上创意优秀的图片，让网页突破空间界限，给人留下深刻的印象。相对于页眉来说，关注页脚设计的人很少。

　　页眉在网页的最顶端，通常会放置网站Logo和导航，如今越来越多的网页设计师关注页眉的设计，依靠独特的设计手法，搭配上创意优秀的图片，让网页突破空间界限，给人留下深刻的印象。相对于页眉来说，关注页脚设计的人很少。我们平常也能碰到有些网站的底部设计得很漂亮，给网站的呈现来一个完美的结尾。下面与大家分享一组网站页眉页脚设计案例，希望能带给您灵感。

InfinVision

35个优秀的网站页眉页脚设计案例
headfoot04

Dunnellon

35个优秀的网站页眉页脚设计案例
headfoot02

Teixido

35个优秀的网站页眉页脚设计案例
headfoot06

89 Bytes

35个优秀的网站页眉页脚设计案例
headfoot08

Shelly Cooper

35个优秀的网站页眉页脚设计案例
headfoot10

heyIndy

35个优秀的网站页眉页脚设计案例
headfoot12

Bencurious

35个优秀的网站页眉页脚设计案例
headfoot14

Kevin Monger

35个优秀的网站页眉页脚设计案例
headfoot16

MumMade

35个优秀的网站页眉页脚设计案例
headfoot18

Agency Ball

35个优秀的网站页眉页脚设计案例
headfoot20

Bottlerocket Creative

35个优秀的网站页眉页脚设计案例
headfoot22

Amazee Labs

35个优秀的网站页眉页脚设计案例
headfoot24

Plume Creation

35个优秀的网站页眉页脚设计案例
headfoot26

nGen works

35个优秀的网站页眉页脚设计案例
headfoot28

Shawn Johnston

35个优秀的网站页眉页脚设计案例
headfoot30

designzoom.in

35个优秀的网站页眉页脚设计案例
headfoot32

mr. diggles

35个优秀的网站页眉页脚设计案例
headfoot34

Blog.SpoonGraphics

35个优秀的网站页眉页脚设计案例
headfoot36

Tease

35个优秀的网站页眉页脚设计案例
headfoot38

intrepidolive.com

35个优秀的网站页眉页脚设计案例
headfoot40

share some sugar

35个优秀的网站页眉页脚设计案例
headfoot42

Kyle Meyer

35个优秀的网站页眉页脚设计案例
headfoot44

weberica

35个优秀的网站页眉页脚设计案例
headfoot46

Quantify

35个优秀的网站页眉页脚设计案例
headfoot48

Mick Evans

35个优秀的网站页眉页脚设计案例
headfoot50

yumit

35个优秀的网站页眉页脚设计案例
headfoot52

Chipotle

35个优秀的网站页眉页脚设计案例
headfoot54

Stephen Caver

35个优秀的网站页眉页脚设计案例
headfoot56

Catered by Kate

35个优秀的网站页眉页脚设计案例
headfoot58

BBQ War

35个优秀的网站页眉页脚设计案例
headfoot60

Creative Mash

35个优秀的网站页眉页脚设计案例
headfoot62

Gareth Hughes

35个优秀的网站页眉页脚设计案例
headfoot64

Food Curated

35个优秀的网站页眉页脚设计案例
headfoot66

Cheer Up!

35个优秀的网站页眉页脚设计案例
headfoot68

United Pixelworkers

35个优秀的网站页眉页脚设计案例
headfoot70

您可能还喜欢



英文链接：35 Inspiring Headers and Footers

编译来源：梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源

文章标签：
JavaScript
前端开发
秋天风景
目录
相关文章
天行无忌
|
Web App开发 编解码 前端开发
CSS实战 | 磁性页头和页脚的表格制作
表格，是用来展示记录集常用的标签，现如今各种终端设备，大分辨率、小分辨率等等，让表格展现数据变得不那么直观，如表头被滚动条操作移除可视范围导致查看数据不够友好。说到表格数据查看的方便性，大家首先想到的应该是Excel。没错，这里跟大家分享一个操作便捷且直观的响应式表格制作方式，以后在项目中或许能够用上，当然现在很多框架都实现了这样的效果。
天行无忌
156 0
CSS实战 | 磁性页头和页脚的表格制作
会敲代码的_TT
|
2月前
|
前端开发 JavaScript API
不知道怎么显示长标题？这里有小技巧，让你的内容更简洁明了！
欢迎来到前端入门之旅！
会敲代码的_TT
24 0
非常老帅
如何设置RichView导出Html页面的页眉页脚
1、 问题描述 调用RichViewEdit.SaveHTMLToStream的方法可以生成html文件，但是页眉页脚太大，如何在导出之前设置成自己需要的大小呢？ 2、解决办法 在调用这个方法之前，先执行下面的代码 RichViewEdit.
非常老帅
852 0
lzhdim
|
前端开发
如何在网页中制作虚线表格
在制作网页的时候，常常要遇到制作虚线表格的问题，下面的文章就能解决这个问题。 方法一：作一个1X2的图。 半黑半白，再利用表格作成线。这种方法虽然麻烦，但在任何浏览器中均可浏览，兼容性最好。 方法二：在css里面设定。
lzhdim
906 0
awbeci
|
前端开发 视频直播 JavaScript
制作侧边栏显示和隐藏效果
公司最近在做一个视频直播的功能，里面有个页面样式是需要点击收起侧边栏的，整体效果如图： 那么如何制作呢，参考了网上的代码，我发现很简单，下面就是我制作的代码： 返回 ...
awbeci
1505 0
珲yy少
标签之美五——网页表格的设计（二）
标签之美五——网页表格的设计
珲yy少
128 0
标签之美五——网页表格的设计（二）
珲yy少
标签之美五——网页表格的设计（一）
标签之美五——网页表格的设计
珲yy少
110 0
标签之美五——网页表格的设计（一）
珲少
|
Web App开发
标签之美五——网页表格的设计
珲少
1634 0
疯狂的猿
|
3月前
为您的网站添加通用网站底部美化代码
为您的网站添加通用网站底部美化代码
疯狂的猿
43 1
为您的网站添加通用网站底部美化代码
eiceblue
|
C#
C# 如何添加Excel页眉页脚（图片、文字、奇偶页不同）
简介 我们可以通过代码编程来对Excel工作表实现很多操作，在下面的示例中，将介绍如何来添加Excel页眉、页脚。在页眉处，我们可以添加文字，如公司名称、页码、工作表名、日期等，也可以添加图片，如LOGO、标记等，页脚同理。
eiceblue
1861 0

热门文章

最新文章

  • 1
    疑犯追踪第一季/全集Person Of Interest迅雷下载
  • 2
    【直播系列之一】1篇文章看懂峰值带宽、流量、转码、连麦、截图五大直播计费方式
  • 3
    理解事务的4种隔离级别
  • 4
    阿里云网站域名备案流程全过程讲解(图文)
  • 5
    在服务器的raid1中安装windows server系统（踩坑记录）
  • 6
    如何用Vue实现简易的富文本编辑器，并支持Markdown语法
  • 7
    怎么才能快速提高小程序留存率！
  • 8
    程序员请放下浮躁的心
  • 9
    如何解决域中普通用户只限于10台客户机加入域的数量问题
  • 10
    博客园模板 样式优化
  • 1
    未来技术纵横谈：区块链、物联网与虚拟现实的融合与创新
    34
  • 2
    软件体系结构 - 缓存技术（9）缓存穿透
    30
  • 3
    提升Android应用性能的实用技巧
    32
  • 4
    工具变量法(两阶段最小二乘法2SLS)线性模型分析人均食品消费时间序列数据和回归诊断（下）
    32
  • 5
    软件体系结构 - 缓存技术（8）缓存雪崩
    36
  • 6
    软件体系结构 - 缓存技术（7）Redis持久化方法
    36
  • 7
    Python用KShape对时间序列进行聚类和肘方法确定最优聚类数k可视化
    25
  • 8
    软件体系结构 - 缓存技术（6）淘汰策略
    31
  • 9
    基于R语言股票市场收益的统计可视化分析
    34
  • 10
    软件体系结构 - 数据分片（2）一致性哈希分片
    35

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）