Web前端设计从入门到实战:HTML5、CSS3、JavaScript项目案例开发pdf下载pdf下载

Web前端设计从入门到实战:HTML5、CSS3、JavaScript项目案例开发百度网盘pdf下载

作者:
简介:本篇主要提供Web前端设计从入门到实战:HTML5、CSS3、JavaScript项目案例开发pdf下载
出版社:清华大学出版社
出版时间:2019-03
pdf下载价格:0.00¥

免费下载


书籍下载


内容介绍

产品特色

编辑推荐

零基础入门,注重实战:全书以一个完整的真实案例“叮叮书店”贯穿讲解知识点,

视频教学,全程语音讲解:600分钟高品质配套教学视频

丰富的教学资源:教学课件,源码,答案和教学大纲


内容简介

本书基于Web标准和响应式Web设计思想深入浅出地介绍了Web前端设计技术的基础知识,对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解,内容翔实,结构合理,语言精练,表达简明,实用性强,易于自学。

  全书共分23章。第1章介绍了Web技术的基本概念、Web体系结构、超文本与标记语言、Web标准的组成和常用浏览器;第2~7章重点介绍了Web标准的结构推荐标准HTML5的常用元素的标签语句及应用;第8~13章介绍了Web标准的表现推荐标准CSS3的常用属性及应用;第14章介绍了网站制作流程与发布过程;第15~22章介绍了Web标准的行为标准ECMA-262的ECMAScript基础和JavaScript脚本语言;第23章介绍了JavaScript框架jQuery的入门知识。扫描每章提供的二维码可观看知识点的视频讲解及下载程序源码。


目录

第1章 Web技术概述 1

1.1 Internet概述 1

1.1.1 TCP/IP 1

1.1.2 主机和IP地址 2

1.1.3 域名和DNS 3

1.2 Web概述 3

1.2.1 Web历史 4

1.2.2 Web体系结构 5

1.2.3 基本Web技术 5

1.2.4 Web服务器 9

1.3 超文本与标记语言 9

1.3.1 超文本与超媒体 10

1.3.2 标记语言 10

1.4 Web标准 12

1.4.1 Web标准体系 13

1.4.2 采用Web标准的优势 15

1.5 浏览器 15

1.5.1 浏览器的发展史 15

1.5.2 浏览器的内核 16

1.5.3 常用浏览器 16

1.5.4 标准浏览器 17

1.6 Web开发工具 18

1.6.1 JetBrains WebStorm 19

1.6.2 测试和调试环境 19

1.7 小结 20

1.8 习题 20

第2章 初识HTML5 21

2.1 HTML5基础 21

2.1.1 HTML5文档结构 21

2.1.2 元素与标签 22

2.1.3 属性 26

2.1.4 语法规则 27

2.2 WebStorm基础 27

2.2.1 WebStorm的基本操作 28

2.2.2 WebStorm的快捷键 29

2.3 文档结构元素 30

2.3.1 标签 31

2.3.2 标签 31

2.3.3 标签 31

2.4 头部元素 31

2.4.1

标签 31</p> <p>2.4.2 <meta>标签 32</p> <p>2.5 为叮叮书店首页添加元信息 35</p> <p>2.6 小结 36</p> <p>2.7 习题 36</p> <p> 第3章 HTML5内容结构与文本 37</p> <p>3.1 HTML5结构标签 37</p> <p>3.1.1 <header>标签 38</p> <p>3.1.2 <main>标签 38</p> <p>3.1.3 <nav>标签 38</p> <p>3.1.4 <article>标签 38</p> <p>3.1.5 <section>标签 38</p> <p>3.1.6 <aside>标签 39</p> <p>3.1.7 <footer>标签 39</p> <p>3.1.8 <details>标签和<summary>标签 39</p> <p>3.1.9 <div>标签 39</p> <p>3.1.10 <span>标签 40</p> <p>3.2 HTML5基础标签 40</p> <p>3.2.1 标题 40</p> <p>3.2.2 段落 41</p> <p>3.2.3 换行符 41</p> <p>3.2.4 注释 41</p> <p>3.3 HTML5格式化标签 41</p> <p>3.3.1 文本格式化标签 41</p> <p>3.3.2 引用和术语定义标签 43</p> <p>3.3.3 HTML5新增格式标签 44</p> <p>3.4 HTML5列表 47</p> <p>3.4.1 无序列表 47</p> <p>3.4.2 有序列表 48</p> <p>3.4.3 定义列表 49</p> <p>3.5 叮叮书店首页内容结构的建立 49</p> <p>3.5.1 分析设计页面内容结构 50</p> <p>3.5.2 用HTML5结构标签确定页面内容结构 50</p> <p>3.5.3 添加文本内容 53</p> <p>3.5.4 在浏览器中预览 57</p> <p>3.6 小结 58</p> <p>3.7 习题 5</p> <p></p></div> </div> <div class="more"><a data-open="0" href="#detail-tag-id-6" clstag="shangpin|keycount|product|muluquanbu_3">查看全部↓</a></div> </div> <div id="detail-tag-id-7" name="detail-tag-id-7" text="精彩书摘" class="book-detail-item" clstag="shangpin|keycount|product|jingcaishuzhaiqu_3"> <div class="item-mt"> <h3>精彩书摘</h3> </div> <div class="item-mc"> <div class="book-detail-content"><p>  HTML5多媒体<br />  多媒体是我们可以看到和听到的一切,例如文本、图片、音乐、声音、动画和视频等。多媒体以多种方式存在,大多数多媒体被存储在媒体文件中,以独立的文件形式存在,一般通过文件的扩展名来区分不同类型的多媒体,HTML5可以通过多种方式使用多媒体。本章首先重点介绍HTML5图像元素,接下来介绍音频/视频文件的格式及如何在页面中使用,最后介绍在叮叮书店首页添加多媒体元素的操作过程。<br />  本章要点:<br />  HTML5图像。<br />  HTML5音频/视频。<br />  5.1 HTML5图像<br />  可以在HTML5中显示图像的标签见表5.1。<br />  表5.1 图像标签<br />  标 签<br />  描 述<br />  定义图像<br />  定义带有可单击区域的图像映射<br />  定义图像地图中的可单击区域<br />  定义媒介内容的分组以及它们的标题<br />  定义figure元素的标题<br />  5.1.1 标签<br />  在HTML5中图像由标签定义,img是空元素,表5.2列出了img元素的常用 属性。<br />  表5.2 img元素的常用属性<br />  属 性<br />  值<br />  描 述<br />  alt<br />  text<br />  必需,图像的替换文本<br />  src<br />  url<br />  必需,图像的URL<br />  height<br />  pixels或%<br />  可选,图像的高度<br />  width<br />  pixels或%<br />  可选,图像的宽度<br />  usemap<br />  url<br />  将图像定义为客户端图像映射<br />  src属性<br />  如果要在页面上显示图像,必须使用src属性声明图像的URL地址。其格式如下:<br />  url指图像文件的位置。浏览器将图像显示在文档中图像标签出现的地方。<br />  alt属性<br />  当浏览器不能显示图像时(例如无法载入图像或浏览器禁止图像显示),将在显示图像的位置上显示alt属性定义的文本。为页面上的每一个图像加上替换文本属性有利于更好地显示信息。例如:<br />  船<br />  图像是独立于文件存在的,如果某个HTML5文件包含10个图像,要正确地显示这个页面,需要加载11个文件,HTTP协议需要11次请求才能完成,而加载图片是需要时间的,所以要合理地在文档内容中加入图像,如果过度使用图像,用户在浏览该页面时会增加很多不必要的等待时间。<br />  Web使用的主要图像格式有GIF、JPEG和PNG。<br />  ……<br /></p></div> </div> <div class="more"><a data-open="0" href="#detail-tag-id-7" clstag="shangpin|keycount|product|shuzhaiquanbu_3">查看全部↓</a></div> </div> <div id="detail-tag-id-8" name="detail-tag-id-8" text="前言/序言" class="book-detail-item" clstag="shangpin|keycount|product|qianyanqu_3"> <div class="item-mt"> <h3>前言/序言</h3> </div> <div class="item-mc"> <div class="book-detail-content"><p>  在Internet蓬勃发展的今天,Web应用如日中天,越来越多的信息在Web站点上呈现,特别是随着“互联网+”模式的不断推广与普及,Web已经成为一种服务和开发的平台,从最初简单的信息发布逐渐变成了系统,其中Web前端设计技术已经成为从事互联网行业的每个人都必须掌握的最基础的入门技术。<br />  本书基于Web标准和响应式Web设计思想,结合编者长期从事Web开发和教学的实际经验,深入浅出地介绍了Web前端设计技术的基础知识,对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解。<br />  本书强调理论与实践相结合,以实用为前提,包含大量应用实例,注重实际操作技能,力图使读者通过本书的学习掌握Web前端设计开发的相关基础知识。本书的主要特色 如下:<br />  (1)基于Web标准,重点讲述了HTML5、CSS3、ECMAScript基础和JavaScript脚本语言,所有示例都通过了W3C标准检验。<br />  (2)整本书通过模拟一个完整的实例网站进行讲解,相关知识点分解到实例网站的具体环节中,针对性强。同时,本书提供了许多示例,具有可操作性。<br />  (3)语言通俗易懂,简单明了,可以使读者很容易地掌握有关知识。<br />  (4)知识结构安排合理,循序渐进,适合自学。<br />  本书的第1版于2017年3月出版,承蒙读者的厚爱,出版后受到读者的普遍欢迎。随着Web前端设计技术知识的不断更新并经过两轮的教学实践,本书的第2版在第1版的基础上在以下几方面做了改进:<br />  (1)基于响应式Web设计思想,在HTML5中增加了适应移动设备的相关知识点,增加了新的元素,删除了过时的元素。<br />  (2)在CSS3中增加了许多新的样式属性和单位,布局方式重点介绍了伸缩盒,并且基于响应式Web设计思想全部重新编写了案例。<br />  (3)在JavaScript中增加了Ajax与JSON,例子适当增加难度,用现代JavaScript思想规范编写脚本代码。<br />  (4)对第1版中的有关知识点采用了最新提法并补充完善。<br />  本书的第1~7章由贝岩编写,第8~23章由张树明编写,全书由张树明统稿。<br />  为满足教学和读者的需要,本书配有电子课件、书上实例的源代码、案例源代码和习题参考答案等资源,需要者请扫描下方的二维码:<br />  源码下载<br />  在编写本书的过程中,编者参阅了大量与Web前端设计技术相关的书籍和网络资料,在此对这些书籍和资料的作者表示感谢。由于编者水平有限,书中难免存在不足之处,恳请读者批评指正,读者也可以直接与清华大学出版社联系。<br />  编 者<br />  2019年1月<br /><br /></p></div> </div> <div class="more"><a data-open="0" href="#detail-tag-id-8" clstag="shangpin|keycount|product|qianyanquanbu_3">查看全部↓</a></div> </div> <br/>