全书共10章,结合HTML、CSS和JavaScript的基础知识及应用,提供了29个精选案例,以及1个综合实训项目。其中,第1到3章主要讲解HTML与CSS的基础知识,包括Web基本概念、HTML与CSS简介、Dreamweaver工具的使用、HTML文本与图像标记、CSS选择器、CSS文本样式属性、CSS的继承性和优先级。第4到7章分别讲解了盒子模型、列表与超链接、表单、元素的浮动与定位。第8到9章主要讲解JavaScript编程基础与事件处理。第10章为实训项目,带领读者开发一个包含结构、样式和行为的网页。
本书可作为高等院校本、专科计算机相关专业程序设计类课程专用教材。
特色1:案例驱动式教学
本书在教学形式上进行了合理创新,采用理论联系实际的案例驱动式教学方法,以每节一个案例的形式,按节细化知识点,用案例来巩固知识点的学习,将抽象的知识形象地传授给读者。
特色2:知识点细且全
全书用9章的篇幅全面而循序渐进地介绍了HTML标记、CSS样式及JavaScript编程基础与事件处理。
特色3:案例涉及面广
全书共有29个原创经典案例和1个综合实例,案例涉及新闻页面、Banner、导航栏、名片、移动端电商界面、电商网站下拉菜单及Tab栏切换等多个方面,实用性和趣味性兼顾。
特色4:商业实用性强
本书最后一章详细讲解了一个网页项目的制作,实用性强,可以为读者日后的工作奠定理论和实践基础。
第1章 网页那点事 1.1 Web 基本概念 1.1.1 认识网页 1.1.2 名词解释 1.1.3 了解Web 标准 1.2 网页制作入门 1.2.1 HTML 简介 1.2.2 CSS 简介 1.2.3 JavaScript 简介 1.2.4 常见浏览器介绍 1.3 Dreamweaver 工具的使用 1.3.1 Dreamweaver 界面介绍 1.3.2 Dreamweaver 初始化设置 1.3.3 创建第一个网页 第2章 从零开始构建HTML 页面 2.1 【案例1】简单的网页 案例描述 知识引入 案例实现 2.2 【案例2】新闻页面 案例描述 知识引入 案例实现 2.3 【案例3】图文混排 案例描述 知识引入 案例实现 动手实践 第3章 使用CSS 技术美化网页 3.1 【案例4】文字Logo 案例描述 知识引入 案例实现 3.2 【案例5】专题栏目 案例描述 知识引入 案例实现 3.3 【案例6】搜索页面 案例描述 知识引入 案例实现 动手实践 第4章 CSS 盒子模型 4.1 【案例7】音乐盒 案例描述 知识引入 案例实现 4.2 【案例8】用户中心 案例描述 知识引入 案例实现 4.3 【案例9】咖啡店banner 案例描述 知识引入 案例实现 4.4 【案例10】图标导航栏 案例描述 知识引入 案例实现 动手实践 第5章 列表与超链接 5.1 【案例11】精美电商悬浮框 案例描述 知识引入 案例实现 5.2 【案例12】二维码名片 案例描述 知识引入 案例实现 5.3 【案例13】电商团购悬浮框 案例描述 知识引入 案例实现 5.4 【案例14】唱吧导航栏 案例描述 知识引入 案例实现 动手实践 第6章 HTML 表单 6.1 【案例15】用户登录界面 案例描述 知识引入 案例实现 6.2 【案例16】趣味选择题 案例描述 知识引入 案例实现 6.3 【案例17】空间日志 案例描述 知识引入 案例实现 6.4 【案例18】学员档案 案例描述 知识引入 案例实现 动手实践 第7章 浮动与定位 7.1 【案例19】世界杯梦幻阵容 案例描述 知识引入 案例实现 7.2 【案例20】商品专栏 案例描述 知识引入 案例实现 7.3 【案例21】移动端电商界面 案例描述 知识引入 案例实现 7.4 【案例22】违停查询 案例描述 知识引入 案例实现 动手实践 第8章 JavaScript 编程基础 8.1 【案例23】动态获取用户密码 案例描述 知识引入 案例实现 8.2 【案例24】传智商城下拉菜单 案例描述 知识引入 案例实现 8.3 【案例25】计算器 案例描述 知识引入 案例实现 动手实践 第9章 JavaScript 事件处理 9.1 【案例26】电商网站限时秒杀 案例描述 知识引入 案例实现 9.2 【案例27】Tab 栏切换效果 案例描述 知识引入 案例实现 9.3 【案例28】台球移动游戏 案例描述 知识引入 案例实现 9.4 【案例29】用户登录验证 案例描述 知识引入 案例实现 动手实践 第10章 实战开发——传智播客设计学院首页面 10.1 准备工作 10.2 首页面详细制作 动手实践