HTML与CSS网页设计是动漫设计与制作、视觉效果设计、多媒体技术、计算机网络技术等专业的必修课程,也是许多计算机爱好者所希望掌握的技能。
《HTML与CSS网页设计教学做一体化教程》采用教、学、做一体化模式,以核心知识、能力目标、任务驱动和实践环节为单元组织《HTML与CSS网页设计教学做一体化教程》的体系结构。精选大量的真实案例,循序渐进地介绍了使用HTML和CSS创建网页以及进行页面布局的基础知识。注重结合实例讲解一些难点和关键技术,在实例上侧重实用性和启发性。特别强调知识点的能力目标,通过合理的任务驱动和实践环节提高静态网页制作的能力。全书分为12章,内容包括:初始HTML、HTML文件基本标记、文字布局与文字效果、列表、图像与多媒体、超链接、表格、表单与页面控件、框架与浮动窗口、JavaScript、CSS、地址簿网站的布局。
《HTML与CSS网页设计教学做一体化教程》不仅适合作为高等院校动漫设计与制作、计算机网络技术等专业的相关课程教材,而且特别适合于作为“教、学、做”一体化的教材。
本教材采用教学做一体化的方式撰写,合理地组织学习单元,并将每个单元分解为核心知识、能力目标、任务驱动、实践环节4个模块,体现教学做一体化过程。
每个单元的核心知识点强调在静态网页制作中最重要和实用的知识,能力目标强调使用核心知识点进行静态网页制作的能力,需要完成的任务中的“任务模板”起着训练静态网页制作能力的作用,其中的任务总结主要总结任务中涉及的重要技巧、注意事项以及扩展知识,通过该“任务模板”的训练,读者有能力完成后续的实践环节。第1章主要介绍HTML文件的基本结构以及如何运行HTML文件。第2章是HTML文件基本标记,在核心知识点和任务的安排方面特别注重训练初学者应当掌握和理解重要的基础知识以及知识点的能力目标。第3章是文字布局与文字效果,在任务安排上注重结合实际问题训练读者熟练地设计网页中的文字布局与文字效果。第4章是列表,着重讲解在网页中使用列表设计结构化的、易读的文本。第5章是图像与多媒体,在任务安排上注重结合实际问题训练读者熟练地使用图像与多媒体美化网页。第6章是超链接,主要讲述了在网页中如何使用超链接。第7章是表格,重点介绍了表格的创建、属性以及结构。第8章是本书的重点内容之一,主要讲述在网页中使用表单实现程序与用户的交互。第9章介绍了框架与浮动窗口的用法。第10章是JavaScript,重点介绍了JavaScript的基本语法,在任务安排上注重结合实际问题训练读者在网页中熟练地使用JavaScript完成客户端的特定功能。第11章是本书的重点内容之一,主要介绍了CSS的基本语法、经典的网页布局。第12章是一个综合网站案例,通过一个小型的地址簿网站,讲述如何采用DIV+CSS进行网站的前台布局设计。
本教材特别注重引导学生参与课堂教学活动,适合高等院校相关专业作为教、学、做一体化的教材。
本教材的示例和任务模板的源程序以及电子教案可以在清华大学出版社网站免费下载,以供读者和教学使用。
由于编者水平有限,书中难免存在错误和疏漏之处,敬请广大读者给予批评指正。
第1章 初始HTML
1.1 HTML文件的基本结构
1.2 使用记事本编写HTML页面
1.3 使用Eclipse编写HTML页面
1.4 小结
习题1
第2章 HTML文件基本标记
2.1 head和title标记
2.2 使用meta标记定义编码方式、定时跳转以及过渡效果
2.3 使用body标记设置背景色和文字颜色
2.4 使用body标记设置背景图片和边距
2.5 小结
习题2
第3章 文字布局与文字效果
3.1 标题标记
3.2 使用font标记设计文字的大小、字体以及颜色
3.3 粗体与斜体
3.4 上标与下标
3.5 删除线与下画线
3.6 使用p标记设计段落格式
3.7 水平线
3.8 文字滚动
3.9 小结
习题3
第4章 列表
4.1 无序列表
4.2 有序列表
4.3 嵌套序列表
4.4 小结
习题4
第5章 图像与多媒体
5.1 在网页中使用图像
5.2 添加网页背景音乐
5.3 在网页中使用多媒体
5.4 小结
习题5
第6章 超链接
6.1 在网页中使用基本超链接
6.2 在网页中使用锚点链接
6.3 在网页中使用其他链接
6.4 小结
习题6
第7章 表格
7.1 创建表格
7.2 设置表格的宽度、高度以及对齐方式
7.3 设置表格的边框
7.4 设置表格的背景
7.5 设置表格的行属性
7.6 设置表格的单元格属性
7.7 表格的嵌套
7.8 表格的结构
7.9 小结
习题7
第8章 表单与页面控件
8.1 表单标记form
8.2 input标记——文本框与密码框
8.3 input标记——单选按钮与复选框
8.4 input标记——按钮
8.5 input标记——图像域、隐藏域以及文件域
……
第9章 框架与浮动窗口
第10章 JavaScript
第11章 CSS
第12章 地址簿网站的布局