HTML5+CSS3网页设计与制作案例教程(配光盘)

HTML5+CSS3网页设计与制作案例教程(配光盘) pdf epub mobi txt 电子书 下载 2025

姬莉霞,李学相,韩颖,刘成明 著
图书标签:
  • HTML5
  • CSS3
  • 网页设计
  • 网页制作
  • 前端开发
  • 教程
  • 案例
  • 光盘
  • 入门
  • 设计
想要找书就要到 静思书屋
立刻按 ctrl+D收藏本页
你会得到大惊喜!!
出版社: 清华大学出版社
ISBN:9787302459699
版次:1
商品编码:12041865
包装:平装
开本:16开
出版时间:2017-02-01
用纸:胶版纸
页数:549
字数:830000
正文语种:中文
附件:光盘

具体描述

编辑推荐

  《HTML5+CSS3网页设计与制作案例教程》共16章,从初学者的角度出发,以知识点示例、章节综合案例、全书综合案例和实验手册等形式,全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV+CSS网页布局技术等。讲解过程由浅入深、循序渐进,力求通过实例操作让读者快速掌握网页设计的方法和技巧。   本书附带1张光盘,其中包含书中所有实例的源文件以及教学用课件,以方便读者学习和参考。   本书既适合作为大中专院校和培训学校计算机相关专业学生的教材,也适合作为网页设计制作人员及爱好者的参考用书。

内容简介

  Web标准是所有网页前端技术的规范和发展方向,本书学习的HTML5和CSS3是Web标准的主要组成部分,阐述了内容和样式分离的网页设计精髓。

  全书共16章,从初学者的角度出发,以知识点示例、章节综合案例、全书综合案例和实验手册等形式,全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV+CSS网页布局技术等。讲解过程由浅入深、循序渐进,力求通过实例操作让读者快速掌握网页设计的方法和技巧。

  本书附带1张光盘,其中包含书中所有实例的源文件以及教学用课件,以方便读者学习和参考。

  本书既适合作为大中专院校和培训学校计算机相关专业学生的教材,也适合作为网页设计制作人员及爱好者的参考用书。


内页插图

目录

第1章 网页设计基础知识 1
1.1 网页相关知识简介 2
1.1.1 互联网(internet)、因特网
(Internet)、万维网(WWW) 2
1.1.2 网站和网页 2
1.1.3 网页与HTML 3
1.1.4 静态网页和动态网页 4
1.1.5 IP地址、域名和URL 5
1.1.6 HTTP和FTP 6
1.1.7 浏览器 6
1.2 网页的基本元素 6
1.2.1 网页的基本媒体元素 6
1.2.2 网页的基本布局元素 8
1.3 网页设计常用技术 10
1.3.1 网页标记语言HTML 10
1.3.2 网页表现技术CSS 10
1.3.3 网页脚本语言JavaScript 11
1.3.4 动态网页编程技术ASP.NET、
JSP、PHP等 11
1.4 网页设计常用工具 11
1.4.1 基于文本的编辑器 12
1.4.2 所见即所得编辑器 13
1.4.3 如何选择工具 13
1.5 习题 14
1.5.1 单选题 14
1.5.2 填空题 14
1.5.3 判断题 14
1.5.4 简答题 15

第2章 HTML5基础 17
2.1 认识HTML5 18
2.1.1 HTML及其发展 18
2.1.2 HTML5的新特性 18
2.1.3 编写第一个HTML5文件 19
2.2 HTML基本语法 20
2.2.1 标记与元素 20
2.2.2 HTML属性 22
2.2.3 全局属性 22
2.3 HTML5文档的结构 25
2.3.1 HTML5文档的基本结构 25
2.3.2 网页标题 25<br/>2.3.3 定义元数据 26<br/>2.3.4 HTML5新增的结构标记 29<br/>2.4 综合案例——基本的HTML5<br/>网页 30<br/>2.5 习题 32<br/>2.5.1 填空题 32<br/>2.5.2 判断题 32<br/>2.5.3 简答题 32<br/>第3章 文字与段落 33<br/>3.1 基本的文字排版 34<br/>3.1.1 段落<p> 34<br/>3.1.2 控制换行<br/> 35<br/>3.1.3 预先格式化<pre> 373.1.4 水平线<hr/> 383.1.5 标题文字<h1>~<h6> 403.2 描述文本的语义化、结构化元素 413.2.1 强调文本<span class="Apple-style-span" style="font-weight: bold;">/<span class="Apple-style-span" style="font-style: italic;">/<span class="Apple-style-span" style="font-style: italic;">/<span class="Apple-style-span" style="font-weight: bold;"> 413.2.2 作品标题<cite> 433.2.3 小型文本<small> 443.2.4 标记文本改变</small></cite></span></span></span></span><ins>/<strike> 453.2.5 文字上下标<sup>/<sub> 463.2.6 旁注<ruby>/<rt>/<rp> 473.2.7 日期时间<time> 483.2.8 其他语义化、结构化元素 493.3 块级元素与行内元素 493.4 无语义的容器元素 513.4.1 元素 513.4.2 <span>元素 533.5 使用字符实体表示特殊字符 543.6 添加注释 553.7 列表 563.7.1 无序列表</span><ul> 563.7.2 有序列表<ol> 583.7.3 描述列表<dl>/<dt>/<dd> 603.7.4 列表嵌套 623.8 综合实例——简单文字网页 633.9 习题 663.9.1 单选题 663.9.2 填空题 673.9.3 判断题 673.9.4 简答题 67第4章 HTML5中的图像、音频和视频 694.1 文件路径 704.1.1 绝对路径 704.1.2 相对路径 704.2 在页面中插入图像<img> 714.2.1 网页图像的格式 714.2.2 插入图像 724.3 在网页中插入视频<video> 744.3.1 视频格式 744.3.2 插入视频 744.4 在网页中插入音频<audio> 764.4.1 音频格式 764.4.2 插入音频格式 774.5 使用多种来源的多媒体和备用文本<source/> 784.6 插入多媒体文件<embed/> 784.7 定义媒介分组和标题<figure>/<figcaption> 804.8 综合实例——多媒体页面的设计 824.9 习题 844.9.1 单选题 844.9.2 填空题 844.9.3 判断题 854.9.4 简答题 85第5章 超链接 875.1 超链接概述 885.2 基本链接 885.2.1 外部链接 885.2.2 内部链接 905.2.3 <iframe>及其链接 1045.5.1 内联框架 1045.5.2 内联框架相关的链接 1055.6 定义基准地址<base/> 1075.7 综合实例——设置超链接 1085.8 习题 1125.8.1 单选题 1125.8.2 填空题 1135.8.3 判断题 1135.8.4 简答题 113第6章 表格 1156.1 表格简介 1166.2 创建表格 1166.2.1 表格基本结构 1176.2.2 表格边框显示 1196.2.3 带图像的单元格 1216.3 合并单元格 1226.3.1 设置跨列colspan 1226.3.2 设置跨行rowspan 1246.4 表格嵌套 1266.5 表格的按行分组显示</iframe><thead>/<tbody>/<tfoot> 1276.6 综合实例——表格应用 1296.7 习题 1316.7.1 单选题 1316.7.2 填空题 1316.7.3 判断题 1326.7.4 简答题 132第7章 表单 1337.1 表单概述 1347.2 建立表单<form> 1357.3 表单基本元素 1357.3.1 <input/>标记 1367.3.2 多行文字框<textarea> 1437.3.3 列表<select>/<option>/<datalist> 1447.4 <input/>新增表单高级元素 1467.4.1 url类型 1477.4.2 email类型 1487.4.3 日期和时间 1497.4.4 数字类型 1507.4.5 color类型 1517.4.6 fieldset控件组 1527.4.7 search类型 1537.4.8 tel类型 1537.5 通用的表单属性 1547.5.1 autofocus属性 1547.5.2 multiple属性 1557.5.3 placeholder属性 1567.5.4 required属性 1577.5.5 pattern属性 1587.6 综合实例——表单设计 1607.7 习题 1627.7.1 单选题 1627.7.2 填空题 1627.7.3 简答题 163第8章 CSS基础 1658.1 CSS介绍 1668.1.1 CSS概述 1668.1.2 CSS3 1678.2 CSS的基本语法 1688.3 CSS属性 1698.4 在HTML文档中使用CSS的方法 1718.4.1 行内样式 1718.4.2 内部样式表 1728.4.3 链入外部样式表 1758.4.4 导入外部样式表 1778.5 CSS基本选择器 1788.5.1 标记选择器 1798.5.2 类选择器 1798.5.3 id选择器 1818.5.4 通用选择器 1838.6 其他CSS选择器 1848.6.1 组合选择器 1848.6.2 伪类选择器 1918.6.3 伪对象选择器 1928.6.4 属性选择器 1928.7 综合案例——CSS的简单应用 1948.8 习题 1978.8.1 单选题 1978.8.2 填空题 1988.8.3 判断题 1988.8.4 简答题 198第9章 CSS文本样式 1999.1 颜色color 2009.2 CSS字体属性 2029.2.1 字型font-family 2039.2.2 字体尺寸font-size 2049.2.3 字体粗细font-weight 2079.2.4 字体风格font-style 2099.2.5 小型大写字母font-variant 2109.2.6 字体复合属性font 2119.3 文本格式化 2139.3.1 行高line-height 2139.3.2 水平对齐方式text-align 2159.3.3 文本缩进text-indent 2169.3.4 大小写text-transform 2189.3.5 字符间距letter-spacing 2199.3.6 单词间距word-spacing 2209.3.7 垂直对齐方式vertical-align 2219.3.8 文本修饰text-decoration 2239.3.9 文本阴影text-shadow 2259.3.10 书写模式writing-mode 2269.3.11 断行处理word-wrap和overflow-wrap 2299.3.12 文本相关伪对象 2319.4 CSS列表属性 2329.4.1 列表项目符号list-style-type 2339.4.2 图片符号list-style-image 2359.4.3 列表符号位置list-style-position 2369.4.4 列表复合属性list-style 2389.5 综合实例——基本图文混排网页 2409.6 习题 2449.6.1 单选题 2449.6.2 填空题 2459.6.3 判断题 2469.6.4 简答题 246第10章 CSS盒子模型 24710.1 盒子BOX的基本概念 24810.1.1 盒子的基本形式 24810.1.2 盒子大小的计算width/height 25010.1.3 改变盒子大小的计算方式box-sizing 25210.2 边框的基本属性 25410.2.1 边框样式border-style 25410.2.2 边框厚度border-width 25610.2.3 边框颜色border-color 25810.2.4 边框复合属性 26010.3 边距 26110.3.1 内边距padding 26110.3.2 外边距margin 26410.4 边框的其他属性 26710.4.1 圆角边框border-radius 26710.4.2 图像边框border-image 27010.4.3 盒子阴影box-shadow 27510.5 综合案例——盒子布局排版 27810.6 习题 28410.6.1 单选题 28410.6.2 填空题 28610.6.3 判断题 28610.6.4 简答题 286第11章 CSS背景 28711.1 CSS背景概述 28811.2 背景颜色 28811.2.1 背景颜色background-color 28811.2.2 用背景色给页面分块 29011.3 背景图像 29411.3.1 页面背景图像background-image 29411.3.2 背景图像重复background-repeat 29611.3.3 背景图像滚动background-attachment 29811.3.4 背景图像位置background-position 30011.3.5 背景参考原点background-origin 30211.3.6 背景图像尺寸background-size 30411.3.7 背景图像裁剪区域background-clip 30611.3.8 线性渐变背景图像 30811.4 背景复合属性和多背景 31111.4.1 背景复合属性background 31111.4.2 多背景 31111.5 定义不透明度 31411.6 综合实例——设置背景 31511.7 习题 32311.7.1 单选题 32311.7.2 填空题 32411.7.3 判断题 32411.7.4 简答题 324第12章 CSS美化表格与表单 32512.1 CSS美化表格 32612.1.1 表格边框颜色设置 32612.1.2 盒子阴影 32712.1.3 表格隔行变色 32912.1.4 表格交互变色 33212.2 CSS美化表单 33312.2.1 美化表单文本框 33412.2.2 美化表单元素背景颜色 33512.2.3 美化注册表单元素例子 337第13章 CSS盒子布局和定位 341</datalist></option></select></textarea></form></tfoot></tbody></thead></figcaption></figure></audio></video></img></dd></dt></dl></ol></ul></time></rp></rt></ruby></sub></sup></strike></ins></h6></h1></pre></p> <p>第14章 网页布局 383<br/></p> <p>第15章 综合案例——旅游网站 441</p> <p>第16章 综合案例——婚戒网站 471<br/></p>

前言/序言

  HTML5+CSS3以其标准布局和精美样式,实现了网页内容和样式的分离,使网页样式布局和美化达到了一个不可思议的高度,成为Web标准中不可替代的技术规范。本书以知识点示例、章节综合案例、全书综合案例和实验手册等形式,全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV+CSS网页布局技术等。

  本书主要内容如下:第1章多方位讲解网页设计的基本知识和技能;第2~7章深入浅出地讲解HTML5的语法和标记;第8~13章以案例为载体,分模块讲述CSS3对网页元素的控制和美化;第14章通过大量案例讲述“内容”与“样式”分离的网页设计方式,主要介绍DIV+CSS布局方式;第15~16章以综合案例引领读者掌握页面及网站的设计和实现。

  本书主要特色如下:

  ? 采用最新规范技术HTML5+CSS3。

  ? 案例充沛:知识点示例+章节综合案例+全书综合案例。对每个知识点都进行详细说明,并且使用示例支撑,避免空洞的说教;每章都有相应知识的综合案例,并给出两个全局综合案例,进一步阐述页面和网站的前端设计。

  ? 代码详尽,配图丰富。每个案例都有详细的代码及分析,并给出效果图,即使读者在不能实际操作的情况下也能很好地获取知识。

  ? 配备课后习题、习题参考答案和实验手册。

  ? 配备光盘,提供源代码和教学课件。

  本书读者对象包括大中专院校计算机专业师生,以及网页设计爱好者和制作人员。引领读者快速学习和掌握HTML5+CSS3设计模式是本书的初衷,如果你是具有前瞻性的Web前端工作者和爱好者,那么你一定会从本书受益,因为它就是专门为你打造的。

  本书由一线教师姬莉霞、李学相、韩颖、刘成明编写。本书在写作过程中力求严谨,案例也经过精心设计,但由于水平有限,不足之处在所难免,敬请广大读者批评指正。

  编者



HTML5+CSS3网页设计与制作案例教程(配光盘) 引言 在信息爆炸的时代,互联网已成为人们获取信息、交流互动、商业运作不可或缺的平台。而网站,作为信息传播和展示的核心载体,其设计与制作水平直接关系到用户体验和品牌形象。HTML5和CSS3作为当前网页开发的两大基石,以其强大的功能、灵活的布局和丰富的表现力,引领着网页设计的潮流。本书正是基于这一背景,为广大读者提供一套系统、实用且富有实践性的HTML5+CSS3网页设计与制作教程。 本书以“案例驱动,实践先行”为核心理念,旨在帮助读者不仅掌握HTML5和CSS3的基础知识,更能通过大量的实战案例,将理论知识转化为实际的网页开发能力。我们深知,脱离实际的理论学习是枯燥且低效的,因此,本书将大量篇幅用于剖析经典网页设计的案例,从需求分析、结构搭建、样式设计到细节优化,层层递进,让读者在模仿与实践中,逐步提升网页设计与制作的综合素养。 本书特色与内容概览 本书共分为三个主要部分:基础篇、进阶篇与实战篇。 第一部分:基础篇——掌握HTML5与CSS3的基石 本部分将为读者打下坚实的HTML5和CSS3基础。我们将从最基本的概念入手,逐步深入。 HTML5核心元素与语义化: 深入讲解HTML5新增的语义化标签,如`
`、`

用户评价

评分

一本好的技术书籍,不仅仅是信息的堆砌,更是一种知识的传递和思维的启迪。而这本《HTML5+CSS3网页设计与制作案例教程》恰恰做到了这一点。我之前尝试过一些其他类似的教材,总是感觉过于理论化,或者案例过于陈旧。但这本书,它紧跟最新的技术潮流,将HTML5和CSS3的精髓融会贯通,并且用非常生动形象的方式呈现出来。它的案例设计非常巧妙,从简单的个人博客到稍微复杂的电商详情页,每一个案例都覆盖了特定的知识点和应用场景,让你学完一个案例,就能掌握一门技术。我特别喜欢它在讲解CSS3动画的部分,用非常直观的图例和代码演示,让我彻底告别了之前对动画制作的模糊概念,现在我能够自信地为网页添加各种炫酷的动态效果了。而且,书中的代码讲解非常细致,对于初学者来说,即使没有太多的编程基础,也能轻松理解。最让我感动的是,作者在一些细节的处理上也非常到位,比如对浏览器兼容性的说明,以及如何优化网页性能的建议,这些都是非常实用的干货,在其他书中很难找到如此全面的论述。这本书真的让我感受到了网页设计的乐趣和魅力,绝对是我近期最值得入手的一本技术书籍。

评分

老实说,我对技术书籍向来是比较挑剔的,市面上太多良莠不齐的作品了。但这次偶然翻到了这本《HTML5+CSS3网页设计与制作案例教程》,真是惊喜连连。作者的行文风格非常流畅,一点都不枯燥,更像是朋友在手把手教你一样。书里的案例选择非常贴合实际需求,不是那种虚头巴脑的理论堆砌,而是让你能够真正动手做出一些看得见、摸得着的东西。我尤其欣赏的是,它不仅教会了你怎么写代码,更重要的是教会了你“为什么”要这么写。对于很多初学者来说,理解代码背后的逻辑比单纯记忆语法更重要,而这本书恰恰在这方面做得非常到位。举个例子,在讲到Flexbox布局的时候,作者花了很大篇幅解释了它的核心思想和各种属性的应用场景,让我不再是死记硬背,而是真正理解了它的强大之处。而且,书中对一些常见的网页设计误区也做了提醒和纠正,这对于避免走弯路非常有帮助。我平时工作也需要用到一些前端技术,但一直觉得自己的功底不够扎实,这本书就像给我打了一剂强心针,让我对自己的技能提升充满了信心。配套的光盘资源更是锦上添花,提供了大量的素材和源码,让我可以跟着书本边学边练,效率倍增。

评分

说实话,一开始我只是抱着试试看的心态买了这本书,毕竟市面上同类书籍太多了,很难找到一本真正适合自己的。但当我拿到书,翻开第一页,我就被深深吸引住了。这本书的编排逻辑非常清晰,作者仿佛预见了初学者可能会遇到的所有困惑,并且在书中一一给出了解答。它不像某些书那样,上来就讲一大堆概念,而是从最基本、最核心的内容开始,一步步引导读者深入。我最欣赏的是,它在讲授每一个知识点的时候,都配有非常详尽的代码示例,并且对每一行代码的含义都做了细致的解释,这对于我这种零基础的读者来说,简直是救星!而且,书中提供的案例都非常实用,我跟着书上的步骤一步步操作,不仅学会了如何编写代码,更重要的是理解了代码背后的设计思想。我尤其喜欢关于CSS3选择器和伪类的讲解,作者用非常形象的比喻,让我一下子就记住了那些复杂的规则,并且能够灵活运用。这本书不仅是知识的宝库,更是一种学习的引领,让我对网页设计这个领域产生了浓厚的兴趣,也让我看到了自己在这个领域的潜力。

评分

哇,这本书绝对是我近期最满意的一次网课教材购买经历!虽然我还没完全啃完,但光是初步翻阅,就能感受到作者的用心良苦。我特别喜欢它循序渐进的编排方式,从最基础的HTML5标签讲起,一点一点地引入CSS3的各种强大属性。那些案例教程真的太实在了,不是那种讲完理论就扔给你一大堆代码让你自己摸索的无聊教程。它会告诉你,为什么要这么写,每行代码的作用是什么,遇到问题该怎么调试。而且,它不像有些书那样,只讲那些看起来很高大上但实际应用不多的高级特性,而是专注于那些真正能让你快速上手制作出美观实用网页的关键点。我之前也看过一些零散的HTML和CSS教程,总是感觉抓不住重点,学了很久也做不出像样的东西。这本书就像一个经验丰富的老教师,把我带进了网页设计的殿堂,让我看到了理论和实践完美结合的魅力。特别是那个关于响应式设计的章节,用图文并茂的方式讲解了如何让网页在不同设备上都能有良好的浏览体验,这一点对我来说太重要了,因为现在手机和平板用户占了很大一部分。总而言之,这本书的实用性和易懂性真的让我惊艳,感觉学完之后,我就可以自信地开始我的网页设计之旅了!

评分

购买这本书的初衷,是希望能够系统地学习HTML5和CSS3,为自己的职业发展打下坚实的基础。而事实证明,我的选择是正确的。这本书的结构非常合理,从基础的HTML标签到复杂的CSS布局,再到响应式设计和动画效果,层层递进,循序渐进。作者的语言风格亲切自然,没有那种高高在上的技术术语,而是用通俗易懂的方式讲解复杂的概念。我特别喜欢书中大量的图解和代码示例,它们就像老师在课堂上画的板书,清晰明了,能够帮助我快速理解和记忆。而且,书中的案例都非常贴近实际工作场景,我学到的知识能够立刻应用到实际的项目中,这让我非常有成就感。比如,在学习CSS3的Grid布局时,书中提供了几个非常实用的布局案例,我跟着敲了一遍,就对Grid布局有了深刻的理解,并能灵活运用到我的个人项目中。此外,书中还包含了一些关于前端开发工具的介绍,以及如何调试代码的技巧,这些对于提高开发效率非常有帮助。总而言之,这本书不仅传授了技术,更重要的是培养了我独立解决问题的能力,让我能够更加自信地面对未来的网页开发挑战。

评分

拿到还没看,包装很好。

评分

学到老活到老

评分

目前只看了哈目录,还可以吧

评分

学到老活到老

评分

没什么用,基本上是不切实际

评分

还没看呢,物流很快,发货很快

评分

神拳抢购的 真的不错 物有所值阿 东哥了加油

评分

比较好

评分

不错不错

相关图书

本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度google,bing,sogou

© 2025 book.idnshop.cc All Rights Reserved. 静思书屋 版权所有