当前位置:首页 >> 其它课程 >> 信息技术:6[1].1《网站和网页

信息技术:6[1].1《网站和网页


网站是一个整体,网页是一个个体,一个网站是由很多网页构建而 成。网站和网页的关系就像家庭和家人一样。 网页与网站的区别简单的来说:网站是由网页集合而成的,而大家 通过浏览器所看到的画面就是网页,网页说具体了是一个html文件, 浏览器是是用来解读这份文件的。也可以这样说:网页是有许多 html文件集合而成。至于要多少网页集合在一起才能称作网站,这 可就没有规定了,即使只有一个网页

也能被称为网站。 而我们想要制作一个网站,就需要单独编辑若干个html文件,然后 通过“超链接”把它们连接在一起,这样一个属于自己的网站就制 作出来了。

6.1

信息集成

信息集成
概念:信息集成的过程主要指将文本、图象、声音、动 画、视 频等媒体素材,有计划有目的的组织在一起,为表达某一主题 服务。

①选题立意阶段
这一阶段的中心任务是确定要表达的主题和设计的目 标,并用一个贴切而有特色的名字来表达。 归纳主题:

提问:平时上网喜欢哪些智力玩具?

网站名:古玩今玩

②设计规划阶段
这一阶段的任务是根据第一阶段确定的主题设计作品的内容和结构, 并收集、整理和选择作品中需要使用的素材。 1、设计作品的内容和结构

总体设计

从系统的角度出发,设计出作品的总体框架,把握所要表达的主体 内容。 教师演示:打开“古玩今玩”网站,展示五个模块

超级链接:实现从一个网页到另一个目标的连接,另一个目标可以是 一个网页,也可以是图象、动画、视频,甚至可以是一个程序。

详细设计
从微观上勾画出每个页面的布局,需要展现的内容、各页面之间的超级 链接方式。

网站Logo:Logo 是标志、徽标的意思, 是网站的标志。就一 个网站来说,Logo 即是网站的名片。而对于一个追求精美的 网站,Logo更是它的灵魂所在,即所谓的“点睛”之处。

2、素材的选择 文字、图象、动画、视频和音频信息都是素材。 http://www.haosc.com/ http://www.sucaiw.com/index.asp

③开发制作阶段

资料 Dreamweaver是Macromedia公司开发的集网页制作和网站管理于一身的 “所见即所得”的网页编辑器。为了配合其使用,该公司又开发了用于图像 处理的Fireworks、用于矢量动画编辑的Flash,这三者被人们称作网页三剑

④评估测试价段

?看网站是否达到你预计的效果; ?检查内容是否有错误;

?检查各处链接是否正确等。

1、网页的基本元素
?

文本 :基本组成部分

图像 :更加直观准确地表达某些信息,并且可 以起到美化网页,吸引读者注意力的作用。
?
?

超链接 :可以方便地转入其他网页进行浏览。

网页的其他元素
音乐 ? 表格 ? 表单
?

美化网页,丰富网页的内容, 增强网页的功能。

2.网页制作工具
(1)HTML语言 概念:是一种使用一组特定的标记来描述 文档结构的语言,HTML的源代码由网 络浏览器解释执行。
?

结构:HTML的结构包括头部(Head)、 主体(Body)两大部分,其中头部描述 浏览器所需的信息,而主体则包含所要 说明的具体内容。

HTML语言的特点
它们是成双出现的
? ? ? ? ? ? ? ?

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 1</title> </head> <body> </body>

</html>

(2)用网页制作工具软件制作网页
?Frontpage
“功能强大,简单易学”的特点,采用“所见即所得”的 编辑模式,不必了解HTML的语法。 基本使用方法与Word十分相似

网站制作简介
1、新建站点 站点是网页等一组网络资源的集合,我们把制作的所 有素材和网页集合成一个网站,便于维护和管理。在本地 机上它事实上是一个等待发布的本地文件夹。

在FrontPage中,新建一个“只有一个网页的站点” 时网站会自动新建一个名称为index.htm的网页,我们一般 将它设置为首页。首页内容和结构的安排要符合网站的主

题,色彩和设计的版式要符合网站的整体风格。首页是浏
览者进入网站时看到的第一个页面,就像一本杂志的封面 和目录。首页设计得恰当与否,直接影响到网站的形象, 往往是决定浏览者是否驻足欣赏的关键。

添加新网页 网页是网站的基本构成部分,学会添加新网页是制作网 站的基础。添加网页的操作步骤如图:

利用表格布局网页

网页中的表格除了可以用来定位和布局外, 还可以当作普通表格来使用,但注意此时的表 格边框粗细不能设置为0。

利用表格布局网页

添加图像
我们经常看到的网页都是图文并茂的,图片不仅能 直观地表达信息,还往往给人以美的享受。在网页中可 以插入多种格式的图片,但我们一般应选用那些压缩比 高的格式的图片,例如GIF、JPG等格式的图片。

网站中素材的分类存放

插入动画
动画的格式有很多种,GIF图片可以直接插入、 FLASH动画、视频动画等需要以“插件”方式插入。

设置背景
将首页背景设置为绿色:

将表格背景设置为淡绿色:

将单元格背景设置为图像:

在网页中插入背景音乐:

设置超级链接:

网站连接 在创建超链接对话框中URL栏中直接输入该网站的 网址即可。 电子邮件连接 在创建超链接对话框中,按电子邮件创建按钮, 在弹出的对话框中直接输入电子邮件地址确定即可。 书签式连接 连接到网页本身某个位置或文本的一种链接,先在 需要连接的位置或文本插入书签,再选中链接源,插入 超链接,在创建超链接对话框中选中相应书签即可。

6.1.5

评估测试阶段

作品的设计和制作往往不能一步到们,在制作和运行过程中要不断地 收集反馈意见以便修正。对于网站的调试和测评来说,一般包括以下几方 面的内容:看网站是否达到你预计的效果;检查内容是否有错误;检查各 处链接是否正确等。

填写如下表格,评价自己在本节中的学习情况。



一、填空题

主页(home page 1. 在网站上通过浏览器看到的第 1 张页面,称为网站的 _____________。 或首页) 2. 影响网页显示速度最主要的因素是页面上的图形的 ___________ 和 大小 数量 __________。 域名 3. Internet 上网站一般有与 IP 地址对应的名称,称为____________。 4. 显示器屏幕三种常见的分辨率(宽×高)是_________、_________、 800 × 600 640 × 480 1024 × 768 _________。 绿 5. 计算机色彩由(RGB)_________、_________、蓝 三种色光合成。 红

简答题
1.请写出信息集成的一般过程。

2.简述网站的基本组成部分。
参考答案:网站的基本组成部分有:①网页,网页用 HTML语言编写,由文本、 图形和其他媒体信息组成,不同的网页通过超级链接相互联结;②网页空间,在 因特网上存放网页的存储空间;③网址,与网页空间相对应的IP地址;④域名, 是站点的名字。


更多相关文档:

第六册信息技术 第1课《我的网页我设计》教学案

小学信息技术册 第 1 课《我的网页我设计》教学案昌乐特师附小 王小红 第 1 课 我的网页我设计、学习目标 1、技能目标 (1)认识 frontpage 窗口的组成...

六年级信息技术(1)

章节名称 科目 课时 第五册第三课——逐帧动画 信息技术 1 教学对象 年级学生 提供者 蔡衍斌 一、教材内容分析 通过前面几节课的学习,在学习了绘图工具以后...

六年级信息技术

年级信息技术_年级其它课程_其它课程_小学教育_...2.通过输入网址进入指定网页。 教学建议 1.因特网...WinGate version 2.1) ①在 WinGate 服务器端,运行...

信息技术 6.信息集成与信息交流

《信息集成与信息交流》知识点 6.1 信息集成 信息集成一般过程 1信息...可以在 Frontpage 编辑窗口中 编辑窗口中直接预览网页,也可以将网站 在 发布到...

六年级信息技术第一课(冀教版)

赵辛小学教师备课专用 年级课题 授课 新授 类型 学科 信息技术 备课教师 柳志军一 课时) 第 1 课 纸艺欣赏——word 文档变身网页 (第 1.会将 Word 文档...

2013-6信息技术选择题1

2013-6信息技术选择题1_高等教育_教育专区。1、从信息科学的研究内容来划分,可以将其基本科学体系分为( D )三个层 次。 A 自动控制,自动处理,自动存档 B 微...

2016云南特岗信息技术学科备考:6.1 网页的设计与制作

云南教师考试资讯、真题请点击云南教师考试 2016 云南特岗信息技术学科备考:6.1 网页的设计制作 云南教师招聘考试请访问云南教师考试, 为了更好的协助大家备考...

6.1(1)信息集成教案

6.1(1)信息集成教案_其它课程_高中教育_教育专区。...本课是《信息技术基础》第六章的第《信息集成...情感学习目标:通过制作“班级网站”增强学生对信息...

六年级上册信息技术第一单元教案

年级上册信息技术单元教案_其它课程_小学教育_...进行自主学习,来实现 “怎样在网上 发布网页以及如何...三、快乐做 1、 讲解示范在快乐学堂网站开通网络...
更多相关标签:
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com