Web前端一站式开发手册：HTML5+CSS3+JavaScriptpdf下载

Web前端一站式开发手册：HTML5+CSS3+JavaScript百度网盘pdf下载

作者:
简介:Web前端一站式开发手册：HTML5+CSS3+JavaScript
出版社：
出版时间：2020-07
pdf下载价格：0.00￥

免费下载

前去下载

书籍下载

下载地址

内容介绍

产品特色

编辑推荐

本书编写模式采用基础知识 + 中小实例 + 实战案例 + 课后作业，内容由浅入深，循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。
（1）本书是Web前端零基础的启蒙之书
（2）全书覆盖Web前端开发的知识体系内容
（3）理论实战紧密结合，彻底摆脱纸上谈兵
本书用通俗的语言、合理的结构对Web前端的知识进行了细致的剖析。几乎每个章节都有二维码，微信扫一扫，可以随时随地看视频，体验感非常好。从配套到拓展，资源库一应俱全。全书上百个案例丰富详尽，跟着案例去学习，边学边做，从做中学，学习体验可以更深入、更高效。

内容简介

本书以“理论知识”为铺垫，以“实际应用”为指向，从简单易学的角度出发，系统讲述了Web前端开发的相关知识，内容由浅入深，通俗易懂，知识点与案例结合紧密，所选案例新颖丰富，紧贴实战。
本书从Web基础知识讲起，循序渐进地融入了HTML5、CSS3、JavaScript、绘图、地理定位、本地存储等实用技术，是一本真正的Web前端开发从学到用的自学教程。
本书配备了极为丰富的学习资源，不仅有教学视频、实例素材及源程序，还有HTML页面基本速查、CSS常用属性速查、JavaScript对象参考手册，jQuery参考手册、网页配色基本知识速查等电子书。
本书适合作为Web前端开发、网页设计、网页制作、网站建设的入门级或者有一定基础读者的自学用书，也可用作高等院校或培训学校相关专业的教材及参考书。

目录

第1章 Web基础知识 001
1.1 Web前端开发 002
1.1.1 什么是前端开发 002
1.1.2 前端开发要学哪些内容 002
1.2 Web工作原理 003
1.2.1 因特网与万维网 003
1.2.2 Web架构 003
1.2.3 协议 004
1.2.4 服务器 005
1.2.5 什么是网页 005
1.2.6 浏览器的工作原理 005
1.2.7 网页与网站的关系 006
1.3 HTML概念与HTML5的联系 006
1.3.1 什么是HTML 006
1.3.2 HTML到XHTML 007
1.3.3 HTML5的发展 008
1.4 HTML文件的基本标记 008
1.4.1 开始标签 009
1.4.2 头部标签 009
1.4.3 标题标签 009
1.4.4 主体标签 010
1.4.5 元信息标签 010
1.4.6 综合实战 制作我的第一个网页 011
课后作业 简单网页的制作方法 013

第2章 填充网页内容 015
2.1 网页中文字和段落 016
2.1.1 标题文字 016
课堂练习：制作大小不同的标题 016
2.1.2 文字对齐 017
课堂练习：使用align设置对齐方式 017
2.1.3 文字字体 018
课堂练习：字体的设置 018
2.1.4 段落换行 019
课堂练习：给文字换行 019
2.1.5 字体颜色 020
课堂练习：给文字设置色彩 020
2.1.6 文字的上标和下标 021
课堂练习：制作数学方程式 021
2.1.7 文字删除线 021
课堂练习：删除线的制作 022
2.1.8 文字不换行 022
课堂练习：制作文字不换行效果 022
2.1.9 文字加粗 023
课堂练习：让文字更加突出 023
2.2 网页中的图片样式 024
2.2.1 图片的格式 024
2.2.2 给网页添加图片 025
课堂练习：使用img标签 025
2.2.3 设置图片的大小 026
课堂练习：图片的大小设置 026
2.2.4 图片的边框显示 027
课堂练习：给图片设置边框 027
2.2.5 水平间距 027
课堂练习：设置图片的间距效果 028
2.2.6 提示文字 029
课堂练习：设置图片的提示文字 029
2.2.7 文字替换图片 029
课堂练习：设置图片的替换文字 030
综合实战 定义图片热区 030
课后作业 设置字体和图片样式 032

第3章 表格布局网页 034
3.1 创建表格 035
3.1.1 表格的基本构成 035
3.1.2 表格的标题 035
课堂练习：制作表格的标题 035
3.1.3 表格的表头 037
课堂练习：制作表格的表头 037
3.2 设置表格边框样式 038
3.2.1 给表格设置边框 038
课堂练习：设置表格边框 038
3.2.2 给表格边框设置颜色 039
课堂练习：设置表格边框颜色 040
3.2.3 表格中的单元格间距 041
课堂练习：设置表格单元格间距 041
3.2.4 表格中文字与边框间距 042
课堂练习：在文字和边框之间设置间距 042
3.3 设置表格行内属性 043
3.3.1 行的背景颜色及大小 043
课堂练习：设置行的背景颜色和大小 043
3.3.2 行内文字的对齐方式 045
课堂练习：如何设置行内文字的对齐方式 045
3.4 设置表格的背景 046
3.4.1 表格背景颜色 047
课堂练习：表格整体颜色的设置 047
3.4.2 为表格背景插入图像 048
课堂练习：插入表格的背景图片 048
3.5 设置单元格的样式 049
3.5.1 单元格的大小 049
课堂练习：设置单元格的大小 049
3.5.2 单元格的背景颜色 051
课堂练习：设置单元格的背景颜色 051
3.5.3 单元格的边框属性 052
课堂练习：给单元格边框设置属性 052
3.5.4 合并单元格 053
课堂练习：将多个单元格进行合并 053
综合实战 利用表格制作简单的网页 055
课后作业 制作一张课程表 057

第4章 列表和超链接 059
4.1 使用无序列表 060
4.1.1 ul标签使用方法 060
课堂练习：制作无序列表 060
4.1.2 type无序列表类型 061
课堂练习：制作无序列表类型 061
4.2 使用有序列表 063
4.2.1 ol定义有序列表 063
课堂练习：制作有序列表 063
4.2.2 type有序列表类型 064
课堂练习：设置有序列表类型 064
4.2.3 start有序列表的起始值 065
课堂练习：制作列表的起始值 065
4.2.4 dl定义列表标签 066
课堂练习：制作定义列表 066
4.2.5 menu菜单列表 068
课堂练习：制作菜单列表样式 069
4.2.6 color设置列表文字颜色 069
课堂练习：给列表项目设置颜色 070
4.3 列表的嵌套 070
4.3.1 定义列表的嵌套 070
课堂练习：使用嵌套列表制作诗集 071
4.3.2 无序列表和有序列表的嵌套 072
课堂练习：制作中国历史朝代出现的顺序 072
4.3.3 有序列表之间的嵌套 073
课堂练习：有序列表的嵌套方法 073
4.4 超链接的路径 075
4.4.1 绝对路径 075
4.4.2 相对路径 075
4.5 创建超链接 075
4.5.1 超链接标签的属性 075
4.5.2 内部链接 076
课堂练习：制作网页中的链接方法 076
4.5.3 外部链接 077
课堂练习：链接到外部网页 077
综合实战 制作网站首页菜单 078
课后作业 首页的二级菜单 080

第5章 HTML5常用元素 082
5.1 HTML5新特性 083
5.1.1 HTML5的兼容性 083
5.1.2 HTML5的化繁为简 083
5.1.3 HTML5的通用访问 084
5.1.4 HTML5标准改进 084
5.2 HTML5优势 084
5.2.1 页面的交互性能更强大 085
查看全部↓

前言/序言

1 为什么要学习前端
Web前端作为近几年非常火的软件开发岗位，得到了许多人的青睐。Web前端即网站前台部分，也叫前端开发，运行在PC端、移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3、前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计给用户带来极高的用户体验。
HTML、CSS、JavaScript是前端开发中最基本也是最重要的三个技能。在页面布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不少。在进行开发前，需要将这些概念弄清楚，这样在开发的过程中才会得心应手。
学习前端开发技术有很大的优势：
· Web前端开发入门门槛很低，且市场的缺口很大，前景非常好。
· Web前端需要更少的逻辑思维，对计算机和物联网的知识也比嵌入式系统少。所以，只要你想进入网络前端行业，有正确的学习态度和学习耐心，即使你是零基础，也可以学好。
· 在移动行业，Web前端开发工程师是高薪的代名词，随着工作年限的增加，工资也相应增加。
2 为什么要选择本书
本书编写模式采用基础知识 + 中小实例 + 实战案例 + 课后作业，内容由浅入深，循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。
（1）本书是Web前端零基础的启蒙之书
随着网络的不断发展和成熟，前端知识已经应用到我们的生活中，大到公司网页的制作，小到手机游戏，都要用到前端的相关知识。但随之而来也出现了很多问题：很多人不知道如何入门HTML、如何学习CSS的选择器以及如何利用JavaScript制作网页特效，或者很多人只能局限于简单的模仿，特别是在实际应用上，与前端设计师的水平总是有些差距。鉴于此，我们编写此书，旨在通过本书的实例讲解以及专家指点，给读者带来一定的启发。
（2）全书覆盖Web前端开发的知识内容
本书以敏锐的视角、简练的语言，结合前端设计行业的特点，对HTML、CSS和JavaScript进行了全方位讲解。书中几乎囊括了目前前端设计的所有应用知识点，保证读者能够学以致用，更快地入门前端开发。
（3）理论实战紧密结合，彻底摆脱纸上谈兵
本书包含大量的案例，既有针对一个元素的小案例，也有综合总结性的大案例，所有的案例都经过了精心设计。读者在学习本书的时候可以通过案例更好、更快、更明了地理解知识并掌握应用，同时这些案例也可以在开发时候直接引用。
3 本书的读者对象
从事平面设计的工作人员
培训班中学习前端设计的学员
对前端设计有着浓厚兴趣的爱好者
零基础想转行到前端的人员
有想进入IT行业想法的人员
有空闲时间想掌握更多技能的办公室人员
高等院校相关专业的师生
4 学习本书的方法
想要学好前端，关键要看自己的态度，下面给出一些学习建议：
（1）学习前端要从概念入手
拿到本书后，会看到HTML、CSS、JavaScript的概念，只有学会这三种语言，在理解的基础上才能进行应用。要吃透这些语法、结构的应用例子，才能做到举一反三。
（2）多动手实践
起步阶段问题自然不少，要做到沉着镇定，不慌不乱，先自己思考问题出在何处，并动手去解决，可能有多种解决方法，但总有一种是更高效的。亲自动手进行程序设计是创造性思维应用的体现，也是培养逻辑思维的好方法。
（3）多与他人交流
每个人的思维方式不同、角度各异，所以解决方法也会不同，通过交流可不断吸收别人的长处，丰富前端实践，帮助自己提高水平。可以在身边找一个学习前端的人，水平高低不重要，重要的是能够志同道合地一起向前走。
（4）要不断学习并养成良好的习惯
前端入门不难，但日后不断学习很重要。在此期间要注意养成一些良好的编写习惯。良好的编程风格可以使程序结构清晰合理，且使程序代码便于维护。如代码的缩进编排、规则的一致性、代码的注释等。
总之，学习前端就是一个“理论→实践→再理论→再实践”的认知过程。在这条路子上行走，每个人都会遇到“瓶颈期”，会觉得自己之前学的都一无用处，遇到的问题根本无法解决，这时候就要回头看，回头来再学习一些基础理论。学过之后，很多以前遇到的问题都会迎刃而解，使人有豁然开朗之感。
本书用通俗的语言、合理的结构对Web前端的知识进行了细致的剖析。几乎每个章节都有大量二维码，手机扫一扫，可以随时随地看视频，体验感非常好。从配套到拓展，资源库一应俱全。全书上百个案例丰富详尽，跟着案例去学习，边学边做，从做中学，学习体验可以更深入、更高效。最后祝大家学有所成。
5 本书包含哪些内容
本书是一本介绍HTML、CSS和JavaScript开发技术的实用图书。全书可分为4个部分。
第1～9章主要是对HTML知识的讲解，从HTML基础知识讲起，全面介绍了HTML和HTML5的全部标签和内容，内容包括：表单、表格、列表、链接、HTML5新增属性、canvas绘图、定位、拖拽和存储等知识。
第10～17章主要是对CSS知识的讲解，详细介绍了CSS 和CSS3的绝大部分常用选择器、属性，并为这些选择器、属性提供了示例，这部分内容涵盖了CSS定位、盒模型、动画、转换、变色和自适应等知识。
第18～22章主要是对JavaScript编程的相关内容进行了讲解，包括JavaScript基础语法、JavaScript函数、JavaScript对象、DOM编程，这些内容覆盖了初学者的编程基础。
第23章是一个综合项目开发，综合运用了HTML 5、CSS3和JavaScript等知识制作了一个网站。通过对整个项目的学习，既可让读者巩固前面所掌握的各种知识，也可让读者将所学理论运用到实际开发中。
本书在编写过程中力求严谨细致，但由于时间与精力有限，疏漏之处在所难免。读者在学习过程中若遇到问题，可联系QQ 1908754590与笔者交流。

编著者

查看全部↓