应用型本科信息类实验实训系列教材 HTML CSS和JavaScript实训教程pdf

应用型本科信息类实验实训系列教材 HTML CSS和JavaScript实训教程 内容简介

本书可以分为3部分， HTML部分、CSS部分、JavaScript部分。本书结合实例讲解难点和关键技术，在实例上侧重实用性和启发性。通过合理的任务驱动和实践环节提高静态网页制作能力。使读者能很快地掌握简单的动态页面效果。本书适合高等院校计算机专业、电子商务等相关专业学生使用。

应用型本科信息类实验实训系列教材 HTML CSS和JavaScript实训教程 目录

第1章HTML语言简介

1.1HTML简介

1.2HTML基本概念

1.2.1什么是HTML

1.2.2什么是HTTP

1.2.3什么是浏览器

1.2.4HTML的发展史

1.3HTML文件类型

1.3.1标记符

1.3.2头部标记符

1.3.3正文标记符

1.3.4文档标题

1.4HTML编辑器介绍

1.5基本元素介绍

1.5.1页面信息元素＜meta＞

1.5.2段落元素＜p＞

1.5.3换行元素

1.5.4标题元素＜h1＞～＜h6＞

1.5.5文字修饰元素＜font＞

1.5.6原样显示元素＜pre＞

1.5.7分割线元素＜hr＞

1.6HTML的有关约定

1.7代码规范

习题

第2章超链接、图片及其他常用元素

2.1超链接元素

2.1.1相对路径与绝对路径

2.1.2超链接的基本语法

2.2锚点链接

2.2.1在同一页面中使用锚点链接

2.2.2在不同页面中使用锚点链接

2.3图片元素

2.3.1图片格式介绍

2.3.2图片元素的基本用法

2.3.3图片元素的常用属性

2.3.4热点

2.4链接到电子邮件和网站

2.5其他常用元素

2.5.1内嵌元素＜span＞

2.5.2块级元素＜div＞

2.5.3上标＜sup＞与下标＜sub＞

2.5.4滚动标签＜marquee＞

2.5.5背景音乐＜bgsound＞

2.5.6多媒体文件标记＜embed＞

2.5.7＜video＞标签

习题

第3章列表

3.1无序列表

3.1.1无序列表标签ul

3.1.2无序列表的项目符号

3.2有序列表

3.2.1有序列表标签ol

3.2.2有序列表的项目类型

3.2.3有序列表的起始数值

3.3定义列表

3.4列表的嵌套

习题

第4章表格与框架

4.1表格的组成

4.1.1table、tr和td标记

4.1.2标题标记caption

4.1.3表头标记th

4.2表格的属性

4.2.1表格的宽度

4.2.2表格的高度

4.2.3表格的对齐方式

4.2.4表格边框宽度

4.2.5表格边框颜色

4.2.6单元格的间距

4.2.7单元格边框和内容之间的距离

4.2.8设置表格的背景色

4.2.9设置表格的背景图像

4.3表格的行属性

4.3.1设置行的高度

4.3.2设置行文字的水平对齐方式

4.3.3设置行的边框颜色

4.3.4设置行的背景颜色

4.4带合并效果的表格

4.4.1设置单元格的水平跨度（跨多列）

4.4.2设置单元格的垂直跨度（跨多行）

4.4.3设置单元格的对齐方式

4.4.4设置单元格的背景色、边框颜色

4.5框架结构

4.5.1框架概述

4.5.2框架的基本结构

4.5.3设置框架

习题

第5章HTML表单

5.1表单标签form

5.1.1处理动作action

5.1.2表单名称name

5.1.3表单提交方法method

5.1.4编码方式enctype

5.2input标签

5.2.1input标签——文本框与密码框

5.2.2input标签——单选按钮与复选框

5.2.3input标签——按钮

5.2.4input标签——图像域、隐藏以及文件域

5.3列表与文件区

5.3.1下拉列表

5.3.2列表

5.3.3文本区

习题

第6章层叠样式表

6.1层叠样式表（CSS）简介

6.1.1CSS与HTML

6.1.2CSS的版本

6.2CSS的语法

6.2.1基本语法规则

6.2.2选择器分类

6.2.3样式的引用方式

6.2.4选择器的命名规则

6.3常用CSS属性

6.4编写CSS文件

6.4.1内部样式表

6.4.2内嵌样式

6.4.3链接外部样式表

习题

第7章CSS属性应用——运用CSS创建导航

7.1CSS+UL创建横向导航

7.2纵向导航

7.3下拉及弹出式菜单

7.3.1横向下拉菜单

7.3.2纵向下拉菜单

习题

第8章利用CSS+DIV进行网页布局

8.1网页布局概述

8.2认识DIV

8.3网页布局原则

8.3.1页面尺寸选择

8.3.2保持一致的风格

8.3.3导航栏

8.4常见的网页布局技术分析

8.4.1上、中、下布局

8.4.2二列固定宽度

8.4.3二列宽度自适应

8.4.4二列宽度自适应居中

8.4.5中间三列浮动布局

8.4.6UL+CSS布局

8.5绝对定位与相对定位

8.5.1绝对定位

8.5.2相对定位

习题

……

第9章网页布局实例

第10章JavaScript语言基础

第11章JavaScript中的数据结构与内置对象

第12章JavaScript事件

参考文献

应用型本科信息类实验实训系列教材 HTML CSS和JavaScript实训教程 精彩文摘

1997年，欧洲计算机制造商协会（ECMA）在JavaScript语言规范的基础上制定了ECMA—262标准，形成了网页脚本语言的规范。目前各主流浏览器均支持符合ECMA—262标准的脚本语言。

10.1.3 JavaScript语言特点

1.JavaScript是脚本语言

传统语言的编写执行顺序为“编写”→“编译”→“链接”→“执行”，因为JavaScript在设计时期希望非专业编程人员也能进行JavaScript开发，故采用脚本语言的设计方式来缩短这一过程。

脚本语言（Script Language）通常不是编译执行而是解释执行，虽然运行效率比不上编译执行的语言，但是开发过程更加简便。

不同的浏览器采用不同的JavaScript引擎来解释执行JavaScript，下面列出了一些主要的JavaScript引擎：

Mozlla的JaegerMonkey引擎：德文Jager原意为猎人，结合追踪和组合码技术大幅提高了效率，用于Mozlla Firefox 4.0以上版本。

Google的V8引擎：开放源代码，由Google丹麦开发，是Google Chrome的一部分。

微软的Chakra引擎：中文译名为查克拉，用于Internet Explorer 9。

Opera的Carakan引擎：由Opera软件公司编写，自Opra 10.50版本开始使用。

2.JavaScript是弱类型语言

这一点是JavaScript中非常特殊的一点，JavaScript中的弱类型体现在变量定义时无需指定类型，解释器会根据为变量所赋的值自动判断变量的类型，并且变量在其生命周期中，类型是可以改变的。

3.JavaScript的安全性

因为JavaScript代码会随着HTML页面下载到客户的电脑中通过浏览器执行，故保证JavaScript不会对客户端造成任何破坏或盗取，客户隐私是非常重要的。

首先，JavaScript通过限制代码的功能达到其安全性，JavaScript语言本身不具备访问客户端的硬盘、打印机、网络等设备的能力。其次，JavaScript采用沙箱模型保证无诊代码执行了何种操作，都不会对服务器和客户端造成永久性的影响。