当前位置：文档之家 › HTML大纲1

HTML大纲1

  • 格式：doc
  • 大小：65.50 KB
  • 文档页数：10

第1页 HTML大纲

HTML表示：Hypertext Mark—up Language。超文本标记语言。

WWW表示：World Wide Web

世界 范围 网页

网址的格式：URL格式 Internet协议+主机名+域名+系统的一级域名

各种协议如下：http:// HTML文档

https:// 某些秘密的HTML文档

file:// 本地硬盘上的HTML文档

mailto: E—mail信息

telnet: 远程Telnet进程

一级域名：.com 商业 .edu教育

.org 国际组织 .net计算机网络

.gov 政府 .mil军事组织

.en 中国 .tw台湾地区

HTML的元素：HTML文档由HTML元组成，元素决定着网页的结构。HTML的元素类型有段落，列表，表格，图像，超文本链接等。

HTML元素的组成：一个元素一般由三个部分组成，即元素的起始标记、元素的内容和元素的结束标记。

元素的起始标记由一对尖括号，尖括号内是元素的名称，元素的内容就是将在网页上被显示的内容。

元素的结束标记由一对尖括号括起的斜杠“/”和元素名构成。

元素的属性：对元素的修饰称为属性。

一个元素可有多个属性，如高，宽。

它们都被放置在元素的起始标记内，用空格隔开，次序任意。

每一个属性对应一个属性值，从严格意义上讲，属性值都要用双引号。

HTML语言的结构：

head表示文件头部分，内容不显示。

Title表示标题元素。

Body表示文档的主体部分，内容显示。

文本元素的介绍：

1． 网页的标题元素：它将出现在浏览器窗口的标题栏内。结束标记是

2． 段落元素：

结束标记是

3． 对齐属性：align 可取值：left（左对齐） right（右对齐） center（居中对齐）

4． 注释元素： 常被用来引进注释，内容不显示。

5． 标题元素：

结束标记分别是

7． 上标与下标元素：（上标）结束标记为 （下标）结束标记为

8． 文档更新元素： 结束标记为

9． 删除元素： 结束标记为

例如：

我爱我家

定价：20.00元

15.00

10． 模块元素：

11． 列表元素：分为有序表和无序表。对于有序表和无序表，表中的每一项由元素

(1)有序表

例如：

在浏览器中浏览时则是：a 日本

b 中国

c 韩国

如要改变起始编号，可以在

例如：

在浏览器中浏览时则是：c 日本

d 中国

e 韩国

如要重新设置项目编号，可以在

例如：

在浏览器中浏览时则是：a 日本

c 中国

d 韩国

(2)无序表

在ul中加入属性type,有三种属性值样式

disc：实心小圆 circle：空心小圆 square：正方形

例如：

在浏览器中浏览时则是：■ 日本

■ 中国

■ 韩国

12． 定义表元素：

定义表的语法与前面的列表略有不同，它的每一项分成两个子项，由元素给出，定义由元素给出。元素的内容中就至少含有一个或元素。

例如：

LANG

属性名给出元素内容的语种。

在浏览器中显示时则是：

LANG

属性名给出元素内容的语种。

13． 插入水平线：

14． 空格： 

15． 文字的颜色：电脑培训

16． 字体：电脑培训

链接元素

链接元素只能写在文档的Body部分，而元素则只能写在文档的部分，但它们的数量则不受限制。

例：电脑培训

href：给定一个WEB资源的位置，以建立当前元素到该属性指定的一个WEB所

连接的链接。

1．下一级链接：例如在当前文件夹11中，有一个文件夹22，在22文件夹中有一幅为123.jpg的图片，在11文件夹中有一个文件要链接到123.jpg图片上。

则链接为：图片欣赏

2．上一级链接：例如在当前文件夹11中，有两个文件夹22和33，在22文件夹中有一幅为123.jpg的图片。在33文件夹中有一个文件要链接到123.jpg图片上。

则链接为：图片欣赏

3．添加锚点：例：输入显示的内容 [ 注：name：相当于添加一个锚点]

输入显示的内容

4．目标窗口：target属性用以指定打开文档窗口的名称。

Blank：指示浏览器将在新的窗口中打开。

Self：指示浏览器在本页中的打开。

Parent：指示浏览器在本页的上页中打开。

_top：指示浏览器在首页中打开。

5．链接到电子邮件：例联系我们

第4页

表格的制作

在网页中表格是一种效率较高的排列数据的方式，无线表常常被作为文字的对齐手段。

1．表格元素：

下面是一个简单表格的例子：

align=”center” background=”00.jpg” >

书名

[编]著者

古代埃及史

刘文鹏

注：width：该属性指定表格的宽度。 Width的取值可以是整数，以像素为单位，也可以是百分比。

Height：该属性指定表格的高度。

Align：该属性指定水平对齐的方向。

Valign：该属性指定竖直对齐的方向。Top（上） middle（中） bottom（下）

Border：指定边框的宽度。

Cellspacing：设置单元格与单元格之间的距离。

Cellpadding：设置单元格与文字之间的距离。

Background：插入背景图片。

Bgcolor：设置背景颜色。

Tr：表格行定义。

Td；表格列定义。

2．单元的合并

列的合并：例：此表格是一个二行三列的表格，将前二列合并。

12

345

注：colspan：表示指定当前单元格所垮的列数

行的合并：例：此表格是一个二行二列的表格，将第一行的第一列和第二行的第一列合并。

12

3

注：rowspan：表示指定当前单元格所垮的行数

3．用表格填充横线

合集下载

HTML考试大纲

HTML考试大纲

网页设计与制作考试复习提纲

考试要求

1、以 HTML语言为主要参考资料，请大家课外注意复习。

2、考试题型有：选择题、判断题，简答题、设计题

3、复习要点如下：

1）有关HTML的基础知识，如中文意思是什么？网页可以有那些开发工具？

2）HTML用于描述功能的符号是什么？

3）几种常用的标记符号如

、等等各有什么含义和作用 ?

4) 有关颜色的基本知识:

颜色是由哪三原色组合而成的?

如何实现给背景添加颜色, 请设计几种方案;

熟悉有关设计软件中的调色板及其使用方法。

写出实现红色的两种方法：代码或其他方案均可。

5) 请熟悉FrontPage 、flash、Dreamweaver等软件界面，及其相应区域的名称和作用。

例如：

图 一

如图一所示，位置1是：标题栏；位置2是：文档所在的目录及文件名;

位置3是: 网页编辑区; 标签选择器是:位置5 6) 了解网址写法的规范和方法。

7) 了解有关网页超连接方面的基础知识：种类、方法等。

8) 了解网页使用图象方面的基础知识：可用图象种类、加载图象的方法。

9) 试用HTML语言代码写出一个空白网页的基本代码，并指出相应的含义与作用。

10）能分析网页编制过程中出现的一些简单错误，并可以给出解决方案，

如出现下面现象，如何处理：

（1）将作好的网页拷贝到另一台机器上，结果发现网页上所有的图片都不显现（对应位置是个红叉）；

（2）网页中添加的音频效果，在另外机器上无法播出，提示找不到播放工具。

11）试代码写出在HTML 中实现动态字幕的方法，并将“欢迎光临我的主页”的字样加入到网页, 要求: 向右移动,背景红色,字体黄色, 字体大小三号, 循环移动.

参考：

……

欢迎光临我的主页!

……

12）有关网页发布与维护方面的基础知识

（1）有人做了一个网站，涉及很多资源，并且都在一个文件夹下面，从方便维护角度，你认为他这么处理好不好，你有什么建议？

1在html中添加js代码的三种方式以及js中变量，函数

1在html中添加js代码的三种方式以及js中变量，函数

1在html中添加js代码的三种⽅式以及js中变量，函数

1.第⼀种⽅式：在时间句柄后太假js代码；

例如浏览器弹出对话框;

1

2 "/TR/html4/loose.dtd">

3

4

5

6 ⽆标题⽂档

7

8

9

10

11

12

13

14

15

16

17 请点击我

18

19

20

2.第⼆种:让浏览器弹出对话框也可以把js代码写在独⽴脚本块中：

1

2 "/TR/html4/loose.dtd">

3

4

5

6

7 ⽆标题⽂档

8

9

10

11 12

17

18

19

20 注册

21

22

3.第三种⽅式:将js⽂件（专门写js代码)引⽤到html中

1

2 "/TR/html4/loose.dtd">

3

4

5

6 ⽆标题⽂档

7

12

13

14

15 注册

16

17

4.js中的变量 1

2 "/TR/html4/loose.dtd">

3

4

5

6

7 JS中的变量

8

9

10

11

72

73

74

75

76

77

5.js中的函数

（1）js中的函数定义⽅式： 第⼀种定义⽅式:function 函数名(形参列表){

js语句；

}

第⼆中定义⽅式：函数名=function(形参列表){

js语句;

}

(2)js中的函数⽆返回值类型；其函数的可以返回任意类型的数据，也可以⽆返回值；当函数⽆返回值的时候默认返回undefine；

(3)js中的函数没有重载机制，在同⼀个js代码中，不能出现两个同名函数;

(4)当函数返回NaN时，表⽰返回的结果本应该是⼀个数字，但是实际返回的结果不是⼀个数字；

1

2 "/TR/html4/loose.dtd">

3

4

5

《HTML网页设计》课程教学大纲

《HTML网页设计》课程教学大纲

《HTML网页设计》课程教学大纲

一、教学目的和任务

《HTML静态网页设计》是我院软件开发专业的专业基础课，选用教材《网页设计》，全书共分为17章，其中HTML内容占11章，包括HTML基本语法，常用标签的使用，表格的使用，层和框架的使用，在HTML中多媒体的应用，表单的使用，网页的图像及多媒体，以及站点的创建和管理。其中重点包括常用标签的使用，表格的使用，框架和表单的使用，文字与段落，以及CSS应用。

一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识，让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握相关软件操作的基本知识，并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。

二、教学方法与教学要求

1课前认真备课，选好实例

网页制作技术不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。课堂教学是传授知识的主要方式和场所，目的在于将书本知识转化为学生的知识和技能。为实现这一目的，我深入钻研教材，理清教材内容特点、编排次序和知识点之间的衔接关系，整理出一条条线索。如在上第一节课时，我会从网上下载一些经典的并具有代表性的网页给同学欣赏，在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。

2 课堂的教学方法

教学过程是教师与学生之间信息传递及反馈的过程。“我认为教学的艺术不在于传授本领，而在于激励、唤醒、鼓舞。”因此，在学习过程中，给学生明确的思路，激励学生积极主动参与思考，运用任务驱动法、模块教学法，案例教学法和项目教学法等教学手段，引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感，使学习兴趣长久地保持下去。

2.1 案例教学法。案例教学法，即在教师指导下，根据教学目标的内容的需要，采用案例组织学生进行学习、研究、锻炼能力的方法。案例教学法可分为案例导入、案例例证、案例讨论、案例结尾和案例练习等多种方法。

故事大纲范文模板

故事大纲范文模板

故事大纲范文模板

一、故事主题。

故事主题，（简明扼要地描述故事主题）。

二、故事背景。

1. 时间、地点，故事发生的时间和地点。

2. 人物介绍，故事中的主要人物及其基本情况。

3. 故事背景，描述故事发生的背景和原因。

三、故事起因。

1. 事件引发，描述故事中的事件是如何引发的。

2. 人物反应，主要人物对事件的反应和情绪变化。

四、故事发展。

1. 事件逐渐复杂化，描述事件逐渐变得复杂的过程。

2. 人物关系变化，主要人物之间的关系随着事件的发展而发生的变化。

五、故事高潮。

1. 事件达到高潮，描述事件达到高潮的情节。

2. 人物情感冲突，主要人物之间的情感冲突和内心挣扎。

六、故事结局。

1. 事件解决，描述事件是如何得到解决的。

2. 人物命运，主要人物的命运走向和对事件的反思。

七、故事意义。

1. 主题思想，故事所要表达的主题思想。

2. 人生启示，故事对读者的人生启示和思考。

八、故事总结。

1. 故事总结，对整个故事进行总结和概括。

2. 个人感悟，作者对故事的个人感悟和体会。

以上是一个故事大纲的范文模板，可以根据具体情况进行调整和完善。希望对你的创作有所帮助。