信息技术选修《网络技术应用》教案(2)

一、WWW 信息资源，即万维网 1、什么是万维网 （1）定义：World Wide Web，缩写 WWW）是因特网上一种非常受欢迎的服务。 （2）基本用途：向用户提供各种信息的浏览与查询服务。 （3）方式：通过 WEB（网站）向用户提供信息资源。 2、万维网信息资源的特点 （1）以超文本/超媒体形式组织 （2）分散存储 （3）具有动态性 3、万维网服务器与浏览器 （1）万维网服务器 提供万维网信息需要有专用的万维网服务器。 （2）浏览器 浏览器是到达数百万 Web 网站的工具。通过在浏览器中输入网站地址可以访问到万维网中 的信息。 4、统一资源定位器 （1）因特网上的资源非常丰富，我们用一种统一且方便的方法来标记，识别这些资源。因 特网上采用统一资源定位器（Uniform Resource Locators，缩写为 URL）来识别网络上的资 源。 （2）URL 的基本格式： 协议：//域名（或 IP 地址）[：端口号]/文件名 （3）用户点击 HTML 网页中的超链接，实质上也是一个 URL。 二、FTP 资源 1、FTP 资源 （1）定义： （File Transport Protocol）是文件传输协议。FTP 服务器就是存放文件型资源 并执行文件传输协议实现文件传输功能的计算机。 （2）与万维网的区别：FTP 服务器存放的资源往往直接就是用户需要获取的目标。而 万维网网页中除了文本信息外，用户往往还要通过超链接才能找到需要的资源。 2、FTP 客户端软件 （1）优势：大多数浏览器可以下载文件，但一般不能上传文件，而 FTP 客户端软件却 可以实现这一要求。 （2）FTP 客户端工具有两种模式：Windows 命令行模式和图形截面窗口模式 例：FlashFXP 窗口11

第七课 因特网上的信息交流学习目标： １、了解因特网上的两大类信息交流方式 ２、了解因特网上的多媒体技术 教学重点、难点： 掌握电子邮件的格式、使用模式及免费 Email 的申请使用 教学过程： 一、因特网上的信息交流 （一） 、非实时的信息交流方式 1、电子邮件△ 2、留言板 3、BBS 论坛 （二） 、实时的信息交流方式 1、即时消息（Instant Messaging）如 ICQ，QQ，MSN Messenger，netmeeting 等。 △ 2、IP 电话 3、视频会议 电子邮件： １、使用 email 的 c/s 和 b/s 模式12

C/S(client/Server)客户端/服务器 B/S(Browser/Server)浏览器/服务器 2 、电子邮件原理 参考课本 P78 邮箱地址格式： 用户名@域名 如 xiaoming@ QQ 工作原理 （1）用户首先从 QQ 服务器上获取好友列表，以建立点对点的联系。 （2）用户和好友之间直接采用 UDP 方式发送信息。 （3）如果对方无法直接点对点联系，则用服务器中转方式完成。 二、因特网多媒体技术 （一） 、流媒体技术 什么是流媒体技术 P83 1、压缩媒体文件格式 P83 表 3-7 2、流媒体文件格式 P83 表 3-8 流媒体服务器与播放器 流媒体技术应用 （二） 、网络虚拟现实技术 VRML(Virtual Reality Modeling Language 虚拟现实建模语言) 全景环视技术第八课网站的规划与设计学习目标： 学习如何进行网站规划及网站设计 教学重点、难点： 网页设计中的页面表格布局的设计 教学过程： 网站的规划 一、开发网站的基本过程 网站的规划-->网站的设计-->网页的制作-->网站的发布与管理-->网站的评价 二、网站主题的确定 网站的规划从选择网站的主题开始。 网站的选题就是要根据网站的开发目标和访问网站的用户群确立网站的主题， 并给网站 起一个简练响亮的名字。 请每个同学确定自已的网站主题，参考课本 P95 页，表 4-2。 三、网站运行环境的确定 学校的校园网提供了高带宽、 平稳的网站运行环境， 为同学们提供存放网站的磁盘空间。 提交网站与访问网页的方法：13

提交：机房提供的 FTP 服务器 ftp://10.105.5.53 或 ftp://10.105.5.253 的个人空间 访问：http://10.105.5.53 或 10.105.5.253/space/个人空间账号/文件名 四、网页制作工具的选择 每种网页制作工具均有优缺点，我们采用 Frontpage 来作为网页设计制作工具。我们可 以配合 photoshop、fireworks 等图像处理软件，制作出精美的网页。 网站的设计 网站设计一般包括网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。 一、网站的结构设计 在动手制作一个网站前，应该构思好网站的结构图，做到层次清晰。如课本 P100 页， 图 4-5 就是“虎门销烟启思录”网站的结构图。 二、网页的版面设计 1、风格设计 风格是指网站的整体形象给浏览者的综合感受。 或严肃庄重， 或清爽温馨， 或深沉厚重， 或生动活泼，或古朴典雅，或豪迈奔放。风格的设计与主题是密不可分的，是为突出主题服 务的。 2、版面布局设计 版面布局设计就是指要呈现的内容在网页中的位置安排，一般都是用表格进行版面布局 设计的。如下面为“虎门销烟启思录”网站的版面布局。 内容描述 栏目导航区 提示 信息区主要内容附加信息 三、网页的交互设计 网页的交互设计也就是导航栏的设计、 超链接的设计。 导航栏设计的目的就是将零散的网页 串成一个整体从而形成网站， 用户在浏览网站时可根据所需进行选择浏览， 自由地在各网页 间跳转。 课堂任务： 1、 每个同学构思自己要建立的网站主题及网站结构组成，以“文本文件”的形式形成结果 并提交。 范例---->>> 提交作业两步骤：14

①、登录 FTP 个人空间，将文本文件上传 ②、点击本节课“提交” ，然后根据提示操作。 2、 据自已所构思的网站主题、结构组成，上网搜索所需的素材。第九课网页制作（一）学习目标：新建一个站点及网站首页的制作 教学重点、难点： １、使用表格功能进行页面布局 ２、插入表格、设置表格属性、设置单元格属性 教学过程： 网页制作过程一般如下所示： 收集和制作素材 新建空白网站和网页 编辑网页图文 保存预览 链接网页 一、收集和制作素材 请同学们按自已选定的网站主题及设定的栏目上网搜索素材， 并学会对图片进行简单的加工 制作以适应我们设计的网站需要。 二、新建网站及网页 １、新建空白站点的方法： 启动 FrontPage，然后“文件” “新建” “站点” “空白站点”15

２、新建空白网页的方法： 单击常用工具栏上的“新建”按钮 或 单击“视图”菜单下的“网页” 。 具体操作请认真看课堂演示（有视频动画教程） 三、使用表格进行页面布局 １、常见的网页布局：上下型T 字型开字型其它布局类型２、插入表格、设置表格属性、设置单元格属性 具体操作请认真看课堂演示（有视频动画教程） 四、课堂任务 １、建立自己的网站站点，并用表格为网站首页做好布局设计 说明：建立站点时请将站点建立位置指定到 D 盘的你的网站文件夹 ２、简单使用图像处理软件（如：FireWork 或其它软件）为自己的网站制作漂亮的顶部主 题 Banner，最后将设计结果导出到自己网站的文件夹下。 ３、 将本节课完成的整个站点文件夹上传到个人空间保存， 并发布提交你设计的主题 Banner 文件。 发布提交方法： http://10.105.5.253/space/个人空间帐号/你的网站文件夹名/顶部主题设计文件名16

第十课网页制作（二）学习目标：掌握编辑网页图文的各种操作 教学重点、难点： 插入图片、设置网页背景颜色、背景图、背景音乐 教学过程： 一、编辑网页图文 １、编辑网页文字 利用工具栏编辑文字的字体、字号、颜色、对齐方式等 ２、网页的背景颜色、背景图、背景音乐 “格式”菜单下的“背景”命令 ３、插入图片 在自己的网站文件夹下新建一个保存图片的文件夹，命名为 images 或 pic 等。 插入图片的两种方法，你可以选择其中一种： 方法一、 …… 此处隐藏：3200字，全部文档内容请下载后查看。喜欢就下载吧 ……