Learning Web Design

Learning Web Design pdf epub mobi txt 电子书 下载 2026

出版者:O'Reilly Media
作者:Robbins, Jennifer Niederst
出品人:
页数:624
译者:
出版时间:2012-8-24
价格:USD 49.99
装帧:Paperback
isbn号码:9781449319274
丛书系列:
图书标签:
  • Web
  • CSS
  • HTML
  • 设计
  • JavaScript
  • 网页设计
  • web
  • Javscript
  • Web设计
  • 网页设计
  • 前端开发
  • HTML
  • CSS
  • JavaScript
  • 响应式设计
  • 用户体验
  • Web开发
  • 设计原则
想要找书就要到 小美书屋
立刻按 ctrl+D收藏本页
你会得到大惊喜!!

具体描述

HTML just keeps evolving, and web designers need to know how to combine it with Cascading Style Sheets (CSS) and JavaScript to build today's striking and useful sites. The explosion of browser support for HTML5 has driven new lines of innovation, but designers need to know which parts of HTML5 are ready now and how to work through their strengths and weaknesses. Learning Web Design provides a no-nonsense guide to the maze of options novice designers face, offering clear advice for creating attractive web sites and applications. Everything you need to know to create professional web sites is right here. You'll start at the beginning - learning how the Web and web pages work - and build your knowledge from there. By the end of the book, you'll have the skills to create multi-column CSS layouts with optimized graphic files, and you'll know how to get your pages up on the Web. This thoroughly revised edition teaches you how to build web sites according to modern design practices and professional standards. It includes exercises to help you to learn various techniques, and short quizzes to make sure you're up to speed with key concepts. If you're interested in web design, Learning Web Design is the place to start.

作者简介

Jennifer Niederst Robbins was one of the first designers for the Web. As the designer of O'Reilly's Global Network Navigator (GNN), the first commercial web site, she has been designing for the Web since 1993. She is the author of the bestselling "Web Design in a Nutshell" (O'Reilly), and has taught web design at the Massachusetts College of Art in Boston and Johnson and Wales University in Providence. She has spoken at major design and Internet events including SXSW Interactive, Seybold Seminars, the GRAFILL conference (Geilo, Norway), and one of the first W3C International Expos.

目录信息

PART I | Getting Started
Chapter 1 | Where Do I Start?
Where Do I Start?
What Does a Web Designer Do?
What Languages Do I Need to Learn?
What Do I Need to Buy?
What You've Learned
Test Yourself
Chapter 2 | How the Web Works
The Internet Versus the Web
Serving Up Your Information
A Word About Browsers
Web Page Addresses (URLs)
The Anatomy of a Web Page
Putting It All Together
Test Yourself
Chapter 3 | Some Big Concepts You Need to Know
A Dizzying Multitude of Devices
Sticking with the Standards
Responsive Web Design
One Web for All (Accessibility)
The Need for Speed (Site Performance)
Test Yourself
PART II | HTML Markup for Structure
Chapter 4 | Creating a Simple Page (HTML Overview)
A Web Page, Step by Step
Before We Begin, Launch a Text Editor
Step 1: Start with Content
Step 2: Give the Document Structure
Step 3: Identify Text Elements
Step 4: Add an Image
Step 5: Change the Look with a Style Sheet
Validating Your Documents
Test Yourself
Element Review: Document Structure
Chapter 5 | Marking up Text
Paragraphs
Headings
Lists
More Content Elements
Organizing Page Content
The Inline Element Roundup
Generic Elements (div and span)
Some Special Characters
Putting It All Together
Test Yourself
Element Review: Text
Chapter 6 | Adding Links
The href Attribute
Linking to Pages on the Web
Linking Within Your Own Site
Targeting a New Browser Window
Mail Links
Telephone Links
Test Yourself
Element Review: Links
Chapter 7 | Adding Images
First, a Word on Image Formats
The img Element
A Window in a Window (iframe)
Test Yourself
Element Review: Replaced Elements
Chapter 8 | Basic Table Markup
How Tables Are Used
Minimal Table Structure
Table Headers
Spanning Cells
Table Accessibility
Wrapping Up Tables
Test Yourself
Element Review: Tables
Chapter 9 | Forms
How Forms Work
The form Element
Variables and Content
The Great Form Control Round-up
Form Accessibility Features
Form Layout and Design
Test Yourself
Element Review: Forms
Chapter 10 | What's Up, HTML5?
A Funny Thing Happened on the Way to XHTML2
In the Markup Department
Meet the APIs
Video and Audio
Canvas
Final Word
Test Yourself
PART III | CSS for Presentation
Chapter 11 | Cascading Style Sheets Orientation
The Benefits of CSS
How Style Sheets Work
The Big Concepts
Moving Forward with CSS
Test Yourself
Chapter 12 | Formatting Text (Plus More Selectors)
The Font Properties
Changing Text Color
A Few More Selector Types
Text Line Adjustments
Underlines and Other "Decorations"
Changing Capitalization
Spaced Out
Text Shadow
Changing Lists Bullets and Numbers
Test Yourself
CSS Review: Font and Text Properties
Chapter 13 | Colors and Backgrounds
(Plus Even More Selectors and External Style Sheets)
Specifying Color Values
Foreground Color
Background Color
Playing with Opacity
Introducing.... Pseudo-class Selectors
Pseudo-element Selectors
Attribute Selectors
Background Images
Like a Rainbow (Gradients)
The Shorthand background Property
Finally, External Style Sheets
Test Yourself
CSS Review: Color and Background Properties
Chapter 14 | Thinking Inside the Box (Padding, Borders, and Margins)
The Element Box
Specifying Box Dimensions
Padding
Borders
Margins
Assigning Display Roles
Adding Drop Shadows to Boxes
The Box Model in Review
Test Yourself
CSS Review: Basic Box Properties
Chapter 15 | Floating and Positioning
Normal Flow
Floating
Positioning Basics
Relative Positioning
Absolute Positioning
Fixed Positioning
Test Yourself
CSSvReview: Floating and Positioning Properties
Chapter 16 | Page Layout with CSS
Page Layout Strategies
Page Layout Techniques
Multicolumn Layouts Using Floats
Positioned Layout
Top-to-Bottom Column Backgrounds
Test Yourself
Chapter 17 | Transitions, Transforms, and Animation
Ease-y Does It (CSS Transitions)
CSS Transforms
Keyframe Animation
Test Yourself
CSS Review:Transitions, Transforms, and Animation
Chapter 18 | CSS Techniques
A Clean Slate (CSS Reset)
Image Replacement Techniques
CSS Sprites
Styling Forms
Styling Tables
Basic Responsive Web Design
Wrapping Up Style Sheets
Test Yourself
CSS Review: Table Properties
PART IV | JavaScript for Behaviors
Chapter 19 | Introduction to JavaScript
What Is JavaScript?
Adding JavaScript to a Page
The Anatomy of a Script
The Browser Object
Events
Putting It All Together
Test Yourself
Chapter 20 | Using JavaScript
Meet the DOM
Polyfills
JavaScript Libraries
Big Finish
Test Yourself
PART V | Web Graphic Production
Chapter 21 | Web Graphics Basics
Image Sources
Meet the Formats
Image Size and Resolution
Working with Transparency
PNG-8 "Alpha" Transparency
Introduction to SVG
Summing Up Images
Test Yourself
Chapter 22 | Lean and Mean Web Graphics
General Optimization Strategies
Optimizing GIFs
Optimizing JPEGs
Optimizing PNGs
Optimize to File Size
Optimization in Review
Test Yourself
· · · · · · (收起)

读后感

评分

感觉用这本书来入门很合适,翻译不错,小错误不是很多。浅显易懂,小练习可以迅速巩固知识。唯一的缺点就是机工这个出版社太不厚道,书的纸张和草纸差不多,原书可以彩印的,中文版不但没有彩印还把纸张搞成这样,机工是我见过最抠门的出版社

评分

感觉用这本书来入门很合适,翻译不错,小错误不是很多。浅显易懂,小练习可以迅速巩固知识。唯一的缺点就是机工这个出版社太不厚道,书的纸张和草纸差不多,原书可以彩印的,中文版不但没有彩印还把纸张搞成这样,机工是我见过最抠门的出版社

评分

感觉用这本书来入门很合适,翻译不错,小错误不是很多。浅显易懂,小练习可以迅速巩固知识。唯一的缺点就是机工这个出版社太不厚道,书的纸张和草纸差不多,原书可以彩印的,中文版不但没有彩印还把纸张搞成这样,机工是我见过最抠门的出版社

评分

感觉用这本书来入门很合适,翻译不错,小错误不是很多。浅显易懂,小练习可以迅速巩固知识。唯一的缺点就是机工这个出版社太不厚道,书的纸张和草纸差不多,原书可以彩印的,中文版不但没有彩印还把纸张搞成这样,机工是我见过最抠门的出版社

评分

感觉用这本书来入门很合适,翻译不错,小错误不是很多。浅显易懂,小练习可以迅速巩固知识。唯一的缺点就是机工这个出版社太不厚道,书的纸张和草纸差不多,原书可以彩印的,中文版不但没有彩印还把纸张搞成这样,机工是我见过最抠门的出版社

用户评价

评分

这本书的排版和结构设计,简直是为我这种需要快速检索和回顾的读者量身定做的。我通常是边工作边学习,时间非常碎片化,所以一本结构混乱的书对我来说就是灾难。但《Learning Web Design》的目录设计就体现了极高的专业水准。每一个章节的开头都有一个“本章目标”的清单,清晰地告诉你学完后能掌握哪些技能点,这让我可以根据手头的工作任务,精准定位到需要强化的知识模块。更绝的是,在每章的末尾,作者还设置了一个“陷阱与陷阱解答”的小栏目,专门收集了一些初学者最容易犯的、但在官方文档里往往不会特别强调的细微错误和注意事项。比如,关于CSS选择器优先级计算的误区、或者某些浏览器厂商对特定属性的怪异处理方式,这些“内行人才知道的坑”都被毫不保留地揭示了出来。这感觉就像是买了一份附带技术顾问指导的教材,它不仅教你“怎么做”,更重要的是教你“为什么不能那样做”。这种注重细节和实用性的编写风格,极大地提升了我的学习效率,让我的代码少走了很多弯路。

评分

这本《Learning Web Design》我真是从头到尾啃完了,虽然书名听起来挺直接,但它带给我的远不止是基础知识的罗列。我得说,作者在讲解那些枯燥的HTML和CSS概念时,简直像是用魔法把它们变得生动起来了。比如,他讲到盒模型的时候,不是干巴巴地给出一堆参数定义,而是通过一个生动的“包裹礼物”的比喻,让我瞬间就明白了外边距、内边距和边框是怎么一回事。特别是关于CSS布局的部分,书中花了大量篇幅来深入剖析Flexbox和Grid,那种循序渐进的引导,让我感觉自己不是在看一本技术手册,而是在一个经验丰富的老前辈的带领下,一步步搭建起自己的数字空间。书中还穿插了大量的实际案例,这些案例的代码结构清晰,注释详尽,即便是初学者也能很快地模仿并在此基础上进行修改和创新。我特别欣赏作者对于“设计”这个词的理解,他并没有把网页设计仅仅局限于美工层面,而是将其提升到了用户体验的高度,让你在写每一行代码时,都能思考到最终用户如何与之交互,这种思维上的转变,才是这本书最宝贵的财富。读完之后,我感觉自己对前端开发的整体架构有了一个全新的认识,不再是零散知识点的堆砌,而是一个完整的、可落地的知识体系。

评分

如果要给这本书打个总结,我会说,它是一本“反快餐式”的Web设计指南。它不追求用两小时教会你搭建一个华而不实的页面,而是致力于为你打下坚不可摧的理论和实践基础。书中对浏览器渲染机制的解释,简直是教科书级别的清晰——从DOM树的构建到CSSOM的合并,再到最终的布局和绘制过程,每一步都配有详细的流程图和代码示例,让人对“代码如何在屏幕上显示”这件事有了透彻的理解。这种对底层原理的尊重,使得读者在面对未来框架的更新换代时,能够游刃有余,因为框架只是工具,而这些底层知识才是内功。我个人认为,这本书的价值在于它培养了一种系统性的问题解决能力。当你遇到一个棘手的Bug时,不再是盲目地在网上搜索答案,而是能根据已有的知识体系,逻辑清晰地定位到问题的根源,无论是网络请求阻塞、内存泄漏,还是特定的渲染性能问题,都能迎刃而解。对于想要从“代码搬运工”升级为“系统架构师”的开发者而言,《Learning Web Design》绝对是案头必备的宝典。

评分

我必须强调,这本书对于“响应式设计”部分的覆盖深度,是目前我读过的同类书籍中最令人满意的。它没有停留在简单的媒体查询(Media Queries)上空泛地讨论“手机和平板”,而是深入剖析了视口(Viewport)的底层原理,以及如何利用相对单位(rem, vw/vh)来构建真正意义上的“适应性”布局,而不是僵硬的“断点切换”。作者还非常前瞻性地讨论了Web Vitals(网页重要指标)对用户体验的重要性,并展示了如何利用CSS和JS优化加载速度,比如懒加载图片、提前加载关键CSS等技术。我在阅读到关于渐进式增强(Progressive Enhancement)的理念时,受到了很大的启发。作者明确指出,我们应该先确保内容在最基础的浏览器上也能被无障碍访问,然后再逐步增加复杂的交互和样式。这种自下而上的设计哲学,彻底改变了我过去那种“先做最炫的,再考虑兼容性”的陋习。这本书真正教会了我如何构建既美观又健壮,并且面向未来的网站。

评分

坦白讲,我当初买这本书的时候,其实是抱着试试看的心态,因为市面上介绍Web设计的书太多了,很多都大同小异,读起来就像是在嚼白开水。然而,这本书《Learning Web Design》给我的惊喜是持续性的。它最让我眼前一亮的是它对现代JavaScript特性的讲解。作者没有止步于ES6的基础语法,而是深入探讨了异步编程、Promise链式调用,甚至还触及了模块化(import/export)在实际项目中的最佳实践。他处理复杂概念的方式非常巧妙,总能找到最简洁、最符合直觉的解释路径,这对于我这种已经有一定编程基础,但对前端JS生态不甚熟悉的人来说,简直是如沐春风。我记得有一章专门讲到了如何使用原生JS操作DOM来提升性能,对比了直接操作原生API和通过框架封装的不同优缺点,这种深度分析是很多入门书籍完全不会涉及的。而且,书中的代码示例都非常贴近“生产环境”的需求,而不是那种为了演示功能而设计的玩具代码。读完后,我立刻尝试着用这些新学的知识重构了我个人网站的一个性能瓶颈模块,效果立竿见影,那种成就感是无法用言语表达的,这本书真正让我感觉“学有所用”。

评分

一些比较模糊的地方都讲的挺清楚

评分

入门还是不错的

评分

一些比较模糊的地方都讲的挺清楚

评分

一些比较模糊的地方都讲的挺清楚

评分

一些比较模糊的地方都讲的挺清楚

本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度google,bing,sogou

© 2026 book.quotespace.org All Rights Reserved. 小美书屋 版权所有