《Web前端工程师修炼之道(原书第4版)》——第3章 Web设计基本概念

简介:

本节书摘来自华章社区《Web前端工程师修炼之道(原书第4版)》一书中的第3章 Web设计基本概念,作者Jennifer Niederst Robbins,更多章节内容可以访问云栖社区“华章社区”公众号查看

第3章 Web设计基本概念
随着Web的成熟和设备访问数量的成倍增加,作为Web设计师和开发人员,我们的工作变得更加复杂。坦率地说,我无法在一本书中涵盖所有的内容。在本章接下来的部分,我将专注于介绍Web设计的基本部件:HTML元素、CSS样式、小试一下JavaScript和Web图像制作,这会为你的进一步发展奠定坚实的基础。
但在我们实质学习之前,我想介绍每一个Web设计师都需要知道的一些重要概念。我们将看到促进当代Web设计环境优化的一些思想和观念。本书后续的部分中,我会经常提到本章介绍的术语。
Web设计师核心的问题是,我们从来不知道我们创建的页面是如何被查看的。在数以百计的浏览器中,我们不知道用户使用的到底是哪个,用户使用的到底是桌面计算机还是便携设备,更不知道浏览器窗口有多大,安装了哪些字体,JavaScript等功能是否启用,互联网连接的速度如何,用户是否通过屏幕阅读器读取等问题。我想你已经大概有一个框架了。本章中的重要概念主要是为了应对这些无法避免的未知问题。这些概念包括:
各种设备
Web标准
逐步提高
自适应Web设计
可访问性
站点性能
在即将开始之前,我将做尽可能简练和非技术的描述。之所以如此,是为了让你在遇到后面的练习时,能基本理解我所说的“逐步提高”的意思。在相关的主题和技术上,已经有很多优秀的文章和书籍,为了方便进一步学习,我也会提供指向它们的链接。

相关文章
|
17小时前
|
前端开发
|
3天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
6天前
|
前端开发 JavaScript 开发者
新一代前端框架:革命性的Web开发利器
传统的前端框架在满足日益复杂的Web开发需求上逐渐显露出局限性,而新一代前端框架的出现,以其革命性的设计和功能,重新定义了Web开发的标准。本文将介绍这些新一代前端框架的特点和优势,并探讨它们在实际项目中的应用。
|
11天前
|
JavaScript 前端开发 UED
【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
【5月更文挑战第2天】【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
|
11天前
|
JavaScript 前端开发 索引
【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
【5月更文挑战第2天】【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
|
11天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
11天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
11天前
|
前端开发 JavaScript
【Web 前端】$(document).ready() 是个什么函数?为什么要用它?
【5月更文挑战第2天】【Web 前端】$(document).ready() 是个什么函数?为什么要用它?
|
11天前
|
JavaScript 前端开发
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
【5月更文挑战第2天】【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
|
12天前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?