内容简介
本书从零开始，讲解开发网页的全过程，使读者能够迅速掌握核心知识点及对应的编程能力。 本书共有17章内容，第1章～第7章介绍HTML中常用的标签；第8章～第11章介绍了CSS中的常见样式，其括浮动和定位两种网页布局方式；第12章介绍了HTML5中的新增元素和属；第13章介绍了CSS3中的新增属；第14章介绍了flex布局的用法，并用案例的方式讲解了移动端网页的实现方法；第15章和第16章讲解了Javascript的基础知识并提供了大量示范案例；第17章以一个商业网站为案例，对全书内行综合实战练例中使用了HTML+CSS+Javascript的核心知识点。 本书提供配套教程，并附有HTML、CSS、Javascript的技巧精讲。 书的练章节任务，可以帮助读者及行自我检测，查漏补缺。 本书知识点、讲解详细，适合零基础的编程初学者阅读，也适合具备基础知识、想要提升编程能力的读者阅读。
目录
第01章 创建一个HTML网页1.1 认识HTML.21.2 HTML标签.21.3 HTML文件的基本结构31.4.Chrome的工具31.5 在记事本中编写HTML文件51.6.使用编辑器创建HTML文档61.6.1.下载 Hbuilder X61.6.2.使用Hbuilder X.81.7 编写第 一个HTML网页91.8 练11.9 章节任务11第02章 HTML基本标签2.1.HTML文档头部132.2.网页标题132.3.元信息132.3.1.设置网页关键字142.3.2.设置网页说明142.3.3.添加作者信息152.3.4.规定字符编码152.3.5.设置网页的定时跳转152.4 HTML注释.162.5 HTML标题
~172.6 HTML段落
.182.7 换行 192.8 线
.202.9 文本格式化202.10.HTML字符实体222.10.1 不间断的空格222.10.2 插入特殊符号232.11 练232.12.章节任务.24第03章 建立超链接3.1 超链接的基础知识263.1.1 路径263.1.2 相对路径273.1.3 超链接273.2 在新窗口打开链接283.3 创建锚点链接293.3.1 锚点链接293.3.2 链接同一网页中的锚点.303.3.3 链接到其他网页中的锚点313.4 外部链接333.4.1 链接到外部网站333.4.2 链接到E-.343.4.3 链接到FTP343.4.4 链接到Tel353.4.5 下载文件353.5 练53.6.章节任务36第04章 使用图像4.1 图像的格式384.1.1.GIF格式.384.1.2.JPEG格式384.1.3.PNG格式384.2
| 526.1.2 设置表格的标题536.1.3 表头536.2 表格基本属546.2.1 表格宽度width.556.2.2 表格的边框border.566.2.3 单元格间距cellspacing 576.2.4 表格内文字与边框间距cellping576.3 表格的行属586.3.1 行内文字的对齐方式align586.3.2 行内文字的垂直对齐方式valign.596.4 单元格属596.4.1 单元格跨列colspan .606.4.2 单元格跨行rowspan616.5 表格结构616.6 练2第07章 使用表单7.1 form元素创建表单657.1.1 提交表单action657.1.2 表单名称name657.1.3 传送方法method 667.2 插入input元素.667.2.1 文本框text 687.2.2 密码框password .697.2.3 单选按钮radio 697.2.4 复选框checkbox 707.2.5 普通按钮button .707.2.6 提交按钮mit 707.2.7 重置按钮reset717.2.8 图像域image .727.3.HTML5新增输入类型727.3.1 数值number727.3.2.时间选择器DatePicker737.4 下拉菜单747.5 文本域textarea.757.6 创建表单案例757.7 练87.8 章节任务78第08章 使用CSS样式表8.1 CSS基础语法808.1.1 认识CSS808.1.2.CSS语法结构808.1.3.CSS选择器818.2 添加CSS的方法828.2.1.链接外部样式表828.2.2.内部样式表828.2.3.导入外部样式表838.2.4.内嵌样式838.3 字体属838.3.1 字体font-family.838.3.2 字号font-size.848.3.3 字体样式font-style858.3.4 加粗字体font-weight868.3.5 小写字母转为大写字母font-variant.878.3.6 字体复合属888.4 颜色属color898.5 背景属908.5.1 背景颜色background-color908.5.2 背景图像background-image918.5.3 背景大小background-size928.5.4 背景重复background-repeat938.5.5 背景位置background-position.948.5.6 背景附件background-attachment.968.5.7 背景复合属background978.6 段落属988.6.1 单词间隔word-spacing988.6.2 字符间隔letter-spacing.998.6.3 文字修饰text-decoration.1008.6.4 对齐方式text-align.1018.6.5 垂直对齐方式vertical-align1028.6.6 文本转换text-transform1038.6.7 文本text-indent1048.6.8 文本行高line-height1058.6.9 处理white-space1068.7 练1078.8 章节任务.107第09章 盒模型布局9.1 认识盒模型1099.1.1.盒模型的构成1099.1.2.查看元素的盒模型.1099.2.内容区content.1109.3.边框border1129.3.1 边框样式border-style1129.3.2 边框宽度border-width1139.3.3 边框颜色border-color1149.4.内边距ping.1149.4.1.分别设置4个方向的内边距.1159.4.2 内边距的复合属ping1169.5.外边距margin1199.5.1 分别设置4个方向的外边距.1199.5.2 外边距复合属margin1219.6.盒模型的大小.1239.7 块元素和内联元素1249.7.1.块元素和内联元素的特点1249.7.2.display属规定元素的类型1269.8.初始化页面样式1279.9.练1289.10 章节任务.128第 10章 浮动与定位10.1.文档流13110.2 浮动属float13110.3.图文环绕13410.4 清除浮动clear.13510.5 定位方式position13910.6 元素位置top、right、bottom、left13910.7.相对定位14010.8.定位14210.9.固定定位14310.10.层叠顺序z-index.14410.11 练14610.12.章节任务.147第 11章 Web标准与CSS网页布局实例11.1 Web标准14911.2 DIV+CSS布局网页基础.14911.2.1 认识DIV14911.2.2 一列固定宽度14911.2.3 一列自适应15211.2.4 两列固定宽度15311.2.5 两列宽度自适应15511.2.6 两列布局右列宽度自适应.15611.3 使用CSS设计网站导航栏15711.3.1 有鼠标指针移入效果的导航栏15711.3.2 横向导航15911.4 使用CSS设计表单样式16111.4.1 改变按钮的背景颜色和文字颜色.16111.4.2 设计文本框的样式.16211.4.3 设计文本框中的提示文字.16311.5 使用CSS设计表格样式16411.5.1.折叠边框16511.5.2.设计表格的字体样式.16611.6 使用CSS设置链接样式16711.6.1 去掉超链接的下画线16711.6.2 改变鼠标指针的类型.16711.6.3 设置超链接不同状态的样式.16811.7 练6911.8.章节任务170第 12章 HTML5新增元素12.1 认识HTML5 17212.2 HTML5与HTML4的区别.17312.2.1 HTML5的文件特征17312.2.2 HTML5的SEO.17312.3 HTML5废除的元素和属.17412.3.1 废除的元素17412.3.2 废除的属17512.4 HTML5新增的结构元素.17612.5 HTML5新增的多媒体元素.17812.5.1.元素video17812.5.2 链接不同的文件.17912.5.3.音频元素audio18112.6 HTML5新增的画布元素canvas18112.6.1.创建canvas元素18112.6.2 绘制矩形18312.6.3 绘制路径18412.6.4.颜色渐变18512.7.练8712.8.章节任务187第 13章 CSS3新增属13.1 边框18913.1.1 圆角边框border-radius.18913.1.2 边框图像border-image.19113.1.3 边框阴影box-shadow19213.2 背景19413.2.1 背景图像尺background-size19413.2.2 背景图像定位区域background-origin19513.2.3 背景绘制区域background-clip.19813.3 文本20113.3.1 文本阴影text-shadow20113.3.2 强制换行word-wrap.20213.3.3 文本溢出text-overflow.20313.4 多列.20413.4.1 创建多列column-count20513.4.2 列的宽度column-width20613.4.3 列的间隔column-gap20613.4.4 列的规则column-rule20713.5 2D转换20813.5.1 移动translate()20813.5.2 旋转rotate()20913.5.3 缩放scale().21013.6 过渡21213.7 动画21313.7.1 @keyframes规则声明动画.21313.7.2 animation动画21413.8 用户界面21513.8.1 box-sizing.21613.8.2 resize21813.9 实例应用21913.9.1.使用移动方法实现居中21913.9.2 照片墙效果22113.10 练2313.11.章节任务223第 14章 移动端网页14.1.flex布局22514.1.1.flex相关概念22514.1.2.flex布局22514.2.移动端基本概念23114.2.1.两种像素23114.2.2.移动端的3个视口23114.2.3.设备像素比.23314.3.移动端开发23414.3.1.移动端单位——vw适配23414.3.2.开发一个移动端网页23814.4.媒体查询24714.5 练25014.6.章节任务251第 15章 Javascript脚本基础15.1 Javascript简介25315.2 Javascript基本语法25415.2.1 常量和变量.25415.2.2.数据类型.25515.2.3 表达式和运算符25615.2.4 基本语句.25715.2.5.Javascript注释26315.2.6.Javascript代码调试26315.3 Javascript事件26415.3.1 onclick事件26415.3.2 onchange事件.26515.3.3 onfocus事件.26615.3.4 onblur事件26715.3.5.onmouseover事件.26815.3.6 onmouseout事件26915.3.7 ondblclick事件 27015.3.8 其他常用事件.27115.4 HTML DOM对象.27215.4.1.DOM元素对象获取页面中的元素.27215.4.2.DOM属对象修改元素的属27415.5 浏览器的其他内部对象27515.5.1 navigator对象27615.5.2 windows对象27615.5.3 location对象.27815.5.4 history对象27915.6 练28015.7.章节任务281第 16章 Javascript 网页16.1 时间28316.1.1 显示当前时间.28316.1.2 显示当前日期.28516.1.3.制作.28716.2 图像28916.2.1 图像闪烁效果.28916.2.2 图像轮播.29016.3 窗口29116.3.1 打开新窗口29116.3.2 定时关闭窗口.29316.4 鼠标指针29416.4.1 返回鼠标指针的位置信息29416.4.2 跟随鼠标指针移动的图像29516.5 练29616.6.章节任务297第 17章 PC端实战——制作购物网页17.1.项目结构29917.2.制作网页前的准备30117.2.1.分辨率30117.2.2.内容居中30117.3.项目布局30217.4.部分难点讲解30417.4.1.布局.30417.4.2.图文对齐.30517.5.部分难点讲解30817.5.1.布局30817.5.2.复杂网页的选择器使用.31017.6.实现图像的 Javascript 动效31117.6.1.图像的切换31117.6.2.收藏和取消31217.7结313
点赞 0举报收藏 0分享 0
(c)2008-2099 博文网(www.bowen.cn) All Rights Reserved
|