网页设计与制作-基于计算思维

内容简介

本书基于以计算思维的培养为导向的教学改革，按照由浅入深的过程，逐步讲解网页设计与制作相关的基础知识，包括HTML基础，CSS基础，颜色、图像和多媒体的使用，表格的使用，超链接，Div+CSS布局，模板和库，表单，行为，Javascript，jQuery框架，网站的发布与维护，并通过综合实例完整地讲述了一个实际网站的制作过程，介绍了用于快速建立网站的CMS内容管理系统。附录中提供了HTML常用标签和CSS常用属性，并介绍Dreamweaver CS6等工具软件的基本使用方法。本书提供案例相关文件、部分习题答案及电子课件，可登录华信教育资源网（www.hxedu.com.cn）注册后下载。
本书适合作为高等院校网页设计与制作课程的教学用书，也可以作为网页设计工作人员的参考用书。

目录

第1章 网页设计与制作基础 001
1.1 网站与网页 001
1.1.1 网站 001
1.1.2 网页 003
1.1.3 网页的基本构成元素 004
1.2 网页相关的概念 005
1.2.1 Internet、IP和域名 005
1.2.2 WWW和FTP 006
1.2.3 HTTP和HTML 006
1.2.4 浏览器和Web服务器 006
1.2.5 静态网页和动态网页 009
1.3 网站制作基本流程 012
1.4 网页设计制作工具 017
1.4.1 原型设计工具 017
1.4.2 图形图像制作工具 018
1.4.3 网页编辑工具 020
本章小结 021
课后习题 021
第2章 HTML基础 023
2.1 标记语言的作用 023
2.2 HTML基础 024
2.2.1 HTML和XHTML 024
2.2.2 HTML5 025
2.2.3 HTML的基本语法 025
2.2.4 XHTML的语法 026
2.3 HTML的结构 027
2.3.1 基本结构 027
2.3.2 文档类型定义 028
2.3.3 头部内容 029
2.3.4 主体内容 029
2.4 标题与段落 030
2.4.1 标题 030
2.4.2 段落 030
2.5 文字格式 031
2.6 建立和使用列表 032
2.6.1 无序列表 032
2.6.2 有序列表 033
2.6.3 定义列表 033
2.7 特殊字符和注释 034
2.8 HTML5中的新增结构元素 034
2.9 使用Dreamweaver编写网页 035
2.9.1 新建网页 036
2.9.2 设置网页标题 037
2.9.3 设置文章中的标题 038
2.9.4 设置无序列表和有序列表 039
2.9.5 设置文字格式 040
2.9.6 特殊字符的输入 040
本章小结 041
课后习题 041
第3章 CSS基础 043
3.1 CSS基本概念 043
3.1.1 CSS的概述 043
3.1.2 CSS的基本语法 043
3.2 CSS选择器 045
3.2.1 基本选择器 045
3.2.2 其他选择器 048
3.3 在HTML中应用CSS 052
3.3.1 行内样式 052
3.3.2 内部样式 052
3.3.3 外部样式 052
3.4 使用CSS控制文字样式 053
3.4.1 文字字体 054
3.4.2 Web字体 055
3.4.3 文字大小 056
3.4.4 文字粗细 056
3.4.5 斜体 056
3.4.6 文字修饰 057
3.4.7 字间距 057
3.4.8 英文字母的大小写 058
3.4.9 阴影效果 058
3.5 使用CSS控制段落样式 059
3.5.1 行缩进 059
3.5.2 段落水平对齐 059
3.5.3 行高 059
3.5.4 分栏 060
3.6 继承性和层叠性 061
3.6.1 CSS的继承性 061
3.6.2 CSS的层叠性 062
3.7 使用Dreamweaver编辑CSS 063
3.7.1 CSS样式面板 063
3.7.2 创建与应用CSS规则 064
3.7.3 编辑和移动CSS规则 069
3.7.4 附加样式表 071
本章小结 072
课后习题 072
第4章 网页中的颜色、图像和多媒体 074
4.1 颜色的基础知识 074
4.1.1 三原色 074
4.1.2 色相、明度、饱和度 075
4.1.3 冷暖色 076
4.2 网页中的颜色 076
4.2.1 网页中颜色的表示 077
4.2.2 网页安全色 078
4.2.3 网页配色基础 079
4.2.4 Dreamweaver中颜色的操作 081
4.3 网页中的图像 082
4.3.1 图像在网页中的应用 082
4.3.2 网页中的图像类型 083
4.3.3 网页中的图像标签 085
4.4 使用Dreamweaver操作图像 086
4.4.1 网页图像的添加 086
4.4.2 网页图像属性的设置 087
4.4.3 网页图像占位符 090
4.4.4 网页中的背景图像设置 090
4.5 在网页中添加多媒体对象 095
4.5.1 在网页中插入声音对象 095
4.5.2 在网页中插入视频对象 098
4.5.3 在网页中插入Flash对象 100
4.5.4 在网页中插入其他媒体对象 101
本章小结 102
课后习题 102
第5章 网页中表格的使用 104
5

摘要与插图

前 言
随着信息技术的不断发展，互联网已经成为当前传播信息的重要途径。越来越多的网站出现在互联网上，网站开发及网页设计与制作技术受到人们越来越多的关注。随着万维网联盟W3C的建立以及Web标准的制定，HTML、CSS以及Javascript成为网页设计中要的三个组成部分，这就需要网页设计人员更加全面地了解相关的知识。网页设计与制作是一门综合性的学科，它涉及心理学、美学、工程科学、程序设计等诸多方面，计算思维成为这一过程中人们必须具备的基础性思维方式，用来指导相关知识的学习。
本书主要内容
本书主要围绕HTML、CSS和Javascript来介绍网页设计过程中的相关知识和应用，并结合网页设计软件Dreamweaver的使用来讲解网页设计过程的具体操作。在每个知识环节，都穿插了大量的实例来对知识点进行剖析和讲解，使得读者能够在学习这一部分内容后，对其本质有更深入的了解，从而能够在实际的网页设计过程中加以运用。
第1章介绍网页制作的基础知识，包括网站的分类、网页的基本构成元素、与网页相关的基本概念，并介绍网站制作的基本流程以及与网页设计相关工具。
第2章介绍HTML语言的基本语法和基本结构，包括标题、段落、文字格式、列表等元素的学习。
第3章介绍CSS的基本概念、CSS选择器、在网页中应用CSS等相关知识，并详细介绍通过CSS对文字和段落进行样式的控制。
第4章介绍有关网页颜色、图像和多媒体的基础知识，包括网页中颜色的表示、网页安全色、网页配色，网页中的图像类型、图像在网页中的应用等知识，以及在网页中使用声音、视频等多媒体对象。
第5章介绍表格在网页中的使用，包括表格的基本操作及使用表格进行网页布局的方法。
第6章介绍超链接的基本概念及网页中不同类型的超链接，并介绍通过CSS对超链接的样式进行设置的基本方法。
第7章介绍CSS布局的基本模型——盒模型，对盒模型的组成进行深入讲解，并介绍浮动定位、位置定位等CSS布局的主要定位方式。
第8章介绍CSS布局在网页布局中的实际应用，包括网页的整体布局、网页中的组件布局等，如导航菜单、图文混排、全图排版等，并介绍Dreamweaver软件中Spry页面组件的使用。
第9章介绍Dreamweaver中模板和库项目的概念和作用，并通过实例展示模板和库项目在网页设计过程中如何提高网页制作效率。
第 10 章介绍网页中表单的基本概念及组成表单的不同元素，并通过实例讲解网站访问者与网站之间进行信息交互的方法，还介绍Dreamweaver中可以自动完成验证功能的Spry表单对象。
第11章介绍Dreamweaver中行为的基本概念和一些基本的内置行为，并介绍通过行为给网页中的元素添加动态效果的方法。
第12章介绍Javascript的基本概念和在网页中的使用，包括Javascript的基本语法、内置对象等概念，并通过实例讲解通过Javascript对用户的输入数据进行验证、联动菜单的建立等方法。
第13章介绍Javascript框架的作用及jQuery框架的基本功能，包括使用jQuery操作网页元素以及基本的网页动画效果的实现，并介绍一些常用的jQuery插件的使用，如图像幻灯片插件、内容切换插件等。
第14章介绍网站的测试、发布和维护的基本概念和方法，包括通过Dreamweaver测试网页在不同浏览器下的兼容性、是否有无效的超链接、对网页文件进行清理操作等。
第15章通过一个综合案例，介绍网页从原型设计到页面效果图设计，再到网页设计的一系列过程，完整体现网页编写的真实过程。
第16章介绍内容管理系统CMS的基本概念，并结合Joomla这一CMS系统，介绍通过CMS建立网站的基本过程，包括站点的搭建、分类管理、菜单管理、文章管理等基本操作。
在本书的附录中，介绍HT