无懈可击的Web设计:使用HTML 5和CSS 3提高网站的灵活性与适应性(第3版)

news/2024/5/9 5:59:58/文章来源:https://blog.csdn.net/weixin_34253539/article/details/86058044

《无懈可击的Web设计:使用HTML 5和CSS 3提高网站的灵活性与适应性(第3版)》
基本信息
原书名:Bulletproof Web Design:Improving flexibility and protecting against worst-case scenarios with HTML5 and CSS3, Third Edition
原出版社: New Riders Press
作者: (美)Dan Cederholm [作译者介绍]
译者: 马跃
出版社:清华大学出版社
ISBN:9787302283379
上架时间:2012-5-11
出版日期:2012 年5月
开本:16开
页码:264
版次:1-1
所属分类: 计算机 > 软件与程序设计 > 网络编程 > HTML

 



更多详情 》》》《无懈可击的web设计使用html 5和css 3提高网站的灵活性与适应性(第3版)》
内容简介
计算机书籍
   无论一个网站的外观多么时尚华美,内容多么丰富多彩,如果不能为最广泛的用户群所用,就算不上真正成功的网站。web设计大师dan cederholm的经典著作《无懈可击的web设计(第3版)》将指导您采用标准设计策略来满足各类用户的需要。每章首先列举一个沿用传统html技术 的实例,然后指出该实例的局限性,并利用html和css对其进行重构。从中您将学会如何用简洁高效的html标记和css来取代臃肿的代码,从而创建加 载速度极快、能供所有用户使用的网站。本书最后将前面各章讨论的所有页面组件珠联璧合地结合在一起,制作了一个页面模板。这个全新版本全面润色和更新了第 2版的内容,介绍了css3和html5方法,并重新设计了“新响应设计”等多个案例。
  《无懈可击的web设计使用html 5和css 3提高网站的灵活性与适应性(第3版)》主要内容
  用关键宇、百分比和em来设定页面文字大小,提高用户的可控性
  规划如何纵向扩展水平方向的页面组件
  通过浮动实现栏式效果
  确保页面内容在图片或css缺失的情况下仍然易读
  将外观从数据表格中分离出来,再用css重新定义
  使用html5和css3一点点地改进设计效果
目录《无懈可击的web设计使用html 5和css 3提高网站的灵活性与适应性(第3版)》
第1章 灵活的文字1
1.1 常见的方法3
1.2 为什么这样设计不是无懈可击的4
1.3 权衡我们的选择6
1.4 无懈可击的方法7
1.5 为什么这样设计是无懈可击的9
1.6 接下来的操作9
1.7 结合使用关键字和百分比值13
1.8 通过em实现灵活的文字18
1.9 rem单位19
1.10 本章小结21
第2章 可伸缩的导航栏23
2.1 常见的方法24
2.2 为什么这样设计不是无懈可击的 26
2.3 无懈可击的方法 27
2.4 为什么这样设计是无懈可击的 36
2.5 使用css 3渐变而不使用图片实现 37
2.6 通过em来实现 40
2.7 其他示例 42

.2.8 本章小结 45
第3章 可扩展的行47
3.1 常见的方法 48
3.2 为什么这样设计不是无懈可击的 50
3.3 无懈可击的方法 51
3.4 为什么这样设计是无懈可击的 64
3.5 通过border-radius实现 66
3.6 另一个自适应扩展例子 68
3.7 本章小结 72
第4章 巧妙的浮动效果73
4.1 常见的方法 75
4.2 为什么这样设计不是无懈可击的 76
4.3 无懈可击的方法 77
4.4 为什么这样设计是无懈可击的 107
4.5 本章小结 108
第5章 牢固的方框109
5.1 常见的方法 111
5.2 为什么这样设计不是无懈可击的 113
5.3 无懈可击的方法 114
5.4 为什么这样设计是无懈可击的 119
5.5 通过css 3实现 120
5.6 其他圆角实现技术 124
5.7 框提示 132
5.8 本章小结 138
第6章 页面在缺失图片或css的情况下仍然易读139
6.1 常见的方法 140
6.2 为什么这样设计不是无懈可击的 143
6.3 无懈可击的方法 144
6.4 为什么这样设计是无懈可击的 146
6.5 使用样式或禁用样式 148
6.6 常见的方法 149
6.7 无懈可击的方法 150
6.8 dig dug 测试 152
6.9 无懈可击的工具 153
6.10 本章小结 162
第7章 可转换的表格 163
7.1 常见的方法 164
7.2 为什么这样设计不是无懈可击的 166
7.3 无懈可击的方法 167
7.4 为什么这样设计是无懈可击的 186
7.5 本章小结 187
第8章 流动布局和弹性布局 189
8.1 常见的方法 190
8.2 为什么这样设计不是无懈可击的 192
8.3 无懈可击的方法 194
8.4 为什么这样设计是无懈可击的 223
8.5 基于em的布局 224
8.6 本章小结 231
第9章 构成一个整体 233
9.1 目标 234
9.2 为什么这样设计是无懈可击的 235
9.3 构建过程 240
9.4 本章小结 264
本图书来源 :中国互动出版网

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_754444.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

电商网站中购物车功能模块完善

主要有两方面的问题: 1、登录状态下添加商品到购物车 此时购物车是对应一个用户,很简单,就是将商品的数据插入数据库中即可,但是如果读写频繁的时候,就存在压力问题,此时我们可以使用Redis担任读的部分功能…

thinkphp5项目--企业单车网站(八)(文章板块要点)(删除图片)

thinkphp5项目--企业单车网站(八)(文章板块要点)(删除图片) 项目地址 fry404006308/BicycleEnterpriseWebsite: Bicycle Enterprise Websitehttps://github.com/fry404006308/BicycleEnterpriseWebsite 一、…

云计算及其对您的SEO的影响

云计算及其对您的SEO的影响 互联网对商业世界的影响不容低估,经常使用“革命化”和“提升”等词语来描述当前的气候。过去三十年来,企业逐渐适应互联网,并在网上开展越来越多的业务。互联网技术的进步使得企业竞相跟上,以便他们能…

网站另类推广玩法心得

互联网营销,越来越多的个人或是企业希望通过网上营销将自己的产品或服务推广出去,但是这些站的具体运营呢,多数仅仅停留在把站做起来,而没有太好的推广手段,而如何有访问呢?人们首先想到的就是 SEO,因为通…

HTML易烊千玺网页,易烊千玺弟弟破世界纪录,被扒两天就被人打破,认证网站遭质疑...

近日,世界纪录认证WRCA网站宣布易烊千玺的弟弟易烊昱华成功创造了一个新的世界纪录。在今年八月,易烊昱华以1分50秒66的成绩完成了2个二阶魔方的还原,是世界上完成这个挑战的最小年龄纪录保持者。易烊千玺的亲弟弟虽然还只是一个素人&#xf…

服务器稳定性和seo有什么区别,服务器稳定性对seo有那些帮助

原标题:服务器稳定性对seo有那些帮助一、网站经常性打不开,流量损失大经过努力SEO优化之后,很多关键词都优化上来了,但是用户进来之后发现网站打不开,于是随手就关掉了,一个个精准的流量就这样白白损失掉了…

服务器做网站空间,服务器做网站空间

服务器做网站空间 内容精选换一换本节介绍使用华为云Web应用防火墙(Web Application Firewall,WAF)保护Web服务,且网站域名解析至中国大陆节点服务器的备案场景。如图1所示。① 企业将网站域名(www.example.com)添加至WAF控制台,接入WAF&…

网站攻防之CSRF和XSS跨站脚本攻击

进入正题之前,先扯一番:黑客本义并非某些人以为的利用网络干坏事的人,刚开始或者说现在的很多,黑客是以技术大牛的形式存在的,也就是在网络领域有一门专场的牛人。有些黑客不干坏事而是干好事,比如利用网站…

用Pelican+Github搭建个人博客网站

Title: 用PelicanGithub搭建个人博客网站 Date: 2017-06-4 19:13 Category: 技术博客 Modified: 2018-10-11 19:03 Tags: 博客网站 Slug: pelican-build-site Authors: Victor Lv Summary: 用PelicanGithub搭建个人博客网站 创建仓库 在github上创建一个username.github.io的…

如何在linux上运行asp网站,linux上搭建asp网站

1、需要安装一些依赖包yum –y updateyum -y install gcc gcc-c bison pkgconfig glib2-devel gettext make libpng-devel libjpeg-devel libtiff-devel libexif-devel giflib-devel libX11-devel freetype-devel fontconfig-devel cairo-devel2.centos6.5上(尽量不要去更改包的…

网站的 计算机主机作用是什么意思,前端主机是什么 前端主机功能介绍【图文】...

前端主机,前端主机是什么意思随着控制、计算机、通信、网络等技术的发展,计算机控制的形式已逐步从单机控制发展成多机控制,并进一步出现了集检测、控制、管理于一体的计算机控制网络,即分布式控制系统(Distributed Control System)。这类系统一般由两级计算机组成:上位机和前端…

html超链接自动跳转,超链接是什么(一打开网页就跳转另一个网站)

超链接标签指的是点击它会跳到html页面内指定的位置或者打开另外一个指定的网页,有这样效果的标签我们就称为超链接标签。在现实中用得最多的有超链接功能的就是a标签,在讲它的应用之前,我们先来讲一下html标签的属性问题。细心的朋友已经发现…

tocat服务器怎么登陆网站,如何登陆tomcat服务器配置

如何登陆tomcat服务器配置 内容精选换一换华为云帮助中心,为用户提供产品简介、价格说明、购买指南、用户指南、API参考、最佳实践、常见问题、视频帮助等技术文档,帮助您快速上手使用华为云服务。本节介绍如何查看云服务器的mac地址。云服务器的mac地址…

有多个script怎么放一起_恶意镜像是什么?自己网站恶意镜像该怎么处理?

如果你将seo优化来到一定的水平,网址具备了一定的权重时一般就会出现网址被他人故意镜像系统的状况。什么叫故意镜像系统?故意镜像系统,也叫故意复制,故意分析,是指很多人 根据网站域名A记录马上分析别人ip详细地址,从…

laravel count 按一个字段去重_网站漏洞测试与修复漏洞Laravel框架

Laravel框架是目前许多网站,APP运营者都在使用的一款开发框架,正因为使用的网站较多,许多攻击者都在不停的对该网站进行漏洞测试,我们在对该套系统进行漏洞测试的时候,发现存在REC漏洞.主要是XSRF漏洞,下面我们来详细的分析漏洞,以及如何利用,漏洞修复等三个方面进行全面的记录…

csrf在web网站中有多重要

小弟是学python的,今天在上网时看到一个商城网站,正好昨天学到了CSRF跨站请求,就对这个商城网站进行了一波测试 可以看到网页布局做的还是很不错的,然后进入了注册页面看看 之后就开始测试了 正常请求是返回上面这串json 然后用po…

dw网页制作入学教程_个人网页制作教程,四个步骤快速建站

随着各种网页制作工具的普及,现在不懂技术的个人也能顺利建站了。不过使用网页制作工具虽然简单,但仍有很多细节需要注意,并且要遵循一定流程。那么个人究竟该如何建站呢?下面就给大家详细科普下个人网页制作教程:第一…

更新网站 图片缓存_一个大型网站的技术架构是这样建成的

1.前端架构前端指用户请求到达网站应用服务器之前经历的环节,通常不包含网站业务逻辑,不处理动态内容。浏览器优化技术并不是优化浏览器,而是通过优化响应页面,加快浏览器页面的加载和显示,常用的有页面缓存、合并HTTP…

tdk怎么设置_壹起航:怎么做好网站SEO优化,这几大步骤要掌握

网站SEO优化目的就是提高搜索引擎上的排名,从而达到直接销售产品或者企业品牌推广的作用,保障企业通过互联网服务获得足够的利润。接下来,跟随壹起航一起来了解一下SEO优化的步骤是怎样的吧。网站TDK的确定网站TDK就像我们班的名字和数量&…

这五个我珍藏的编程网站,你可千万别错过了

大家好,我是鱼皮,今天给大家推荐几个最近非常流行的编程网站,相信能够帮助大家提高编程效率、更好地学习编程。 热门编程网站推荐 Codepen 演示视频:还用代码画圣诞树?这个网站直接白给!前端程序员必备在线…