HTML+CSS+JavaScript网页制作

第1章 网页的基本结构1.1 网页的基本元素1.2 网页的布局结构1.3 案例：创建第一个网页1.3.1 HTML简介1.3.2 HTML语法结构1.3.3 HTML语法规范1.3.4 HTML文档结构1.4 实训习题1第2章 网页文档编辑2.1 案例：网络花店服务向导页面——文字与段落排版2.1.1 注释标签2.1.2 段落标签2.1.3 换行标签2.1.4 水平线标签2.1.5 标题文字标签2.1.6 特殊符号2.2 案例：网络花店购物指南页面——超链接2.2.1 超链接简介2.2.2 超链接的应用2.3 案例：网络花店商品明细页面——图像2.3.1 网页图像的格式和使用原则2.3.2 图像标签2.4 案例：网络花店客服中心页面——列表2.4.1 无序列表2.4.2 有序列表2.4.3 定义列表2.4.4 嵌套列表2.5 实训：制作鲜花名片页面习题2第3章 网页布局与交互3.1 案例：网络花店购物车信息统计——表格3.1.1 表格的结构3.1.2 表格的基本语法3.1.3 表格修饰3.1.4 不规范表格3.1.5 表格数据的分组标签3.2 案例：网银在线支付步骤及版权信息——分区和局部信息3.2.1 标签3.2.2 标签3.2.3 span与div的区别3.3 案例：网络花店会员注册页面——表单3.3.1 表单的基本概念3.3.2 表单的工作原理3.3.3 表单标签3.3.4 表单元素3.4 实训：使用表格布局技术制作用户注册表单习题3第4章 网页表现语言——CSS4.1 初识CSS4.1.1 什么是CSS4.1.2 CSS的优点4.1.3 CSS设计与编写原则4.1.4 CSS的显示环境4.2 案例：网络花店简介页面——CSS的定义与使用4.2.1 内联样式4.2.2 内部样式表4.2.3 链入外部样式表4.2.4 导入外部样式表4.3 CSS语法基础4.3.1 构造样式规则4.3.2 常用的CSS选择符4.4 CSS的属性单位4.4.1 长度、百分比单位4.4.2 色彩单位4.5 案例：网络花店相关商品局部页面——文档结构4.5.1 文档结构4.5.2 继承4.5.3 样式表的层叠、特殊性与重要性4.5.4 元素类型4.6 实训：制作网络花店新闻更新局部页面习题4第5章 Div+CSS布局页面5.1 Web标准5.1.1 Web标准的概念5.1.2 建立Web标准的优点5.1.3 理解表现和结构相分离5.2 认识Div+CSS布局5.2.1 Div+CSS布局的优点5.2.2 将页面用Div分块5.3 案例：网络花店页面顶部的布局——盒模型5.3.1 盒模型简介5.3.2 外边距、边框与内边距5.3.3 盒模型的宽度与高度5.3.4 块级元素与行级元素宽度和高度的区别5.3.5 外边距的合并5.4 案例：商城登录页面的整体布局——定位与浮动5.4.1 定位5.4.2 浮动与清除浮动5.5 典型的CSS布局样式5.5.1 两列布局样式5.5.2 三列布局样式5.6 实训：网络花店热卖鲜花局部页面习题5第6章 元素外观修饰6.1 案例：网络花店服务向导页面——设置文本样式6.1.1 设置字体类型6.1.2 设置字体大小6.1.3 设置字体粗细6.1.4 设置字体倾斜6.1.5 设置字体修饰6.1.6 设置字体颜色6.1.7 设置文本对齐方式6.1.8 设置首行缩进6.1.9 设置首字下沉6.1.10 设置行高6.2 案例：玫瑰花简介页面——设置图像与背景样式6.2.1 设置图像样式6.2.2 设置背景样式6.3 案例：畅销鲜花排行榜页面——设置表格样式6.3.1 设置表格边框合并6.3.2 设置单元格间距6.3.3 设置表格标题位置6.3.4 设置是否显示单元格边框6.4 案例：网络花店联系我们表单——设置表单样式6.5 实训：网络花店环保社区页面习题6第7章 链接与导航设计7.1 案例：网络花店友情链接局部页面——设置链接样式7.1.1 设置文字链接7.1.2 设置图文链接7.2 案例：网络花店鲜花展示页面——设置列表样式7.2.1 表格布局与列表布局的对比7.2.2 设置列表类型7.2.3 设置列表项图片符号7.2.4 设置列表项位置7.3 案例：网络花店鲜花分类导航菜单——设置纵向导航菜单7.3.1 普通的链接导航菜单7.3.2 纵向列表导航菜单7.4 案例：网络花店主导航菜单——设置横向导航菜单7.5 实训：网络花店商务安全中心页面习题7第8章 使用JavaScript制作网页特效8.1 JavaScript概述8.2 在网页中调用JavaScript8.2.1 直接加入HTML文档8.2.2 引用脚本文件8.2.3 在HTML标签内添加脚本8.3 案例：循环滚动的图文字幕——制作网页特效8.4 案例：网站后台管理菜单——制作二级纵向列表导航菜单8.5 实训：制作Flash幻灯片广告习题8第9章 网络花店前台页面9.1 网站的开发流程9.1.1 需求分析9.1.2 站点规划9.1.3 网站制作9.1.4 测试发布9.2 使用Dreamweaver创建站点9.2.1 Dreamweaver基本工作界面9.2.2 创建站点与目录结构9.3 案例：制作网络花店首页9.4 案例：制作商品展示页面9.5 案例：制作商品详细信息页面9.6 案例：制作查看购物车页面习题9第10章 网络花店后台管理页面10.1 案例：制作网络花店后台管理登录页面10.2 案例：制作商品查询页面10.3 案例：制作商品添加页面10.4 案例：制作商品修改页面10.5 页面的整合习题10参考文献

《HTML+CSS+JavaScript网页制作/全国高等职业教育规划教材·“十二五”职业教育国家规划教材》面向网站开发与网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作内容。本书内容紧扣国家对高职高专培养高级应用型、复合型人才的技能水平和知识结构的要求，以网络花店项目案例的开发思路为主线，采用模块分解、任务驱动、子任务实现和代码设计四层结构，通过对模块中每个任务相应知识点的讲解，引导读者学习网页制作、设计、规划的基本知识以及项目开发、测试的完整流程。