网志栈编辑推荐
基于Web标准，重点讲述了HTML5、CSS3、ECMAScript基础和JavaScript脚本语言。所有示例都通过了W3C标准检验。整本书通过模拟一个完整的实例网站进行讲解，相关知识点分解到实例网站的具体环节中，针对性强。同时提供了许多示例，具有可操作性。语言通俗易懂，简单明了，可使读者很容易掌握有关知识。知识结构安排合理，循序渐进，适合自学。 ；
内容简介
本书基于Web标准，深入浅出地介绍了Web前端设计技术的基础知识，对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解；内容翔实，结构合理，语言精练，表达简明，实用性强，易于自学。 全书共分22章，第1章介绍Web技术的基本概念、Web体系结构、超文本与标记语言、Web标准的组成和常用浏览器，第2～7章重点介绍Web标准的结构推荐标准HTML5常用元素的标签语句及应用，第8～13章介绍Web标准的表现推荐标准CSS3常用属性及应用，第14章介绍网站制作流程与发布过程，第15～21章介绍Web标准的行为标准ECMA-262的ECMAScript基础和JavaScript脚本语言，第22章介绍JavaScript框架jQuery的入门知识。 本书适合作为高等院校计算机及相关专业的教材，也可以作为相关培训机构的培训教材，以及对Web前端设计技术感兴趣人员的自学用书。
作者简介
暂无
目录
；
第1章 ； Web技术概述... 1
1.1 ； Internet概述... 1
1.1.1
； TCP/IP. 1
1.1.2
； 主机和IP地址... 2
1.1.3
； 域名和DNS. 2
1.2 ； Web概述... 3
1.2.1
； Web历史... 3
1.2.2
； Web体系结构... 4
1.2.3
； 基本Web技术... 5
1.2.4
； Web服务器... 8
1.3 ； 超文本与标记语言... 9
1.3.1
； 超文本与超媒体... 9
1.3.2
； 标记语言... 10
1.4 ； Web标准... 12
1.4.1
； Web标准体系... 12
1.4.2
； 采用Web标准的优势... 13
1.5 ； 浏览器... 13
1.5.1
； 常用浏览器... 13
1.5.2
； 标准浏览器... 14
1.6 ； Web开发工具... 15
1.6.1
； JetBrains WebStorm.. 15
1.6.2
； 测试和调试环境... 15
1.7 ； 小结... 16
1.8 ； 习题... 16
第2章 ； HTML5基础... 18
2.1 ； HTML5基础概述... 18
2.1.1
；HTML5文档结构... 18
2.1.2
； 元素与标签... 19
2.1.3
； 属性... 22
2.1.4
； 语法规则... 23
2.2 ； WebStorm基础... 24
2.2.1
； WebStorm基本操作... 24
2.2.2
；WebStorm快捷键... 27
2.3 ； 文档结构元素... 27
2.3.1
；标签... 28
2.3.2
；标签... 28
2.3.3
；标签... 28
2.4 ； 头部元素... 28
2.4.1
；
标签... 28<；/p>；<；p>；<；st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">；2.4.2<；/st1:chsdate>； ；<；meta>；标签... 29<；/p>；<；p>；2.5 ； 叮叮书店首页添加元信息... 31<；/p>；<；p>；2.6 ； 小结... 31<；/p>；<；p>；2.7 ； 习题... 31<；/p>；<；p>；第3章 ； HTML5内容结构与文本... 33<；/p>；<；p>；3.1 ； HTML5结构标签... 33<；/p>；<；p>；<；st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">；3.1.1<；/st1:chsdate>； ；<；header>；标签... 33<；/p>；<；p>；<；st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">；3.1.2<；/st1:chsdate>； ；<；nav>；标签... 34<；/p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.1.3</st1:chsdate> <article>标签... 34</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.1.4</st1:chsdate> <section>标签... 34</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.1.5</st1:chsdate> <aside>标签... 34</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.1.6</st1:chsdate> <footer>标签... 34</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.1.7</st1:chsdate> <details>和<summary>标签... 34</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.1.8</st1:chsdate> <div>标签... 35</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.1.9</st1:chsdate> <span>标签... 35</p><p>3.2 HTML5基础标签... 35</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.2.1</st1:chsdate> 标题... 36</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.2.2</st1:chsdate> 段落... 36</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.2.3</st1:chsdate> 换行符... 36</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.2.4</st1:chsdate> 注释... 36</p><p>3.3 HTML5格式化标签... 36</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.3.1</st1:chsdate> 文本格式化标签... 37</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.3.2</st1:chsdate> 引用和术语定义标签... 38</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.3.3</st1:chsdate> HTML5新增格式标签... 39</p><p>3.4 HTML5列表... 42</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.4.1</st1:chsdate> 无序列表... 42</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.4.2</st1:chsdate> 有序列表... 43</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.4.3</st1:chsdate> 定义列表... 44</p><p>3.5 叮叮书店首页内容结构的建立... 44</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.5.1</st1:chsdate> 分析设计页面内容结构... 45</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.5.2</st1:chsdate> 用HTML5结构标签确定页面内容结构... 45</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.5.3</st1:chsdate> 添加文本内容... 48</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">3.5.4</st1:chsdate> 在浏览器中预览... 52</p><p>3.6 小结... 52</p><p>3.7 习题... 53</p><p>第4章 HTML5超链接... 54</p><p>4.1 <a>标签... 54</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">4.1.1</st1:chsdate> href属性... 54</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">4.1.2</st1:chsdate> target属性... 55</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">4.1.3</st1:chsdate> id属性... 55</p><p>4.2 HTML5字符集与颜色... 57</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">4.2.1</st1:chsdate> HTML5字符集... 57</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">4.2.2</st1:chsdate> HTML5字符实体... 57</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">4.2.3</st1:chsdate> HTML5颜色... 58</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">4.2.4</st1:chsdate> HTML5颜色名... 58</p><p>4.3 叮叮书店首页超链接的使用... 58</p><p>4.4 小结... 61</p><p>4.5 习题... 61</p><p>第5章 HTML5多媒体... 62</p><p>5.1 HTML5图像... 62</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">5.1.1</st1:chsdate> <img>标签... 62</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">5.1.2</st1:chsdate> <map>和<area>标签... 63</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">5.1.3</st1:chsdate> <figure>和<figcaption>标签... 64</p><p>5.2 HTML5音视频... 65</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">5.2.1</st1:chsdate> HTML5视频... 65</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">5.2.2</st1:chsdate> HTML5音频... 68</p><p>5.3 <embed>标签... 69</p><p>5.4 叮叮书店首页图像的使用... 70</p><p>5.5 小结... 71</p><p>5.6 习题... 72</p><p>第6章 HTML5表格... 73</p><p>6.1 HTML5表格概述... 73</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">6.1.1</st1:chsdate> 表格结构... 73</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">6.1.2</st1:chsdate> 表格标签... 73</p><p>6.2 常用表格标签... 74</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">6.2.1</st1:chsdate> <table>标签... 74</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">6.2.2</st1:chsdate> <tr>标签... 75</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">6.2.3</st1:chsdate> <td>标签... 75</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">6.2.4</st1:chsdate> <col>标签... 76</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">6.2.5</st1:chsdate> <thead>、<tbody>和<tfoot>标签... 77</p><p>6.3 叮叮书店“购物车”页面的建立... 77</p><p>6.4 小结... 78</p><p>6.5 习题... 79</p><p>第7章 HTML5表单... 80</p><p>7.1 HTML5表单概述... 80</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.1.1</st1:chsdate> 表单... 80</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.1.2</st1:chsdate> <form> 标签... 80</p><p>7.2 表单域... 82</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.1</st1:chsdate> <input>标签... 82</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.2</st1:chsdate> <textarea>标签... 90</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.3</st1:chsdate> <label>标签... 91</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.4</st1:chsdate> <fieldset>标签... 91</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.5</st1:chsdate> <select>标签... 92</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.6</st1:chsdate> <option>标签... 92</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.7</st1:chsdate> <optgroup>标签... 93</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.8</st1:chsdate> <button>标签... 93</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.9</st1:chsdate> <datalist>标签... 94</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.10</st1:chsdate> <keygen>标签... 94</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">7.2.11</st1:chsdate> <output>标签... 95</p><p>7.3 叮叮书店“联系我们”页面的建立... 95</p><p>7.4 叮叮书店首页添加站内搜索... 98</p><p>7.5 小结... 98</p><p>7.6 习题... 98</p><p>第8章 CSS基础... 100</p><p>8.1 CSS概述... 100</p><p>8.2 CSS语法... 102</p><p>8.3 CSS常用选择器... 103</p><p>8.4 CSS3选择器... 106</p><p>8.5 CSS属性... 107</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">8.5.1</st1:chsdate> CSS属性概述... 107</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">8.5.2</st1:chsdate> CSS属性值和单位... 110</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">8.5.3</st1:chsdate> CSS3属性值和单位... 112</p><p>8.6 使用CSS. 113</p><p>8.7 层叠（多重）样式... 116</p><p>8.8 小结... 119</p><p>8.9 习题... 119</p><p>第9章 页面布局定位... 121</p><p>9.1 CSS盒模型... 121</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.1.1</st1:chsdate> CSS盒模型概述... 121</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">9.1.2</st1:chsdate> CSS内边距... 123</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.1.3</st1:chsdate> CSS边框... 124</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.1.4</st1:chsdate> CSS3边框... 128</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.1.5</st1:chsdate> CSS外边距... 131</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.1.6</st1:chsdate> CSS轮廓... 133</p><p>9.2 CSS布局... 134</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.2.1</st1:chsdate> 盒模型显示类型... 134</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.2.2</st1:chsdate> CSS3伸缩盒布局... 137</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.2.3</st1:chsdate> CSS浮动... 146</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.2.4</st1:chsdate> 可见与溢出... 149</p><p>9.3 CSS 定位... 150</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.3.1 p</st1:chsdate>osition属性... 151</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.3.2</st1:chsdate> z-index属性... 155</p><p>9.4 基本布局模板... 156</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.4.1</st1:chsdate> 固定（液态）布局... 156</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">9.4.2</st1:chsdate> 弹性伸缩布局... 159</p><p>9.5 叮叮书店首页布局样式设计... 160</p><p>9.6 小结... 162</p><p>9.7 习题... 162</p><p>第10章 元素外观属性... 165</p><p>10.1 背景... 165</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.1.1</st1:chsdate> CSS背景... 165</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.1.2</st1:chsdate> CSS3背景... 168</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.1.3</st1:chsdate> CSS3透明度... 170</p><p>10.2 字体... 170</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.2.1</st1:chsdate> 指定字体... 171</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.2.2</st1:chsdate> 指定大小... 171</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.2.3</st1:chsdate> 字体风格... 172</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.2.4</st1:chsdate> 字体粗细... 172</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.2.5</st1:chsdate> CSS3服务器端字体... 174</p><p>10.3 文本与修饰... 175</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.3.1</st1:chsdate> 文本... 175</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.3.2</st1:chsdate> 修饰... 179</p><p>10.4 CSS3文本效果... 181</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.4.1</st1:chsdate> 阴影... 181</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.4.2</st1:chsdate> 换行... 181</p><p>10.5 CSS3多列... 182</p><p>10.6 列表... 183</p><p>10.7 尺寸... 185</p><p>10.8 表格... 186</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.8.1</st1:chsdate> 表格属性... 186</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.8.2</st1:chsdate> 表格边框控制... 187</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.8.3</st1:chsdate> 改善表格显示效果... 188</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.8.4</st1:chsdate> 叮叮书店“购物车”页面表格样式设计... 189</p><p>10.9 叮叮书店首页外观样式设计... 190</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.9.1</st1:chsdate> 文本... 190</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.9.2</st1:chsdate> 背景... 191</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">10.9.3</st1:chsdate> 其他细节... 193</p><p>10.10 小结... 194</p><p>10.11 习题... 194</p><p>第11章 伪类和伪元素... 196</p><p>11.1 CSS伪类... 196</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">11.1.1</st1:chsdate> 超链接伪类... 196</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">11.1.2</st1:chsdate> 结构性伪类... 197</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">11.1.3</st1:chsdate> 子元素伪类... 199</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">11.1.4</st1:chsdate> UI元素状态伪类... 201</p><p>11.2 CSS伪元素... 204</p><p>11.3 CSS内容... 205</p><p>11.4 小结... 208</p><p>11.5 习题... 208</p><p>第12章 CSS3变换、过渡和动画... 210</p><p>12.1 变换... 210</p><p>12.2 过渡... 219</p><p>12.3 动画... 223</p><p>12.4 叮叮书店首页超链接、伪类和动画样式设计... 225</p><p>12.5 小结... 229</p><p>12.6 习题... 229</p><p>第13章 页面内容样式设计... 230</p><p>13.1 默认样式... 230</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">13.1.1</st1:chsdate> HTML默认样式... 230</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">13.1.2</st1:chsdate> 浏览器默认样式... 232</p><p>13.2 页面内容样式设计... 233</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">13.2.1</st1:chsdate> 导航菜单... 233</p><p><st1:chsdate year="1899" month="12" day="30" islunardate="False" isrocdate="False">13.2.2</st1:chsdate> 图文混排... 235</p><p>13.3 小结... 237</p><p>13.4 习题... 237</p><p>第14章 网站制作流程与发布... 238</p><p>14.1 网站制作流程... 238</p><p>14.2 模板... 239</p><p>14.3 基于模板建立叮叮书店其他页面... 241</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.3.1</st1:chsdate> 书籍分类（category.html）... 241</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.3.2</st1:chsdate> 特刊降价（specials.html）... 243</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.3.3</st1:chsdate> 联系我们（contact.html）... 244</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.3.4</st1:chsdate> 关于我们（about.html）... 245</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.3.5</st1:chsdate> 详细内容（details.html）... 246</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.3.6</st1:chsdate> 购物车（cart.html）... 248</p><p>14.4 网站发布... 249</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.4.1</st1:chsdate> Web服务器安装使用... 249</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">14.4.2</st1:chsdate> 申请免费域名... 250</p><p>14.5 小结... 251</p><p>14.6 习题... 251</p><p>第15章 ECMAScript基础... 253</p><p>15.1 JavaScript简介... 253</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.1.1</st1:chsdate> JavaScript历史... 253</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.1.2</st1:chsdate> JavaScript组成... 254</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.1.3</st1:chsdate> JavaScript使用... 255</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.1.4</st1:chsdate> JavaScript消息框... 257</p><p>15.2 ECMAScript基础概述... 258</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.2.1</st1:chsdate> ECMAScript语法基础... 258</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.2.2</st1:chsdate> ECMAScript变量... 259</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.2.3</st1:chsdate> ECMAScript关键字和保留字... 260</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.2.4</st1:chsdate> ECMAScript基本数据类型... 260</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.2.5</st1:chsdate> ECMAScript类型转换... 262</p><p>15.3 ECMAScript运算符... 264</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.3.1</st1:chsdate> 一元运算符... 264</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.3.2</st1:chsdate> 算术运算符... 266</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.3.3</st1:chsdate> 关系运算符... 267</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.3.4</st1:chsdate> 逻辑运算符... 269</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">15.3.5</st1:chsdate> 其他运算符... 270</p><p>15.4 小结... 271</p><p>15.5 习题... 271</p><p>第16章 ECMAScript语句... 273</p><p>16.1 算法... 273</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">16.1.1</st1:chsdate> 算法的概念... 273</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">16.1.2</st1:chsdate> 简单算法举例... 273</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">16.1.3</st1:chsdate> 算法特性... 274</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">16.1.4</st1:chsdate> 算法与程序... 274</p><p>16.2 ECMAScript语句... 274</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">16.2.1</st1:chsdate> 条件语句... 274</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">16.2.2</st1:chsdate> 循环语句... 277</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">16.2.3</st1:chsdate> break和continue语句... 280</p><p>16.3 使用WebStorm和Google Chrome调试JavaScript脚本程序... 280</p><p>16.4 小结... 282</p><p>16.5 习题... 283</p><p>第17章 行为与对象... 284</p><p>17.1 行为... 284</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.1.1</st1:chsdate> ECMAScript函数... 284</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.1.2</st1:chsdate> HTML事件... 285</p><p>17.2 ECMAScript对象... 289</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.2.1</st1:chsdate> 对象... 289</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.2.2</st1:chsdate> 使用对象... 290</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.2.3</st1:chsdate> ECMAScript引用类型... 291</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.2.4</st1:chsdate> ECMAScript对象类型... 296</p><p>17.3 错误处理... 296</p><p>17.4 内置对象和本地对象... 299</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.4.1</st1:chsdate> Math对象... 299</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.4.2</st1:chsdate> Global全局对象... 300</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.4.3 A</st1:chsdate>rray对象... 301</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">17.4.4</st1:chsdate> Date对象... 302</p><p>17.5 叮叮书店首页显示日期和时间... 303</p><p>17.6 小结... 305</p><p>17.7 习题... 306</p><p>第18章 DOM.. 307</p><p>18.1 DOM概述... 307</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.1.1</st1:chsdate> DOM简介... 307</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.1.2</st1:chsdate> 节点树... 307</p><p>18.2 DOM对象... 309</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.2.1</st1:chsdate> Node对象... 309</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.2.2</st1:chsdate> HTMLElement对象... 310</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.2.3</st1:chsdate> HTMLDocument对象... 311</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.2.4</st1:chsdate> 访问节点... 311</p><p>18.3 DOM与CSS. 314</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.3.1</st1:chsdate> Style对象... 314</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.3.2</st1:chsdate> CurrentStyle对象... 318</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">18.3.3</st1:chsdate> StyleSheet对象... 319</p><p>18.4 叮叮书店首页图片切换广告的实现... 320</p><p>18.5 小结... 322</p><p>18.6 习题... 322</p><p>第19章 HTML DOM对象... 324</p><p>19.1 HTML DOM对象概述... 324</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.1</st1:chsdate> Document对象... 325</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.2</st1:chsdate> Image对象... 327</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.3 A</st1:chsdate>nchor对象... 328</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.4</st1:chsdate> Event对象... 329</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.5</st1:chsdate> Checkbox和Radio对象... 333</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.6</st1:chsdate> FileUpload对象... 335</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.7</st1:chsdate> Text和Password 对象... 337</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.8</st1:chsdate> Textarea对象... 338</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.9</st1:chsdate> Select和Option对象... 338</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.10</st1:chsdate> Submit、Reset和Button对象... 340</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">19.1.11</st1:chsdate> Form对象... 341</p><p>19.2 RegExp对象... 343</p><p>19.3 叮叮书店“联系我们”页面表单数据验证... 345</p><p>19.4 小结... 347</p><p>19.5 习题... 347</p><p>第20章 HTML5 DOM.. 350</p><p>20.1 canvas对象... 350</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">20.1.1</st1:chsdate> canvas基础... 351</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">20.1.2</st1:chsdate> 使用路径... 352</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">20.1.3</st1:chsdate> 绘制文本... 354</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">20.1.4</st1:chsdate> 绘制图像... 356</p><p>20.2 HTML5拖放... 357</p><p>20.3 HTML5数据存储... 360</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">20.3.1</st1:chsdate> sessionStorage对象... 360</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">20.3.2</st1:chsdate> localStorage对象... 360</p><p>20.4 叮叮书店“书籍分类”页面拖放图书到购物车... 364</p><p>20.5 小结... 366</p><p>20.6 习题... 367</p><p>第21章 BOM.. 368</p><p>21.1 BOM对象... 368</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">21.1.1</st1:chsdate> window对象... 368</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">21.1.2</st1:chsdate> navigator对象... 372</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">21.1.3</st1:chsdate> screen对象... 373</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">21.1.4</st1:chsdate> location对象... 373</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">21.1.5</st1:chsdate> history对象... 374</p><p>21.2 元素大小与位置... 374</p><p>21.3 叮叮书店首页浮动广告... 377</p><p>21.4 小结... 379</p><p>21.5 习题... 379</p><p>第22章 jQuery入门... 381</p><p>22.1 jQuery基础... 381</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">22.1.1</st1:chsdate> 添加jQuery库... 381</p><p><st1:chsdate isrocdate="False" islunardate="False" day="30" month="12" year="1899">22.1.2</st1:chsdate> jQuery语法... 382</p><p>22.2 特效和动画... 383</p><p>22.3 HTML操作... 385</p><p>22.4 AJAX函数... 387</p><p>22.5 叮叮书店“试读”页面的建立... 387</p><p>22.6 小结... 390</p><p>22.7 习题... 390</p><p>参考文献...................................................................................................................... 391</p><p> </p><p> </p> 媒体评论
评论
前沿
在Internet蓬勃发展的今天，Web应用如日中天，越来越多的信息在Web站点上呈现。如今，Web不仅仅局限于单纯地提供信息服务，已经成为一种服务和开发平台。网站从最初简单的信息发布逐渐变成系统，网站开发包括规划、设计、管理、前后台开发和数据库管理等方方面面。建立一个有规模和有特色的网站，往往不是单独一个人所能胜任的，要以项目团队的方式进行开发，团队中的每个人都需要掌握必备的Web基本技术，这是非常重要的。 本书基于Web标准，结合编著者长期从事Web开发和教学的实际经验，深入浅出地介绍了Web前端设计技术的基础知识。对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解。 本书在编写过程中，强调理论与实践相结合，以实用为前提，包含大量应用实例，注重实际操作技能，力图使读者通过本书的学习，掌握Web前端设计开发的相关基础知识。本书主要特色有： （1）基于Web标准，重点讲述HTML5、CSS3、ECMAScript基础和JavaScript脚本语言；所有示例都通过了W3C标准检验。 （2）整本书通过模拟一个完整的实例网站进行讲解，将相关知识点分解到实例网站的具体制作环节中，针对性强。同时提供了许多示例，具有可操作性。 （3）语言通俗易懂，简单明了，可使读者很容易地掌握有关知识。 （4）知识结构安排合理，循序渐进，适合自学。 本书第1～7章由贝岩编著，第8～22章由张树明编著，全书由张树明统稿。 为满足教学和读者的需要，本书配有电子课件、书上实例源码、案例源码和习题参考答案，需要者请到清华大学出版社网站http://www.tup.com.cn/下载。 由于编著者水平有限，书中难免存在不足之处，恳请读者批评指正。 编著者 20
免费在线读
HTML5内容结构与文本
内容结构简称结构，是为网页内容建立一个框架，就像写文章先写一个提纲一样。结构使页面内容看起来不会杂乱无章，每一部分都紧密联系，形成一个整体。采用HTML5结构标签可以将页面划分成不同的区域或块形成结构，然后在不同的区域或块中填充内容，如报刊杂志版面设计一样。本章首先详细介绍HTML5结构标签和基础标签，接下来简单介绍格式化标签，然后重点介绍HTML5列表，最后详细介绍叮叮书店首页内容结构建立的过程。
本章要点：
- HTML5结构标签。
- HTML5基础标签。
- HTML5格式化标签。
- HTML5列表。
3.1 HTML5结构标签
HTML5结构标签用于搭建页面主体内容结构，形成不同的区块，完成整个页面的排版布局。表3.1列出了HTML5结构标签。
表3.1 HTML5结构标签
|
标 签 |
描 述 |
|
|
定义文章（HTML5新标签） |
|
|
定义页面内容之外的内容（HTML5新标签） |
|
|
定义元素的细节（HTML5新标签） |
|
|
定义section或page的页脚（HTML5新标签） |
|
|
定义section或page的页眉（HTML5新标签） |
|
|
定义导航链接（HTML5新标签） |
|
|
定义section（HTML5新标签） |
|
|
为
元素定义可见的标题（HTML5新标签）
|
|
|
定义文档中的节 |
|
|
定义文档中的行内元素 |
3.1.1
标签
3.1.1
一个页面内并没有限制header的出现次数，也就是说可以在同一页面内不同的内容区块上分别加上一个header元素。
在HTML5中，一个header元素至少可以包含一个heading元素（h1～h6）。
3.1.2
3.1.2
（3）建立内容区。光标定位到
（4）建立页脚区。光标定位到
3.5.3
3.5.3
1．页眉区文本
（1）网站logo。光标定位到
叮叮书店
（2）导航菜单。光标定位到
在组织菜单或连接等并列文本时，一般采用无序列表。
2．内容区文本
（1）本周推荐。光标定位到
本周推荐
《HTML5权威指南》
作为下一代Web标准，
HTML5
致力于为互联网开发者搭建更加便捷、开放的沟通平台。业界普遍认为，在未来几年内，
HTML5
无疑将成为移动互联网领域的主宰者。本书是系统学习网页设计和移动设计的参考图书。
Adam Freeman，曾在多家名企担任高级职务，现为畅销技术图书作家，著有多部C#、.NET 和Java方面的大部头作品。其中《ASP.NET 4高级程序设计（第4版）》、《精通ASP.NET
MVC
3框架（第3版）》销量均在同品种中名列前茅，备受读者推崇。Freeman专门为网页
开发新手和网页设计师打造的经典参考书，这本书秉承作者的一贯风格，幽默风趣、简约凝练、
逻辑性强，是广大Web开发人员的必读经典。
《JavaScript权威指南》
经典的JavaScript工具书，从1996年以来，本 书已经成为JavaScript程序员心中的《圣经》。
David Flanagan，是一名程序员，也是一名作家 。他在O’Reilly出版的其他畅销 书还包括《JavaScript Pocket Reference》、《The Ruby
Programming Language》、以及《Java in a
Nutshell》。David毕业于麻省理工学院，获得计算机科学与工程学位。他和妻子和孩 子一起生活在西雅图和温哥华之间的美国太平洋西北海岸。
（2）最近新书。光标定位到
最近新书
《HTML5 CSS3从入门到精通》
《HTML5 CSS3从入门到精通》
《
HTML5
CSS3从入门到精通》通过基础知识 中小实例 综合案例的方式，讲述了用
HTML5
CSS3设计构建网站的必备知识，相对于权威指南、高级程序设计、开发指南同类 图书，本书是一本适合快速入手的自学教程。
加入购物车 详细内容
《响应式Web设计》
《响应式Web设计》
《响应式Web设计：
HTML5
和CSS3实战》将当前Web设计中热门的响应式设计技术与
HTML5
和CSS3结合起来，为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网 站的各种技术。《响应式Web设计：
HTML5
和CSS3实战》适合各个层次的Web开发和设计人员阅读。
加入购物车 详细内容
（3）促销。光标定位到
最近促销
《HTML5和CSS3实例教程》
加入购物车 详细内容
《JavaScript权威指南》
加入购物车 详细内容
（4）畅销图书。光标定位到
畅销图书
- 查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）
查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）
￥43.50
￥52.00 - 分享经济 供给侧改革的新经济方案
分享经济 供给侧改革的新经济方案
￥43.50
￥52.00
（5）图书分类。光标定位到
- 编程语言
- 数据库
- 图形图像
- 网页制作
- 考试认证
（6）合作伙伴。光标定位到
- 中国电子商务研究中心
- 清华大学出版社
- 中国人民大学出版社
- 中国社会科学出版社
（7）关于书店。光标定位到
叮叮书店成立于2010年6月，是由教育部主管、清华大学主办的综合出版单位。植根于“清华” 这座久负盛名的高等学府，秉承清华人“自强不息，厚德载物”的人文精神。
3．页脚区文本
光标定位到
首页关于我们 服务条款 隐私策略 联系我们
4．版权标志文本
光标定位到
Copyright (C) 叮叮书店 2016-2018, All Rights Reserved | 京ICP证000001号音像 制品经营许可证
通讯地址：清华大学学研大厦A座 读者服务部 电话：（010） 62781733 网管信箱：netadmin@tup.tsinghuA．edu.cn
3.5.4
3.5.4
将鼠标移到WebStorm主编辑区，在弹出的主流浏览器工具栏中，单击Google Chrome图标按钮进行预览，预览效果如图3.14所示。
图3.14 叮叮书店首页预览示意图
3.6 小结
本章介绍HTML5结构标签元素，详细介绍了HTML5常用的基本元素，简单介绍了文本格式化标签，重点介绍了HTML5列表，并通过叮叮书店首页说明了建立页面内容结构的过程。
3.7 习题
1．选择题
（1）在下面的标签中，（ ）是HTML5新增的标记。
A．
B．
C．
（2）在HTML5中，注释标签是（ ）。
A． B．/**/ C．// D．
（3）HTML5中列表不包括（ ）。
A．无序列表 B．有序列表 C．定义列表 D．公用列表
（4）在HTML5文档中，使用（ ）标签标记定义列表。
A．
-
B．
-
C．
-
D．
（5）下面标签中，（ ）是通用元素。
A． B．
C．
-
D．
2．简答题
（1）HTML5中如何写注释？
（2）强制换行元素是什么？它还有什么其他功能？
（3）列表元素有哪几类？怎么使用？
（4）
和有什么区别？（5）
和 有什么区别？
Web前端设计基础——HTML5、CSS3、JavaScript pdf下载声明
本pdf资料下载仅供个人学习和研究使用，不能用于商业用途，请在下载后24小时内删除。如果喜欢，请购买正版
