网页设计与制作案例教程（HTML+CSS+DIV+JavaScript）

Name: 网页设计与制作案例教程（HTML+CSS+DIV+JavaScript）
ISBN: 9787115442727

李志云人民邮电出版社 · 中国2021年8月

3.2

字数: 8.3万字
章节数: 170
ISBN: 9787115442727

信息有误查询本书

内容简介

本书以真实网站制作案例组织全书内容，书中主要介绍信息学院网站的制作。将该网站制作过程中的知识点进行分解，每章以小案例引导，介绍案例中的关键知识点，**后完成完整案例。通过案例的实现掌握利用HTML、CSS和JavaScript实现网站的关键技术。 **后一章介绍晨丰发电设备公司动态网站的制作，该网站从设计规划、效果图的制作、静态网站的实现到使用科汛CMS后台管理系统完成动态网站，完全按照实际网站的制作过程实现。

编辑推荐

《网页设计与制作案例教程（HTML+CSS+DIV+JavaScript）》是一本面向Web前端开发初学者的经典入门教程，由人民邮电出版社出版，作者李志云。该书以实践案例驱动，系统性讲解了从HTML、CSS到JavaScript的网页开发核心技术栈。其最大特色在于摒弃了枯燥的语法罗列，通过大量贴近实际工作场景的项目案例，引导读者在动手实践中掌握知识点。本书内容编排遵循了循序渐进的学习曲线，从基础的网页结构搭建到复杂的交互效果实现，逻辑清晰，步骤详尽。对于零基础学习者而言，本书提供了平滑的上手路径；对于有一定基础的读者，书中对DIV+CSS布局模式以及JavaScript基础应用的深入剖析，也能帮助其夯实基础、规范代码习惯。作为一本技术教程，其内容扎实，案例经典，虽出版已有数年，但其中关于前端开发核心思想和基础技法的阐述并未过时，仍具有很高的学习参考价值。不过，读者需注意，前端技术迭代迅速，本书未涉及HTML5和CSS3的部分新特性及现代前端框架，更适合作为打好坚实基础的‘第一本书’。

适合谁读

适合

希望系统学习网页前端开发基础、从零开始的初学者
计算机相关专业学生，需要一本结合理论与实践的操作指南
传统后台开发者或设计人员，希望拓展前端技能
对网页制作感兴趣，希望通过案例快速上手并看到成果的爱好者

不适合

寻求学习React、Vue等现代前端框架或最新ES6+语法的开发者
已有丰富前端开发经验、希望深入研究高级主题或性能优化的资深工程师

阅读建议

建议严格按照书中章节顺序学习，动手敲写每一个案例代码，切勿只看不练
在学习CSS和JavaScript部分时，可结合浏览器开发者工具进行调试和效果验证，加深理解
完成书本案例后，尝试模仿一个自己喜欢的简单网站进行独立实践，以巩固知识体系

出版社简介

人民邮电出版社中国 · 成立于 1953 年

人民邮电出版社以科技、计算机与信息通信类图书见长，并由此延伸至摄影、艺术、软件学习与励志成长等门类，形成较为多元的出版方向。库内图书既涵盖《重构与模式（修订版）》《华为交换机学习指南（第二版）》等计算机与通信技术读物，也收录《小王子（中英法彩绘典藏纪念版）》《了不起的盖茨比》《假如给我三天光明》等双语典藏类作品；《北京十年：1980-1990》与《鬼刀 WLOP个人插画作品集》则体现其在摄影与艺术领域的布局。作者资源包括安东尼·圣埃克苏佩里、海伦·凯勒、Joshua Kerievsky、王达、张兆增与WLOP等。

版权信息
内容提要
前言
第1章网页设计概述
1.1 初识网页
1.2 网页相关概念
1.3 常用的浏览器介绍
1.4 Dreamweaver工具的使用
1.4.1 Dreamweaver的发展
1.4.2 Dreamweaver CS6 的操作界面
1.4.3 案例：创建第一个网页
本章小结
习题 1
实训 1
第2章 HTML语言
2.1 案例：简单学校网站
2.2 知识准备
2.2.1 HTML文档的基本结构
2.2.2 HTML标记及其属性
2.2.3 HTML文本标记
2.2.4 HTML列表标记
2.2.5 HTML超链接标记
2.2.6 HTML图像标记
2.3 案例实现
2.3.1 创建站点
2.3.2 创建首页
2.3.3 创建学院简介页面
2.3.4 创建学院新闻页面
2.3.5 创建专业介绍页面
本章小结
习题 2
实训 2
第3章 CSS基础
3.1 案例：学院新闻详情页面
3.2 知识准备
3.2.1 初识CSS
3.2.2 引入CSS样式
3.2.3 常用的CSS选择器
3.2.4 CSS常用文本属性
3.2.5 CSS的高级特性
3.3 案例实现
3.3.1 创建站点
3.3.2 创建新闻详情页面
本章小结
习题 3
实训 3
第4章盒子模型
4.1 案例：学院简介页面
4.2 知识准备
4.2.1 盒子模型的概念
4.2.2 盒子模型的相关属性
4.2.3 CSS设置背景
4.2.4 元素的类型与转换
4.2.5 块元素间的外边距
4.3 案例实现
4.3.1 制作页面结构
4.3.2 添加CSS样式
本章小结
习题 4
实训 4
第5章列表与超链接
5.1 案例：学院新闻块与学院网站导航
5.2 知识准备
5.2.1 列表样式设置
5.2.2 超链接样式设置
5.3 案例实现
5.3.1 制作学院新闻块
5.3.2 制作学院网站导航条
本章小结
习题 5
实训 5
第6章表格与表单
6.1 表格案例：学生信息表
6.2 表格相关知识
6.2.1 表格标记
6.2.2 <table>标记的属性
6.2.3 <tr>标记的属性
6.2.4 <th>和<td>标记的属性
6.2.5 使用CSS设置表格样式
6.3 表格案例实现
6.3.1 学生信息表的页面结构
6.3.2 添加CSS样式
6.4 表单案例：用户注册表
6.5 表单相关知识
6.5.1 认识表单
6.5.2 表单标记
6.5.3 表单控件
6.5.4 使用CSS设置表单样式
6.6 表单案例实现
6.6.1 用户信息注册表单的页面结构
6.6.2 添加CSS样式
本章小结
习题 6
实训 6
第7章 DIV+CSS布局网页
7.1 案例：学院网站主页布局
7.2 知识准备
7.2.1 元素的浮动
7.2.2 元素的定位
7.2.3 DIV+CSS布局
7.3 案例实现
7.3.1 制作页面结构
7.3.2 添加CSS样式
本章小结
习题 7
实训 7
第8章使用JavaScript制作网页特效
8.1 什么是JavaScript语言
8.2 在网页中调用JavaScript
8.2.1 直接嵌入HTML文档中
8.2.2 引入外部脚本文件
8.2.3 在事件代码中添加脚本
8.3 案例：制作Flash幻灯片特效
8.4 案例：制作下拉菜单特效
8.5 案例：制作选项卡特效
本章小结
习题 8
实训 8
第9章完整案例：信息学院网站制作
9.1 信息学院网站描述
9.2 网站规划
9.3 效果图设计
9.3.1 效果图设计原则
9.3.2 效果图设计步骤
9.3.3 效果图切片导出网页
9.4 网站主页设计
9.4.1 主页布局设计
9.4.2 主页设计步骤
9.5 网站模板页设计
9.6 网站其他页面设计
9.6.1 制作学院简介页面
9.6.2 制作学院荣誉列表页面
9.6.3 制作学院荣誉详细情况页面
9.6.4 制作高技能人才培训基地页面
9.6.5 制作办公电话页面
9.6.6 制作视频宣传页面
9.7 添加首页中的JavaScript脚本
本章小结
习题 9
实训 9
第10章完整案例：发电设备公司动态网站制作
10.1 发电设备公司动态网站描述
10.2 网站规划
10.3 效果图设计
10.3.1 效果图设计原则
10.3.2 效果图设计步骤
10.3.3 效果图切片导出网页
10.4 网站静态页面设计
10.4.1 网站首页设计
10.4.2 栏目页设计
10.4.3 内容页设计
10.5 KesionCMS后台管理系统的使用
10.5.1 KesionCMS介绍
10.5.2 KesionCMS完成动态网站的步骤
10.5.3 静态页面与KesionCMS的整合
10.6 IIS的安装与配置
10.7 后台登录与设置
10.7.1 后台登录
10.7.2 基本信息设置
10.7.3 设置网站栏目
10.8 创建系统函数标签
10.9 创建网站模板
10.10 模板绑定
10.11 添加文章内容
10.12 创建留言页面
10.13 发布首页
10.14 创建模板中的超链接
本章小结
实训 10
参考文献

常见问题

这本书适合完全没有编程基础的人吗？

非常适合。本书从最基础的HTML标签讲起，通过步骤详细的案例教学，能帮助零基础读者顺利入门。

书中的技术内容是否已经过时？

书中的HTML、CSS、JavaScript核心语法和网页布局思想（如DIV+CSS）并不过时，是前端开发的基石。但书中未涵盖HTML5、CSS3的新特性及响应式设计等较新内容，可作为扎实的基础教材，后续需补充学习新知识。

这本书与看在线视频教程相比，优势在哪里？

本书的优势在于知识结构的系统性和案例的连贯性。书本提供了经过精心设计的、循序渐进的学习路径，知识密度高，方便随时查阅和反复练习，有助于建立更扎实、更完整的前端知识框架。

微信读书相关

读者评论

查询本书

本站为索引目录：「全网查询」由您发起、在您的浏览器中运行，所列入口均指向第三方站点，请自行判断可用性。

作者简介

李志云作者

李志云，公开资料有限，目前尚无法确认其详细生平、国籍与生卒年等信息。从库内收录的两部作品来看，李志云专注于Web前端开发与网页设计领域的技术写作，代表作包括《Web前端开发案例教程（HTML5+CSS3）（微课版）》和《网页设计与制作案例教程（HTML+CSS+DIV+JavaScript）》。这两部作品均以“案例教程”为名，属于计算机综合类教材，面向初学者与课堂教学，内容围绕HTML5、CSS3、HTML、CSS、DIV与JavaScript等前端核心技术展开，通过案例驱动的方式讲解页面结构、样式布局与交互脚本，并配有微课资源，便于读者边学边练。整体写作风格偏重实用与操作，强调从具体项目出发掌握开发流程，适合作为高职高专或应用型本科相关课程的入门读物。