HTML+CSS+JavaScript网页设计（“十三五”应用型人才培养规划教材）

by 陈恒，等

HTML与CSS网页设计是动漫设计与制作、视觉效果设计、多媒体技术、计算机网络技术等专业的必修课程，也是许多计算机爱好者所希望掌握的技能。本书采用“教、学、做”一体化方式撰写，精选大量的真实案例，循序渐进地介绍使用HTML和CSS创建网页以及进行页面布局的基础知识。注重结合实例讲解一些难点和关键技术，在实例上侧重实用性和启发性。特别强调知识点的能力目标，通过合理的任务驱动和实践环节提高静态网页制作能力。全书分为13章，内容包括HTML概述、HTML文件基本标记、文字布局与文字效果、列表、图像与多媒体、超链接、表格、表单与页面控件、框架与浮动窗口、CSS、JavaScript、地址簿网站的布局以及初始HTML5。本书适合作为高等院校动漫设计与制作、计算机网络技术等专业的相关课程教材。第1章HTML概述(1)HTML文件的基本结构。(2)简单的HTML页面。可视化的HTML开发工具固然方便快捷，如Dreamweaver等。但是，可视化开发工具自身也会产生大量不必要的HTML代码，这样会为以后的程序维护埋下隐患。一个优秀的网页设计者应该在掌握HTML语言的基础上，进一步熟练使用可视化开发工具，从而达到快速制作网页和优化网页的目的。本章通过简单的实例介绍HTML文件的基本结构和HTML程序的开发步骤。1.1HTML文件的基本结构1.1.1核心知识HTML的英文全称是HyperTextMarkupLanguage，即超文本标记语言，它是用于编写网页的主要标记语言。下面是一个HTML文件的基本结构。……从上面的代码段可以看出，HTML文件的基本结构分为3部分，其中各部分含义如下。...：表示HTML文件开始和结束的位置，里面包括head和body等标记。HTML文件中所有的内容都应该在这两个标记之间。...：HTML文件的头部标记，习惯将这两个标记之间的内容统称为HTML的头部。...：用来指明文档的主体区域，网页所要显示的内容都要放置在这个标记内。习惯将这两个标记之间的内容统称为HTML的主体。1.1.2能力目标了解HTML的基本概念，认识并理解HTML文件的基本结构。1.1.3任务驱动1.任务的主要内容把“初次见面，请多多照顾”这句话显示在网页的主体域中。2.任务的代码模板将下列example1_1.html中的【代码】替换为HTML代码，有关代码要求如下：【代码1】为title标记的结束；【代码2】为body标记的开始；【代码3】为网页主体的内容“初次见面，请多多照顾”。example1_1.html的代码模块如下：第一个HTML页面【代码1】【代码2】【代码3】3.任务小结或知识扩展HTML文件中的标记应该有开始标记和结束标记，如以开始，以结束。每个文件都有自己的扩展名，HTML文件的扩展名为.html或.htm。4.代码模板的参考答案【代码1】【代码2】【代码3】初次见面，请多多照顾1.1.4实践环节首先，参考1.2节将example1_1.html完整的代码保存在操作系统自带的记事本中，并另存为example1_1.html文件；然后，双击example1_1.html文件，观察运行效果。1.2使用记事本编写HTML

Paperback

Published August 1, 2017