网站和网页教学设计

发布者:梁梁     所属单位:阳新县第一中学     发布时间:2016-09-30    浏览数:0

 

       

一、网站欣赏
浏览以下网站,将你认为特别优秀的网站,告诉我,是什么在吸引你的眼球?
(通过欣赏,了解好网站的特点,形成感性的认识)

二、网站与网页的区别与联系

1、通过观看FLASH教程,了解他们的区别

2、网站网址解析:

1)、WWW (World Wide Web) 的含义是 “ 万维网 ” 、 也就是我们所说得 Internet . WWW 带来的是世界范围的超级文本服务 , 只要操纵电脑的鼠标 , 就可以通过 Internet 从全世界任何地方调来你所希望得到的文本、图像 ( 包括活动影像 ) 和声音等信息。

2)、URL(Uniform Resoure Locator 统一资源定位器)是 WWW 网页的地址,好比一个街道在城市地图上地址。

如上塘中学网址(URL) http://www.stms.cn/default.asp ,其中:

http: 意思是超文本转换协议 ,hypertext transfer protocol. 因为它是用来转换网页的协议

www.stms.cn:域名,即每个网站在因特网中都有一个独一无二的名字

default.asp:第一张网页。

3、注:在上塘中学这个网站里不仅仅只有一张网页,一个网站由很多网页组成。

三、网页元素与布局

1、网页元素:

网页三大基本元素:文字、图形图象、超链接(其他元素,如:动画、视频、表格、表单、音乐、内嵌程序等)

2、通过观看FLASH教程,大致了解网页布局。

3、网页的布局:

网页标题、logo:网站代表性的标志、导航:好比具有超链接功能的目录、内容布局:可以借助表格来设计布局

4、网页中常见的图象有jpgjif

制作网页的工具:frontpageDreamweaver等软件

HTML英语意思是:Hypertext Marked Language,即超文本标记语言,网页是由HTML语言组成。

四、如何打造自己的网上家园

心动不如行动,自己的家园自己做主

1、准备工作

我们先在桌面上建立一个“机号+姓名”文件夹用来存放网页,然后再在该文件夹下新建一个名为“图片”的文件夹,用来存放网页中的图片。

2、启动FrontPage

认真观察FrontPage的菜单,常用工具栏有哪些?稍微记一下。

3、插入表格          

插入一张定位的大表格

表格属性的设置:对齐,边框颜色等

再在大表格里插入小表格(73,边框粗细为0)

小表格单元格的合并(用来存放图片的单元格合并)

4、插入图片

5、输入文字

6、保存网页

首页一般取名为index.htm或者defaul.htm。其它网页根据其内容来命明。如介绍学校内容可取名school.htm.

五、练习题

1、下列网页元素中,不属于基本的三中元素的是( )

A 动画 B 文字 C 图片 D 超链接

2、网页中描述各种元素和构件的语言是( )

A PASCAL B C CHTML DBASIC

3、下列关于网页元素-----图片的使用观点中,错误的是()

A 图片可以直观形象地表达某些信息

B 图片可以美化网页,吸引读者的眼关

C 图片可以跨越语言障碍地表达某些信息

D 每张网页都必须包含图片,否则不能称之为网页

4、网页制作时,能对网页中的元素和构件进行准确定位的是

A 网格 B 表格 C 网页特效 D 超链接

评论
发布

2015年