新書推薦:
《
如何打造成功的商业赛事
》
售價:HK$
91.9
《
万千教育学前·透视学前儿童的发展:解析幼儿教师常问的那些问题
》
售價:HK$
59.8
《
慈悲与玫瑰
》
售價:HK$
89.7
《
启蒙的辩证:哲学的片简(法兰克福学派哲学经典,批判理论重要文本)
》
售價:HK$
78.2
《
心跳重置
》
售價:HK$
60.7
《
云中记
》
售價:HK$
78.2
《
中国古代妇女生活(中国古代生活丛书)
》
售價:HK$
48.3
《
你的认知正在阻碍你
》
售價:HK$
66.7
|
編輯推薦: |
由浅入深,内容全面从基础知识到应用实战,对设计、构建和部署现代网站所需的知识进行了详细阐述,既是一本学习指南,又是一本实战手册。通俗易懂,快速上手内容通俗易懂,既适合网站开发的初学者,也适合经验丰富的开发人员。理论与实践的完美结合除了主要的知识阐述之外,本书还包含大量的练习,以帮助测试读者对当前对知识的理解和掌握程度,并扩展所学的理论知识。本书还有大量的实例来帮助读者实践所学技能,以尽快上手部署一个网站。
|
內容簡介: |
这是一本讲解如何基于三项核心技能(编写和编辑HTML、使用CSS控制页面设计、创建高效的Web布局)设计、构建和部署现代网站的实战性手册。?通过阅读本书,你将学习:?为网站添加高级样式CSS Flexbox和CSS Grid?安装和配置静态站点生成器Jekyll?模板系统和编程语言入门?掌握网页设计的关键布局原则?使用自定义URL、电子邮件地址注册和配置自定义域?将简单但实用的网站部署到实时网络上。?本书通过针对性的练习来帮助读者掌握设计、构建和部署现代网站的重点知识,读者无须学习HTML、CSS和网页布局的所有“知识”,只要跟随本书,便能高效地运用它们来解决实际问题。
|
關於作者: |
李·多纳霍(Lee Donahoe)毕业于南加州大学,专业为经济学及多媒体和创意技术。他是企业家、设计师和前端开发人员,同时还是Coveralls公司和Buck Mason公司的联合创始人。
迈克尔·哈特尔(Michael Hartl)毕业于哈佛大学,拥有加州理工学院的物理学博士学位,并且是Y Combinator企业家计划的成员。他曾任教加州理工学院,并获得了教学卓越终身成就奖。
|
目錄:
|
前言
第一部分 超文本标记语言
第1章 HTML基础2
1.1 HTML介绍3
1.2 HTML标签3
1.3 启动项目6
1.4 第一个标签8
1.5 HTML框架10
第2章 填充首页15
2.1 标题15
2.2 文本格式化16
2.3 链接19
2.4 添加图片22
第3章 添加页面与标签28
3.1 关于HTML的HTML页面28
3.2 表格30
3.3 div和span35
3.4 列表39
3.5 导航菜单40
第4章 内联样式44
4.1 文本样式45
4.2 浮动48
4.3 应用外边距50
4.4 更多外边距技巧52
4.5 盒子样式设计53
4.6 导航样式55
4.7 尝试CSS57
4.8 小结60
第二部分 CSS与Web布局
第5章 CSS简介64
5.1 成为前端开发人员64
5.2 CSS概述67
5.3 示例网站设置70
5.4 开启样式设计的大门73
5.5 CSS选择器78
第6章 样式风格81
6.1 命名81
6.2 何时和为什么83
6.3 优先级和特异性86
6.4 如何成为一名优秀的样式设计师88
第7章 CSS值:颜色与尺寸97
7.1 CSS颜色97
7.2 尺寸介绍101
7.3 像素102
7.4 百分比104
7.5 em108
7.6 rem112
7.7 vh,vw:新时代的产物114
7.8 使网页美观117
第8章 盒子模型119
8.1 内联元素与块级元素119
8.2 外边距、内边距和边框123
8.3 浮动元素128
8.4 关于overflow样式的更多信息133
8.5 内联块136
8.6 盒子外边距139
8.7 内边距146
8.8 边框的乐趣147
第9章 布局157
9.1 布局基础知识157
9.2 Jekyll158
9.3 布局、includes和页面161
9.4 布局文件163
9.5 CSS文件和重置164
9.6 includes介绍:Head和Header172
9.7 高级选择器177
9.8 定位182
9.9 固定Header193
9.10 页脚,包含在includes中195
第10章 页面模板和frontmatter205
10.1 模板内容205
10.2 没有比首页更合适的地方了207
10.3 更高级的选择器214
10.4 其他页面,其他文件夹223
第11章 flexbox专业Web布局226
11.1 让正文填满容器228
11.2 flex垂直对齐232
11.3 flexbox样式选项和简写法235
11.4 三栏布局239
11.5 图库stub242
第12章 添加博客248
12.1 添加博客文章249
12.2 循环博客索引内容257
12.3 博客文章页面262
第13章 移动媒体查询268
13.1 移动端设计268
13.2 移动端适配273
13.3 移动端视口279
13.4 下拉菜单281
13.5 移动端下拉菜单288
第14章 添加更多小细节295
14.1 自定义字体295
14.2 favicon303
14.3 自定义标题和meta描述305
14.4 下一步310
第15章 CSS 网格布局311
15.1 高级的CSS网格布局311
15.2 一个简单的内容网格314
15.3 minmax、auto-fit和auto-fill320
15.4 网格线、网格区域和网格布局328
15.5 内部网格346
15.6 结论367
第三部分 自定义域
第16章 自定义域名370
16.1 注册自定义域名370
16.2 Cloudflare设置373
16.3 GitHub Pages上的自定义域377
第17章 自定义电子邮件385
17.1 Google电子邮件385
17.2 MX记录387
17.3 网站分析389
17.4 结论391
|
內容試閱:
|
本书旨在指导读者运用超文本标记语言(HTML)和串联样式表(CSS)来创建现代化的网站。本书不仅涵盖了基础的网页布局技术,还深入探讨了经常被忽视但至关重要的高级Web布局技术,如flexbox和grid等。此外,本书还介绍了如何使用静态网站生成器来创建易于维护和更新的网站,以及如何注册和配置自定义域名,包括自定义URL和电子邮件地址。本书可以视为一个包含设计、构建和现代化部署网站所需的所有知识和技能的一站式的网站指南。
如果读者对UNIX命令行、文本编辑器和Git版本控制已经有了一定的了解,这将是极好的。这些基础知识有助于读者进行软件开发,包括使用文本编辑器确保代码的可读性,以及使用版本控制跟踪项目的修改。此外,我们还介绍了如何使用GitHub Pages进行频繁的生产部署。
无论你是希望与开发人员合作还是成为开发人员,本书涵盖的技能都极具价值。无论你的目标是提升现有工作水平、开启新的职业生涯,还是创办自己的公司,本书都将为你提供帮助。为了让你尽快实现目标,我们将专注于书中最关键的方面,并强调一个理念:在开始之前,你无须学习其他任何内容,只需专注于软件开发的学习。
通过阅读本书,除了学习具体技能外,你还将提升技术熟练度,一种解决各种技术问题的能力。这不仅包括具体技能如版本控制和HTML,还包括高阶技能,如如何搜索错误消息以及应该何时重启设备。
虽然本书的各个部分尽量保持独立,但它们之间存在大量的交叉引用,以展示各部分之间的联系。你将学习如何使用CSS将HTML元素样式化为灵活的多列布局,如何使用静态网站生成器在各个页面上放置相同的元素而不重复任何代码,然后使用你选定的自定义域名将网站部署到实时Web。本书是对前端Web开发基础的综合介绍,是独一无二的。
超文本标记语言
本书的第一部分是对万维网的语言—超文本标记语言的介绍。第1章从一个“Hello, world!”页面开始,然后将其部署到生产环境中;第2章中用格式化的文本、链接和图片填充首页;在第3章中将其扩展为具有更多高级功能(如表格和列表)的多页面网站;在第4章介绍了一些内联样式,以及简单的样式规则对普通HTML元素的影响。
CSS和Web布局
在第一部分第4章中介绍的简单样式技术的基础上,第二部分介绍了如何使用串联样式表(Cascading Style Sheets,CSS)进行Web设计和使用静态网站生成器进行前端Web开发。
第5章从示例页面上几个超级简单的元素开始,介绍CSS声明、CSS值和CSS选择器的基础知识,以对页面的特定元素进行样式设计。第6章讨论选择器比较的重要方面,这些方面在项目开始时就正确掌握很重要,重点是通过正确的命名来管理其复杂性和保持其灵活性(还包括CSS颜色规则的介绍)。第7章介绍了颜色和尺寸这两种最重要的CSS值。这为第8章的盒子模型奠定了重要基础,盒子模型决定了不同元素在页面上的组合方式。第9章和第10章介绍如何使用名为Jekyll的静态网站生成器,以将一直在处理的页面转化为布局,从而构建易于维护和更新的专业级网站。第11章介绍如何使用flexbox制作灵活的页面布局,并为图库页面和带有帖子的博客添加布局。第12章介绍如何使用Jekyll制作专业级博客,而无须使用WordPress或Tumblr这样的黑箱方案。由于越来越多的网络流量来自移动设备,所以第13章将介绍使用CSS和媒体查询的基础知识,以在不违反DRY原则的基础上制作适用于移动设备的网站。
第14章介绍如何添加能够使网站更完整的各种小细节,从而得到一个部署在网络上的理想网站。
第15章介绍一种更为先进的布局技术(CSS网格布局),以使用网格来实现前几章提到的一些效果,以及一些只有使用网格才能轻松实现的效果。
自定义域
第三部分介绍网站与自定义域名。第16章介绍如何注册自定义域名,包括选择一个好的域名和讨论各种顶级域名(top-level domain,TLD)的优缺点,还介绍如何使用Cloudflare配置自定义域名的DNS设置、如何使用安全套接字层/传输层安全协议(SSL/TLS)来确保网站安全,以及如何重定向URL以获得更好的用户体验。第17章介绍如何使用Google Workspace将自定义电子邮件地址与域名相关联,以及如何使用另一项Google服务—Google Analytics来监控网站流量,并深入了解访问者的使用情况。
附加功能
除了主要的内容之外,本书还包括大量的练习,以帮助你测试自己的理解情况并扩展正文中的材料。
建议
本书涵盖了为个人主页、业余爱好或企业制作网站所需的所有核心内容,可视为“网站”事务的全方位指南。在深入学习本书所涵盖的技术后,特别是技术熟练度得到提升后,你将掌握专业级网站设计和部署所需的核心知识。此外,你还将具备利用各种丰富资源的能力,包括书籍、博客文章和在线文档等。
|
|