工业和信息化“十三五”高职高专人才培养规划教材

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

“十四五”职业教育国家规划教材,“十三五”职业教育国家规划教材,真实网站制作案例贯穿全书
分享 推荐 4 收藏 65 阅读 9.4K
李志云 (作者) 978-7-115-44272-7

关于本书的内容有任何问题,请联系 马小霞

1.“十四五”职业教育国家规划教材.
2.项目类型丰富,有学校的网站、个人网站还有企业网站。
3.教材体例合理,按照项目介绍、知识准备、项目实现编写,学练结合有序。
4.内容精心设计,在项目实现中,按照网站规划、效果图设计、主页制作、模板页制作的流程编写,体现了实际企业网页制作流程。

内容摘要

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

目录

目录
第 1章 网页设计概述 2
1.1 初识网页 2
1.2网页相关概念 3
1.3常用的浏览器介绍 5
1.4 Dreamweaver工具的使用 6
1.4.1 Dreamweaver的发展 6
1.4.2 Dreamweaver CS6的操作界面 6
1.4.3 案例:创建第 一个网页 8
本章小结 11
习题1 11
实训1 11
第 2章 HTML语言 2
2.1 案例:简单学校网站 2
2.2知识准备 3
2.2.1 HTML文档的基本结构 3
2.2.2 HTML标记及其属性 5
2.2.3 HTML文本标记 7
2.2.4 HTML列表标记 15
2.2.5 HTML超链接标记 23
2.2.6 HTML图像标记 26
2.3 案例实现 31
2.3.1 创建站点 31
2.3.2 创建首页 33
2.3.3 创建学院简介页面 34
3.3.4 创建学院新闻页面 35
2.3.5 创建专业介绍页面 37
本章小结 38
习题2 38
实训2 40
第3章 CSS基础 2
3.1 案例:学院新闻详情页面 2
3.2知识准备 3
3.2.1 初识CSS 3
3.2.2 引入CSS样式 3
3.2.3 常用的CSS选择器 8
3.2.4 CSS常用文本属性 14
3.2.5 CSS的特性 16
3.3 案例实现 17
3.3.1 创建站点 17
3.3.2 创建新闻详情页面 19
本章小结 21
习题3 21
实训3 22

第4章 盒子模型 2
4.1 案例:学院简介页面 2
4.2知识准备 3
4.2.1 盒子模型的概念 3
4.2.2 盒子模型的相关属性 5
4.2.3 CSS设置背景 6
4.2.4 元素的类型与转换 12
4.2.5 块元素间的外边距 14
4.3 案例实现 17
4.3.1 制作页面结构 17
4.3.2 添加CSS样式 18
本章小结 20
习题4 20
实训4 21

第5章 列表与超链接 2
5.1 案例:学院新闻块与学院网站导航 2
5.2知识准备 3
5.2.1 列表样式设置 3
5.2.2 超链接样式设置 7
5.3 案例实现 8
5.3.1 制作学院新闻块 8
5.3.2 制作学院网站导航条 12
本章小结 15
习题5 15
实训5 15
第6章 表格与表单 3
6.1 表格案例:学生信息表 3
6.2表格相关知识 4
6.2.1 表格标记 4
6.2.2 <table>标记的属性 5
6.2.3 <tr>标记的属性 7
6.2.4 <th>和<td>标记的属性 9
6.2.5使用CSS设置表格样式 11
6.3 表格案例实现 13
6.3.1 学生信息表的页面结构 13
6.3.2 添加CSS样式 16
6.4 表单案例:用户注册表 17
6.5表单相关知识 18
6.5.1 认识表单 18
6.5.2表单标记 18
6.5.3表单控件 19
6.5.4使用CSS设置表单样式 21
6.6 表单案例实现 24
6.6.1 用户信息注册表单的页面结构 24
6.6.2 添加CSS样式 27
本章小结 28
习题6 29
实训6 29
第7章 DIV+CSS布局网页 2
7.1 案例:学院网站主页布局 2
7.2知识准备 3
7.2.1 元素的浮动 3
7.2.2 元素的定位 9
7.2.3 DIV+CSS布局 16
7.3 案例实现 26
7.3.1 制作页面结构 26
7.3.2 添加CSS样式 27
本章小结 29
习题7 30
实训7 30
第8章 使用JavaScript制作网页特效 2
8.1 什么是JavaScript语言 2
8.2在网页中调用JavaScript 3
8.2.1 直接嵌入HTML文档中 3
8.2.2 引入外部脚本文件 4
8.2.3 在事件代码中添加脚本 5
8.3 案例:制作Flash幻灯片特效 6
8.4 案例:制作下拉菜单特效 8
8.5 案例:制作选项卡特效 12
本章小结 16
习题8 17
实训8 17
第9章 完整案例:信息学院网站制作 2
9.1 信息学院网站描述 2
9.2 网站规划 6
9.3 效果图设计 8
9.3.1 效果图设计原则 8
9.3.2 效果图设计步骤 8
9.3.3. 效果图切片导出网页 16
9.4 网站主页设计 18
9.4.1主页布局设计 18
9.4.2主页设计步骤 18
9.5 网站模板页设计 31
9.6 网站其他页面设计 35
9.6.1 制作学院简介页面 35
9.6.2. 制作学院荣誉列表页面 37
9.6.3 制作学院荣誉详细情况页面 39
9.6.4 制作高技能人才培训基地页面 41
9.6.5 制作办公电话页面 43
9.6.6 制作视频宣传页面 45
9.7 添加首页中的JavaScript脚本 47
本章小结 49
习题9 49
实训9 49

第 10章 完整案例:发电设备公司动态网站制作 1
10.1 发电设备公司动态网站描述 1
10.2网站规划 5
10.3 效果图设计 7
10.3.1效果图设计原则 7
10.3.2效果图设计步骤 7
10.3.3 效果图切片导出网页 14
10.4 网站静态页面设计 15
10.4.1网站首页设计 15
10.4.2 栏目页设计 29
10.4.3内容页设计 32
10.5 KessionCMS后台管理系统的使用 34
10.5.1 kessionCMS介绍 34
10.5.2 kesionCMS完成动态网站的步骤 35
10.5.3 静态页面与kessionCMS的整合 35
10.6 IIS的安装与配置 36
10.7 后台登录与设置 39
10.7.1 后台登录 39
10.7.2 基本信息设置 39
10.7.3 设置网站栏目 40
10.8 创建系统函数标签 41
10.9创建网站模板 44
10. 10 模板绑定 51
10. 11 添加文章内容 52
10.12 创建留言页面 54
10.13 发布首页 55
10.14创建模板中的超链接 57
本章小结 60
实训10 60

读者评论

我要评论

作者介绍

李志云,工学硕士学位,副教授,研究方向为Web应用技术、数据库技术和高职教育研究;主持的“标准对接、项目引领、价值融入:《Web前端开发》教学内容和模式改革实践”获省级教学成果二等奖;山东省职业教育课程思政示范课程《Web前端基础》主持人;山东省职业教育在线开放精品课程《Web前端基础》主持人;主编教材七部,其中二部获评“十三五”“十四五”职业教育国家规划教材,发表论文二十余篇。

推荐用户

同系列书

购买本书用户

相关图书

人邮微信
本地服务
教师服务
教师服务
读者服务
读者服务
返回顶部
返回顶部