网页设计电子教案Word文档下载推荐.docx

网页设计电子教案Word文档下载推荐.docx

《网页设计电子教案Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《网页设计电子教案Word文档下载推荐.docx（55页珍藏版）》请在冰豆网上搜索。

分析

重点

网页设计中的若干术语。

难点

理解网页设计中的若干术语。

关键

教具

环节

教师讲授指导内容

学生活动

时间

1.1WWW和URL

1.1.1Web的起源

Web是WorldWideWeb的简称，一般也称之为WWW或3W

1.1.2Web的特点和结构

Web最大的特点是使用了超文本（Hypertext）

WWW采用C/S（客户机/服务器）工作模式

在浏览器和服务器之间应用HTTP（HyperTextTransferProtocol，超文本传输协议）作为网络应用层通信协议

1.1.3URL

URL的完整格式

协议:

//主机名或IP地址：

端口号/路径名/文件名

1.2IE5的使用

Web浏览器是浏览Internet资源的客户端软件

在Windows环境下使用的浏览器主要有InternetExplorer、NetscapeNavigator、Mosaic等

1.2.1IE5的界面

1.2.2IE5的使用

1.3网页中所使用的技术

1.3.1HTML语言和XML语言

1、HTML语言

Ø

HTML只使用SGML中很小一部分标记

HTML语言（HyperTextMarkupLanguage超文本标记语言）

HTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具

【课后小结】

通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。

作业

复习课堂知识。

09.05

第2课

2、XML语言

XML（eXtensibleMarkupLanguage）

1.3.2动态网页

1.3.3多媒体技术的应用

1.3.4Web服务器端程序

1.4制作网页的基本方法

1.4.1制作网页的基本步骤

1、确定网页的内容

2、设计网页的组织结构

3、资料的收集与整理

4、选择网页的设计方法

1.4.2制作网页时要注意的问题

1、网页的标题要简洁，明确。

2、在文本中要使用水平线，以分割不同部分。

3、对重点段落要强调显示。

4、网页中插入的图片要尽量的小。

5、图形要附加文字说明，以便关闭图像时查看。

6、网页中引用的资料及商标（或图标），不能侵犯版权。

板书

设计

第3课

HTML的基本标志与格式标志

使学生标志对与格式标志对的使用。

讲解HTML基本标志对和格式标志。

格式标志的使用。

列表标志的使用。

2.1HTML文档的基本结构

2.1.1HTML语法

1、双标记

语法：

<

标记>

内容<

/标记>

2、单标记

语法：

<

最常用的单标记是<

BR>

3、标记属性

语法

标记属性1属性2属性3…>

例子

HRSize=3Align=leftWidth="

75%"

>

4、注释语句

格式

!

-注释文字-->

--由这处开始是产品订购表格-->

--本文版权为1998，CreationofWebpage所拥有，未经允许，请勿抄摘-->

2.1.2HTML文档的基本结构

通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用

列表,有序列表,无序列表标志及属性。

习题

第4课

HTML的文本、图片与超级链接标志

使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。

讲解HTML标准中的文本、图片与超级链接标志

字体、图片和超级链接标志的使用

理解特殊符号对应的标志。

。

2.2插入文字

2.2.1划分段落

Palign=*>

段落内容<

/P>

2.2.2插入标题文字

H?

Alight="

标题属性"

标题内容<

/H?

2.2.3字号属性

设置基准字号：

BASEFONTSize=数值>

网页内的其他文字，采用下面的格式来定义

FONTSize=数值>

......<

/FONT>

Size的有效范围是1（最大）到7（最小）。

如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。

2.2.4颜色属性

两种方式

BODYtext="

#RRGGBB"

FONTColor="

字符串<

2.2.5字体属性

FONTFace=“宋体,隶书,Time”>

本节介绍了在网页中加入文本的方法，以及好何修改，望同学们掌握。

11计算机

第5课

2.2.6文本修饰

B>

/B>

，文字以粗体显示。

I>

/I>

，文字显示为斜体。

U>

/U>

，显示下划线。

STRIKE>

/STRIKE>

，中心线贯穿文字。

EM>

/EM>

，强调文字，通常用斜体。

STRONG>

/STRONG>

，特别强调的文字，通常用黑体。

TT>

/TT>

，以等宽体显示西文字符。

BIG>

/BIG>

，使文字大小相对于前面的文字增大一级。

SMALL>

/SMALL>

，使文字大小相对于前面的文字减小一级。

SUP>

/SUP>

，使文字成为前一个字符的上标。

SUB>

/SUB>

，使文字成为前一个字符的下标。

BLANK>

/BLANK>

，使文字显示为闪烁效果。

2.2.7预格式化文本

使用预格式化标记<

PRE>

不再忽略在此之间的空格、制表符与回车符等元素

2.2.8转义字符与特殊字符

一般转义符都是以“&

”开始，以“；

”结束，一个转义符之间不能有空格

2.2.9文本强制换行和不换行

文本强制换行<

不换行<

NOBR>

2.2.10插入水平线

使用<

HR>

标记

属性：

Width，Size，Align，Noshade，color

本节又学了些文本使用的方法，以及好何修改，望同学们掌握。

第6课

2.2.11使用列表

1、无序列表

ULType="

*"

LI="

列表条目1

LI>

列表条目2

......

/UL>

2、有序列表

OLType="

Start="

n"

LIValue="

/OL>

3、定义列表

DL>

DT>

列表条目1

DD>

条目1的说明

条目2的说明

……

/DL>

致此我们已学完了所有的文字标志，好好掌握。

第7课

2.3插入图片

2.3.1在网页中插入图片

基本格式

IMGSRC="

url"

2.3.2图片的属性

2.4建立超级链接

2.4.1指向一个目标

1、建立超级链接

AHREF="

/A>

2、为图片建立超级链接

URL"

IMGSRC=URLBorder=0>

3、链接到邮件和多媒体文件

链接到邮件

mailto:

nc@lyu.edu