一本書講透 HTML、CSS 和布局

張露 狄煥旭

買這商品的人也買了...

相關主題

商品描述

這是一本講解如何基於三項核心技能(編寫和編輯HTML、使用CSS控制頁面設計、創建高效的Web布局)設計、構建和部署現代網站的實戰性手冊。 通過閱讀本書,你將學習: 為網站添加高級樣式CSS Flexbox和CSS Grid。 安裝和配置靜態站點生成器Jekyll。 模板系統和編程語言入門。 掌握網頁設計的關鍵布局原則。 使用自定義URL、電子郵件地址注冊和配置自定義域。 將簡單但實用的網站部署到實時網絡上。 本書通過針對性的練習來幫助讀者掌握設計、構建和部署現代網站的重點知識,讀者無須學習HTML、CSS和網頁布局的所有“知識”,只要跟隨本書,便能高效地運用它們來解決實際問題。

作者簡介

邁克爾·哈特爾,Ruby專家,暢銷書作者,教學網站LearnEnough.創始人之一。因為對Ruby社區的貢獻,於2011年被授予Ruby Hero獎。畢業於哈佛大學,獲得了加州理工學院物理學博士學位,同時還是Y Combinator創業者項目的畢業生。

目錄大綱

前言
第一部分 超文本标记语言
第1章 HTML基础
1.1 HTML介绍
1.2 HTML标签
1.3 启动项目
1.4 第一个标签
1.5 HTML框架
第2章 填充首页
2.1 标题
2.2 文本格式化
2.3 链接
2.4 添加图片
第3章 添加页面与标签
3.1 关于HTML的HTML页面
3.2 表格
3.3 div和span
3.4 列表
3.5 导航菜单
第4章 内联样式
4.1 文本样式
4.2 浮动
4.3 应用外边距
4.4 更多外边距技巧
4.5 盒子样式设计
4.6 导航样式
4.7 尝试CSS
4.8 小结
第二部分 CSS与Web布局
第5章 CSS简介
5.1 成为前端开发人员
5.2 CSS概述
5.3 示例网站设置
5.4 开启样式设计的大门
5.5 CSS选择器
第6章 样式风格
6.1 命名
6.2 何时和为什么
6.3 优先级和特异性
6.4 如何成为一名优秀的样式设计师
第7章 CSS值:颜色与尺寸
7.1 CSS颜色
7.2 尺寸介绍
7.3 像素
7.4 百分比
7.5 em
7.6 rem
7.7 vh,vw:新时代的产物
7.8 使网页美观
第8章 盒子模型
8.1 内联元素与块级元素
8.2 外边距、内边距和边框
8.3 浮动元素
8.4 关于overflow样式的更多信息
8.5 内联块
8.6 盒子外边距
8.7 内边距
8.8 边框的乐趣
第9章 布局
9.1 布局基础知识
9.2 Jekyll
9.3 布局、includes和页面
9.4 布局文件
9.5 CSS文件和重置
9.6 includes介绍:Head和Header
9.7 高级选择器
9.8 定位
9.9 固定Header
9.10 页脚,包含在includes中
第10章 页面模板和frontmatter
10.1 模板内容
10.2 没有比首页更合适的地方了
10.3 更高级的选择器
10.4 其他页面,其他文件夹
第11章 flexbox专业Web布局
11.1 让正文填满容器
11.2 flex垂直对齐
11.3 flexbox样式选项和简写法
11.4 三栏布局
11.5 图库stub
第12章 添加博客
12.1 添加博客文章
12.2 循环博客索引内容
12.3 博客文章页面
第13章 移动媒体查询
13.1 移动端设计
13.2 移动端适配
13.3 移动端视口
13.4 下拉菜单
13.5 移动端下拉菜单
第14章 添加更多小细节
14.1 自定义字体
14.2 favicon
14.3 自定义标题和meta描述
14.4 下一步
第15章 CSS网格布局
15.1 高级的CSS网格布局
15.2 一个简单的内容网格
15.3 minimax、auto-fit和auto-fill
15.4 网格线、网格区域和网格布局
15.5 内部网格
15.6 结论
第三部分 自定义域
第16章 自定义域名
16.1 注册自定义域名
16.2 Cloudflare设置
16.3 GitHubPages上的自定义域
第17章 自定义电子邮件
17.1 Google电子邮件
17.2 MX记录
17.3 网站分析
17.4 结论