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

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

真实网站制作案例贯穿全书
分享 推荐 1 收藏 0 阅读 3.4K
李志云 (作者) 978-7-115-44272-7

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

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

内容摘要

本书以真实网站制作案例组织全书内容,主要介绍学院网站的制作。书中将该网站制作过程中的知识点进行分解,首先以小案例引导每章内容,然后介绍案例中的关键知识点,最后完成完整案例。通过案例的实现,让学生掌握利用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

读者评论

  • 不错,推荐下

    wsd17发表于 2017/4/23 22:51:41
    • 谢谢您对教材的肯定

      马小霞发表于 2018/1/17 19:37:57
  • 求素材

    yanglimitao发表于 2017/4/2 21:26:28
    • @马小霞 谢谢

      yanglimitao发表于 2017/4/8 17:03:18
    • 您好,本书素材和PPT课件都已经上传,请登录下载。

      马小霞发表于 2017/4/6 16:46:41
  • 没素材,没法上课用

    yaobuwan发表于 2017/4/1 12:14:54
    • 您好,本书素材和PPT课件都已经上传,请登录下载。

      马小霞发表于 2017/4/6 16:46:47
  • 求配套的网站素材,教学资源

    qbasic发表于 2017/3/17 8:47:13
    • 您好,本书素材和PPT课件都已经上传,请登录下载。

      马小霞发表于 2017/4/6 16:46:52
  • 求配套的网站素材~~~教学资源一点都没有!

    Feeran发表于 2017/3/14 19:59:47
    • 您好,本书素材和PPT课件都已经上传,请登录下载。

      马小霞发表于 2017/4/6 16:46:58

我要评论

作者介绍

李志云, 山东信息职业技术学院教师,曾经主编《数据库开发实用教程—基于Visual Basic》,《visual c#2005数据库开发案例教程》,发表论文20余篇。

推荐用户

同系列书

  • 虚拟化技术应用与实践

    陈亚威 蒋迪 尤永康 孙雅妮 王海沛

    本书较为全面地介绍了目前主流的虚拟化技术,包括VMware、XenServer、Hyper-V、KVM、Doc...

    ¥49.80
  • 微信公众平台开发技术

    秦长春 欧国建 谢雪景 邓剑勋

    本书较为全面地介绍了微信公众平台开发的基本流程与方法。全书共11章,主要分为两个部分:第一部分(第1~8章)介...

    ¥49.80
  • Photoshop CS6 案例教程(第3版)

    老虎工作室

    本书重点培养学生的实际动手能力。全书共分8章,包括基本概念与基本操作,图像的选取与合成,绘画和编辑图像,色彩校...

    ¥45.00
  • MySQL数据库技术与项目应用教程

    李锡辉

    MySQL数据库是当前最为流行的开源数据库之一,它功能强大,运算性能卓越,已成为企业级数据库产品的首选。 本...

    ¥45.00
  • 计算机组装与维护(第4版)

    周洁波

    本书较为全面地介绍了计算机系统的硬件组成、软件的安装使用和系统维护知识。全书共14章,介绍了微型计算机概述、C...

    ¥45.00

相关图书

  • Office 2013办公软件高级应用立体化教程(微课版)

    肖庆

    Office 2013作为常用的应用软件,其三大组件——Word 2013、Excel 2013和PowerP...

    ¥48.00
  • MySQL数据库原理及应用(第2版)(微课版)

    本书基于MySQL介绍数据库系统的基本概念、基本原理和基本设计方法,以面向工作过程的教学方法为导向,合理安排各...

    ¥49.80
  • C#程序设计教程

    陈娜 付沛 罗炜 谢日星 鄢军霞

    Visual C#融C++的灵活性和强大功能与Java的简单性于一身,已成为在.NET平台上进行程序开发的首选...

    ¥46.80
  • JavaScript+jQuery开发实战

    戴雯惠 李家兵 吴亚林 刘杰 张菁

    本书紧密围绕互联网行业发展对网站开发人员技术与能力的要求进行编写,主要介绍如何使用JavaScript、jQu...

    ¥49.80
  • HTML5+CSS3开发实战

    肖睿 邓小飞 唐桂林 倪天伟 李新友

    本书紧密围绕互联网行业发展对Web前端开发工程师岗位技术与能力的要求,介绍如何使用HTML5+CSS3进行网页...

    ¥38.00
人邮微信
本地服务
人邮微信
教师服务
二维码
读者服务
读者服务
返回顶部
返回顶部