本书从零基础读者的角度出发,通过通俗易懂的语言、丰富多彩的实例,循序渐进地让读者在实践中学习HTML、CSS 与JavaScript编程知识,提升自己的实际开发能力。 全书共分为5篇24章,内容包括HTML基础、文本、添加图像、超链接的使用、表格与div标签、CSS3概述、CSS3高级应用、列表、表单、多媒体播放、HTML5新特性、响应式网页设计、响应式组件、JavaScript概...
浏览网页已成为人们生活和工作中必不可少的一部分,网页页面随着技术的发展也越来越丰富、越来越美观,制作精美的网页可以大幅提升用户体验。制作精美的网页离不开前端开发“三剑客”,即HTML、CSS和JavaScript。HTML是网页设计的一种基础语言,用于添加网页中的内容;CSS为层叠样式表,用于设计网页内容的样式;JavaScript可以为网页添加效果等,而jQuery则是基于JavaScript的一种脚本库,使用jQuery可以大大提高开发效率。本书主要介绍了HTML、CSS、JavaScript以及jQuery技术。 本书内容 本书包含了学习Web前端开发的各类必备知识,全书共分为5篇24章内容,结构如下。 第1篇:HTML基础篇。本篇主要介绍HTML基础知识,主要包括HTML基础、文本、添加图像、超链接的使用、表格与〈div〉标签。 第2篇:CSS3与HTML5应用篇。本篇主要讲解CSS中常用的选择器与属性以及HTML5中的新特性与标签,主要包括CSS3概述、CSS3高级应用、列表、表单、多媒体播放、HTML5新特性、响应式网页设计和响应式组件。 第3篇:JavaScript基础篇。本篇主要介绍JavaScript基础知识,主要包括JavaScript概述、JavaScript基础、JavaScript基本语句、JavaScript中的函数、JavaScript中的对象以及JavaScript中的数组。 第4篇:JavaScript高级篇。本篇主要介绍JavaScript高级应用,包括Ajax技术和jQuery技术,具体有Ajax技术、jQuery基础、jQuery控制页面和事件处理3章内容。 第5篇:项目开发篇。学习编程的最终目的是进行开发,解决实际问题,本篇通过设计叮叮商城网站和模仿王者荣耀游戏网站这两个项目来讲解使用所学知识开发项目。 本书特点 ● 知识讲解详尽细致。本书以零基础入门学员为对象,力求将知识点划分得更加细致,讲解更加详细,使读者能够学必会,会必用。 ● 案例侧重实用有趣。实例是最好的编程学习方式。本书在讲解知识时,通过有趣、实用的案例对所讲解的知识点进行解析,让读者不只学会知识,还能够知道所学知识的真实使用场景。 ● 思维导图总结知识。每章最后都使用思维导图总结本章重点知识,使读者能一目了然地回顾本章知识点,以及需要重点掌握的知识。 ● 配套高清视频讲解。本书资源包中提供了同步高清教学视频,读者可以通过这些视频更快速地学习,感受编程的快乐和成就感,增强进一步学习的信心,从而快速成为编程高手。 读者对象 ● 初学编程的自学者 ● 编程爱好者 ● 大中专院校的老师和学生 ● 相关培训机构的老师和学员 ● 做毕业设计的学生 ● 初、中、高级程序开发人员 ● 程序测试及维护人员 ● 参加实习的“菜鸟”程序员 读者服务 为了方便解决本书疑难问题,我们提供了多种服务方式,并由作者团队提供在线技术指导和社区服务,服务方式如下: ● 企业QQ:4006751066 ● QQ群:515740997 ● 服务电话:400-67501966、0431-84978981 本书约定 开发环境及工具如下: ● 操作系统:Windows7、Windows 10等。 ● 开发工具:WebStorm 2020.2(WebStorm 2016、WebStorm 2018等兼容) 致读者 本书由明日科技Web前端程序开发团队组织编写,主要人员有何平、王小科、申小琦、赵宁、李菁菁、张鑫、周佳星、王国辉、李磊、赛奎春、杨丽、高春艳、冯春龙、张宝华、庞凤、宋万勇、葛忠月等。在编写过程中,我们以科学、严谨的态度,力求精益求精,但疏漏之处在所难免,敬请广大读者批评指正。 感谢您阅读本书,零基础编程,一切皆有可能,希望本书能成为您编程路上的敲门砖。 祝读书快乐! 编著者
本书从零基础读者的角度出发,通过通俗易懂的语言、丰富多彩的实例,循序渐进地让读者在实践中学习HTML、CSS 与JavaScript编程知识,提升自己的实际开发能力。 全书共分为5篇24章,内容包括HTML基础、文本、添加图像、超链接的使用、表格与div标签、CSS3概述、CSS3高级应用、列表、表单、多媒体播放、HTML5新特性、响应式网页设计、响应式组件、JavaScript概述、JavaScript 语言基础、JavaScript 基本语句、JavaScript 中的函数、JavaScript 中的对象、JavaScript 中的数组、Ajax技术、jQuery基础、jQuery控制页面和事件处理、设计叮叮商城网站、模仿王者荣耀游戏网站等。书中知识点讲解细致,侧重介绍每个知识点的使用场景,涉及的代码给出了详细的注释,可以使读者轻松领会前端开发的精髓,快速提高开发技能。同时,本书配套了大量教学视频,扫码即可观看,还提供所有程序源文件,方便读者实践。 本书适合HTML、CSS、JavaScript初学者及前端开发入门者自学使用,也可用作高等院校相关专业的教材及参考书。
第1篇 HTML基础篇 第1章 HTML基础 2 视频讲解:5节,58分钟 1.1 HTML概述 3 1.1.1 什么是HTML 3 1.1.2 HTML的发展历程 3 1.2 HTML文件的基本结构 3 1.2.1 HTML的基本结构 4 1.2.2 HTML的基本标签 5 1.3 编写第一个HTML文件 8 1.3.1 HTML文件的编写方法 8 1.3.2 手工编写页面 9 1.3.3 使用WebStorm制作页面 10 【实例1.1】 运用属性,渲染页面效果 15 本章知识思维导图 16 第2章 文本 17 视频讲解:10节,72分钟 2.1 标题 18 2.1.1 标题标签 18 【实例2.1】 巧用标题标签,编写开心一笑 18 2.1.2 标题的对齐方式 20 【实例2.2】 活用文字居中,推荐商品信息 20 2.2 文字 21 2.2.1 文字的斜体、下划线、删除线 21 【实例2.3】 活用文字装饰,推荐商品信息 21 2.2.2 文字的上标与下标 22 【实例2.4】 使用上标与下标,展示数学公示表 23 2.2.3 特殊文字符号 23 【实例2.5】 巧用文字符,绘制字符画 24 2.3 段落 24 2.3.1 段落标签 25 【实例2.6】 巧用段落标签,介绍创意文字 25 2.3.2 段落的换行标签 26 【实例2.7】 巧用换行,书写古诗 26 2.3.3 段落的原格式标签 27 【实例2.8】 巧用原格式标签,输出元旦快乐 27 2.4 水平线 28 2.4.1 水平线标签 28 【实例2.9】 巧用水平线,绘制行表格 28 2.4.2 水平线标签的宽度 29 【实例2.10】 巧用
的宽度属性,装饰文字 29 本章知识思维导图 30 第3章 添加图像 31 视频讲解:5节,74分钟 3.1 添加图像 32 3.1.1 图像的基本格式 32 3.1.2 添加图像 32 【实例3.1】 使用img标签,实现象棋简介 33 3.2 设置图像属性 34 3.2.1 图像大小与边框 34 【实例3.2】 改变手机商品图像的大小和边框 34 3.2.2 图像间距与对齐方式 35 【实例3.3】 使用align和vspace等改变头像的位置 36 3.2.3 替换文本与提示文字 36 【实例3.4】 设置图像的提示文字与替换文本 37 本章知识思维导图 38 第4章 超链接的使用 39 视频讲解:4节,67分钟 4.1 链 接 标 签 40 4.1.1 文本链接 40 【实例4.1】 巧用文本链接,实现网站导航 40 4.1.2 书签链接 41 【实例4.2】 巧用书签链接,实现商城网页内部跳转 41 4.2 图像的超链接 43 4.2.1 图像的超链接 43 【实例4.3】 添加图像链接,实现“手机风暴”板块 43 4.2.2 图像热区链接 44 【实例4.4】 使用热区链接,添加多个链接地址 45 本章知识思维导图 46 第5章 表格与标签 47 视频讲解:9节,72分钟 5.1 简单表格 48 5.1.1 简单表格的制作 48 【实例5.1】 使用表格标签编写值日表 48 5.1.2 表头的设置 49 【实例5.2】 使用表头标签制作简单课程表 50 5.2 表格的高级应用 51 5.2.1 表格的样式 51 【实例5.3】 制作商品推荐表格 51 5.2.2 表格的合并 52 【实例5.4】 使用表格标签,制作复杂的课程表 53 5.2.3 表格的分组 54 【实例5.5】 使用表格分组制作学生练习表 54 5.3标签 56 5.3.1标签的介绍 56 【实例5.6】 使用标签制作一首古诗 56 5.3.2标签的应用 57 【实例5.7】 使用标签制作个人简历 57 5.4 标签 58 5.4.1 标签的介绍 58 【实例5.8】 使用标签制作春节介绍短文 59 5.4.2 标签的应用 59 【实例5.9】 使用标签制作公司介绍小短文 60 本章知识思维导图 61 第2篇 CSS3与HTML5应用篇 第6章 CSS3概述 64 视频讲解:9节,141分钟 6.1 CSS概述 65 6.1.1 CSS的发展史 65 6.1.2 一个简单的CSS示例 65 6.2 CSS3中的选择器 67 6.2.1 属性选择器 68 【实例6.1】 实现51购商城中的手机风暴版块 68 6.2.2 类和ID选择器 69 【实例6.2】 实现商城首页中爆款特卖版块 70 6.2.3 伪类和伪元素选择器 71 【实例6.3】 实现vivo X9s手机的宣传页面 72 6.2.4 其他选择器 74 【实例6.4】 实现商城的分类版块界面 74 6.3 常用属性 76 6.3.1 文本相关属性 76 【实例6.5】 实现51购商城的抢购页面 78 6.3.2 背景相关属性 79 【实例6.6】 实现为登录页面插入背景图像 80 6.3.3 列表相关属性 81 【实例6.7】 实现购物商城导航栏 81 本章知识思维导图 83 第7章 CSS3高级应用 84 视频讲解:8节,155分钟 7.1 框模型 85 7.1.1 外边距(margin) 85 【实例7.1】 实现vivo X9 Plus手机宣传页面 86 7.1.2 内边距(padding) 87 【实例7.2】 实现手机商城新品专区的商品页面 88 7.1.3 边框(border) 89 【实例7.3】 实现购物商城中的商品列表 91 7.2 布局常用属性 92 7.2.1 浮动 93 【实例7.4】 比较各浮动方式的区别 93 7.2.2 定位 94 【实例7.5】 实现鼠标滑过文字显示对应的内容 95 7.3 动画与特效 95 7.3.1 变换(transform) 96 【实例7.6】 实现鼠标滑过时图像显示对应的变形效果 96 7.3.2 过渡(transition) 98 【实例7.7】 实现鼠标滑过时逐渐展开图像的效果 99 7.3.3 动画(animation) 100 【实例7.8】 实现滚动广告动画 102 本章知识思维导图 103 第8章 列表 104 视频讲解:7节,32分钟 8.1 列表的标签 105 8.2 无序列表 105 8.2.1 无序列表标签 105 【实例8.1】 无序列表列举唐宋八大家 106 8.2.2 无序列表属性 106 【实例8.2】 无序列表制作商品预览效果 106 8.3 有序列表 108 8.3.1 有序列表标签 108 【实例8.3】 运用有序列表输出古诗 108 8.3.2 有序列表属性 108 【实例8.4】 运用有序列表制作商城页面 109 8.4 列表的嵌套 110 8.4.1 定义列表的嵌套 110 【实例8.5】 运用列表嵌套输出古诗 111 8.4.2 无序列表和有序列表的嵌套 112 【实例8.6】 使用列表嵌套制作导航栏 112 本章知识思维导图 114 第9章 表单 115 视频讲解:8节,44分钟 9.1 表单概述 116 9.1.1 概述 116 9.1.2 表单标签
ISBN:978-7-122-41327-7
语种:汉文
开本:16
出版时间:2022-09-01
装帧:平
页数:371