网页设计与制作教程:HTML+CSS+JavaScript 第2版
作者: 刘瑞新,张兵义 主编
出版时间:2017年版
内容简介
《网页设计与制作教程(HTML+CSS+JavaScript)第2版》面向网页制作的读者,采用全新流行的Web太阳城
,以HTML技术为基础,由浅入深、完整详细地介绍了HTML5、CSS3及JavaScript网页制作内容。《网页设计与制作教程(HTML+CSS+JavaScript)第2版》把介绍知识与实例制作融于一体,以光影世界网站(包括主页、栏目页、内容页、后台管理等页面)作为案例讲解,配以家具商城网站的实训练习,两条主线互相结合、相辅相成,自始至终贯穿全书。《网页设计与制作教程(HTML+CSS+JavaScript)第2版》采用案例驱动的教学方法,以案例为引导,结构上采用点面结合,引导读者学习网页制作、设计、规划的基本知识以及项目开发、测试的完整流程。《网页设计与制作教程(HTML+CSS+JavaScript)第2版》适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材,也可作为网页制作爱好者与网站开发维护人员的学习参考书。《网页设计与制作教程(HTML+CSS+JavaScript)第2版》配套授课电子教案,需要的教师可登录www.cmpedu.com免费注册,审核通过后下载,或联系编辑索取(QQ:2399929378,电话:)。
目录
第1章 网页设计与制作基础1.1 网页与网站的概念1.2 Web太阳城
1.2.1 Web太阳城
的概念1.2.2 建立Web太阳城
的优点1.2.3 理解表现和结构相分离1.3 HTML语法基础1.3.1 HTML简介1.3.2 HTML语法结构1.3.3 HTML语法规范1.3.4 HTML文档结构1.4 网页结构1.5 创建HTML文档1.6 页面摘要信息1.6.1 标签1.6.2 标签1.6.3 案例——制作光影世界页面摘要信息1.7 注释和特殊符号1.7.1 注释1.7.2 特殊符号1.8 课堂综合实训——制作家具商城页面的版权信息习题第2章 编辑网页元素2.1 文字与段落排版2.1.1 标题标签…2.1.2 段落标签
…
2.1.3 换行标签
2.1.4 水平线标签2.1.5 案例——制作光影世界关于新太阳城页面2.2 列表2.2.1 无序列表2.2.2 有序列表2.2.3 定义列表2.2.4 嵌套列表2.3 超链接2.3.1 超链接的基本概念2.3.2 超链接的应用2.3.3 案例——制作光影世界服务向导页面2.4 图像2.4.1 Web中常用的图像格式及使用要点2.4.2 图像标签2.4.3 图文混排2.5 标签2.6 标签2.6.1 基本语法2.6.2 span与div的区别2.6.3 制作客照展示上传文件步骤及版权信息2.7 课堂综合实训——制作家具商城简介页面习题第3章 网页布局与交互3.1 表格3.1.1 表格的结构3.1.2 表格的基本语法3.1.3 表格修饰3.1.4 不规范表格3.1.5 表格数据的分组标签3.1.6 使用表格实现页面局部布局3.2 表单3.2.1 表单的工作机制3.2.2 表单标签3.2.3 表单元素3.2.4 案例——制作光影世界会员注册表单3.2.5 使用表格布局表单3.3 课堂综合实训——制作家具商城客服中心表单习题第4章 CSS样式基础4.1 初识CSS4.1.1 CSS太阳城
4.1.2 CSS的发展历史4.1.3 CSS代码规范4.1.4 CSS的工作环境4.2 HTML与CSS4.2.1 传统HTML的缺点4.2.2 CSS的优点4.2.3 CSS的局限性4.3 CSS的定义与使用4.3.1 行内样式4.3.2 内部样式表4.3.3 链入外部样式表4.3.4 导入外部样式表4.3.5 案例——制作光影世界服务简介页面4.4 CSS语法基础4.4.1 CSS样式规则4.4.2 基本选择符4.4.3 复合选择符4.4.4 通用选择符4.4.5 属性选择符4.4.6 特殊选择符4.5 CSS的属性单位4.5.1 长度、百分比单位4.5.2 色彩单位4.6 文档结构4.6.1 文档结构的基本概念4.6.2 继承4.6.3 样式表的层叠、特殊性与重要性4.6.4 元素类型4.6.5 案例——制作光影世界作品欣赏明细页面4.7 课堂综合实训——使用CSS制作家具商城简介页面习题第5章 CSS盒模型5.1 盒模型简介5.2 边框、外边距与内边距5.2.1 边框5.2.2 外边距5.2.3 内边距5.3 盒模型的宽度与高度5.4 块级元素与行级元素宽度和高度的区别5.5 盒子的margin叠加问题5.5.1 行级元素之间的水平margin叠加5.5.2 块级元素之间的垂直margin叠加5.6 盒模型综合案例——制作光影世界高端外景局部页面5.7 盒子的定位5.7.1 定位属性5.7.2 定位方式5.8 浮动与清除浮动5.8.1 浮动5.8.2 清除浮动5.9 课堂综合实训——家具商城登录页面整体布局习题第6章 Div+CSS布局页面6.1 Div+CSS布局技术简介6.1.1 Div+CSS布局的优点6.1.2 使用嵌套的Div实现页面排版6.2 典型的CSS布局样式6.2.1 两列布局样式6.2.2 三列布局样式6.3 综合案例——制作光影世界最近活动局部页面6.3.1 页面布局规划6.3.2 页面的制作过程6.4 课堂综合实训——制作家具商城产品明细局部页面6.4.1 页面布局规划6.4.2 页面的制作过程习题第7章 使用CSS修饰网页元素7.1 文本控制7.1.1 设置字体的类别7.1.2 设置字体的尺寸7.1.3 设置字体的粗细7.1.4 设置字体的倾斜7.1.5 设置文字的颜色7.1.6 设置文字的背景颜色7.1.7 设置文本的修饰7.2 段落控制7.2.1 设置文字的对齐方式7.2.2 设置段落的首行缩进7.2.3 设置首字下沉7.2.4 设置行高7.2.5 设置字符间距7.2.6 设置文字的截断7.3 设置图像样式7.3.1 设置图像边框7.3.2 设置图像缩放7.3.3 设置背景图像7.3.4 设置背景重复7.3.5 设置背景图像定位7.4 设置表格样式7.4.1 常用的CSS表格属性7.4.2 案例——使用隔行换色表格制作畅销活动排行榜7.5 设置表单样式7.5.1 使用CSS美化常用的表单元素7.5.2 案例——制作光影世界联系新太阳城表单7.6 综合案例——制作光影世界网络融资平台页面7.6.1 页面布局规划7.6.2 页面的制作过程7.7 课堂综合实训——制作家具商城会员注册页面习题第8章 使用CSS修饰链接与列表8.1 制作超链接特效8.1.1 动态超链接8.1.2 浮雕背景超链接8.1.3 按钮式超链接8.2 修饰列表8.2.1 表格布局的缺点8.2.2 列表布局的优势8.2.3 CSS列表属性8.3 综合案例——制作光影世界风景图文列表8.4 课堂综合实训——制作家具商城友情链接局部页面习题第9章 使用CSS制作导航菜单9.1 垂直导航菜单9.1.1 普通的垂直链接导航菜单9.1.2 纵向列表垂直导航菜单9.2 水平导航菜单9.3 综合案例——使用CSS美化和布局页面9.3.1 页面布局规划9.3.2 页面的制作过程9.4 课堂综合实训——制作家具商城关于页面习题第10章 网页行为语言——JavaScript10.1 JavaScript简介10.2 在网页中插入JavaScript10.3 JavaScript交互基本方法10.3.1 信息对话框10.3.2 选择对话框10.3.3 提示对话框10.4 制作网页特效10.4.1 幻灯片切换广告10.4.2 制作网页Tab选项卡切换效果10.4.3 循环滚动的图文字幕10.5 课堂综合实训——制作家具商城家具展示页面习题248第11章 光影世界前台页面11.1 网站的开发流程11.1.1 规划站点11.1.2 网站制作11.1.3 测试网站11.1.4 发布站点11.2 设计太阳城官网
布局11.2.1 创建站点目录11.2.2 页面布局规划11.3 太阳城官网
的制作11.4 制作作品欣赏列表页11.5 制作新闻动态列表页11.6 制作新闻明细页习题 第12章 光影世界后台管理页面12.1 制作后台管理登录页面12.2 制作查询新闻页面12.3 制作添加新闻页面12.4 制作修改新闻页面12.5 网站的整合习题