现代教育技术教材 第四章 信息技术支持的网页设计制作、互联网工具和服务

信息技术支持的网页设计制作、互联网工具和服务

作为教师，在信息技术特别是网络技术的飞速发展的情况下，单纯地掌握单机课件地 制作已经不能完全适应教学的需求，网络课件和网络课程的设计与制作也成为要掌握的技 能。电子邮箱、网络论坛、博客为教师进行网络交流提供了方便的平台和工具，常用软件的 使用、网络收藏夹和网络硬盘、好看簿服务和 Wiki 服务、概念图和思维导图这些网络工具 和服务为教师加工信息、组织处理信息提供了方便，是学习、备课、上课的得力助手。

第一节 网页设计与制作

学习网页设计与制作技术可以从两个方面参照着学习，一方面是基本的超文本标记语 言即 HTML 的学习，另一方面是可视化网页编辑软件的学习。此外，要提高自己的网页设 计与制作水平，还必须多研究一些优秀网页，尝试应用到自己的作品中去。

一、基本的超文本标记语言

1、基本结构

图 10.1 HTML结构图

使用超文本标记语言生成网页的方法就是在基本结构中的各标签内编写代码， 而这些代 码都是非常容易掌握的。

2、编写工具——记事本

图 10.2 记事本程序

单击“开始”→“附件”→“记事本” ，即可调出记事本工具。

3、将超文本标记语言保存为网页（扩展名为 htm或者 html）

图 10.3-⑴ 保存

图 10.3-⑵ 保存

4、基本的标签

l主体背景颜色标签

l主体背景图片标签

l文本换行标签

l段落标签

段落

l文本居中标签

文本

l文本字体、字号、字的颜色标签 文本 l图片标签

l文本超链接标签 链接到百度网站

l图片超链接标签< img src=路径/图片 1.jpg alt=提示词 width=宽度 height=高度 align=center border=0>

l水平线标签

---

二、可视化网页标记软件——Dreamweaver

Dreamweaver 是 Macromedia 公司出品的一款非常强大的可视化网页编辑软件，但同时

也支持代码视图，方便代码的编写。我们以 Macromedia Dreamweaver8 为例向大家介绍。

1、

界面 ⑴．开始界面

图 10.4 开始界面

开始界面主要提供了打开最近项目、创建新项目和从范例创建三个选项，方便我们开始 工作。

⑵．工作界面

点击创建HTML 文件，即可看到工作界面。Dreamweaver 继承了微软开创的窗口风格， 也是由标题栏、菜单栏、工具栏、状态栏、工作区和任务窗格等几部分组成。此外，在工作 区的上面还提供了代码、拆分、设计三种视图。

图 10.5 工作界面 工作区 任务窗格 视图 工具栏

状态栏

2、网页制作的“三板斧”

⑴．新建站点

图 10.6-⑴ 新建站点

图 10.6-⑵ 新建站点

图 10.6-⑶ 新建站点

图 10.6-⑷ 新建站点

图 10.6-⑸ 新建站点

⑵．新建文档

图 10.7-⑴ 新建文档

图 10.7-⑵ 新建文档

⑶．布局

使用跟踪图像辅助布局

图 10.8-⑴ 布局

图 10.8-⑵ 布局

使用布局模式布局

图 10.8-⑶ 布局

我们建议大家能对 HTML 语言代码和可视化网页编辑软件都有基本的掌握，能够在代 码视图和设计视图之间自由切换。因为很多网络教学平台后台都有网页编译器，既能支持设 计还能支持源代码的输入，但很多情况下，不能把 Dreamweaver 中设计的部分直接粘贴到 网页编译器里，或者即使能粘贴也会变形得厉害，阅读效果不好。这个时候，将代码粘贴到 编译器的源代码窗口里，往往能正确显示我们要达到的效果。

第二节 电子邮箱和电子邮件

电子邮箱和电子邮件已经成为信息时代网络人的首要标志，对它们的使用也成为必备 的信息技能。既Google公司推出 G 级超大容量电子邮箱引发新一轮革命而来，国内各大网 站也纷纷跟进，电子邮箱的革新纷繁出现，电子邮箱不仅限于邮件往来，还可以邮件聊天、 网络存储、群组交流等。下面一一介绍。

1、电子邮箱的注册

目前国内主要提供两种邮箱，Web 页面邮箱和 POP3邮箱。前者只能登陆到提供邮箱的 网站才能查看邮箱的邮件或者进行其他活动，它的优点是可以在异地收发邮件，缺点是每次 操作必须先登陆到相关网站。POP3 邮箱则是使用软件来管理电子邮件，让软件代替自己自 动去登陆到相关网站，每次下载最新的邮件到本地机器。

电子邮箱的注册必须在联网情况下操作，现在基本上是零门槛，大家自行练习即可。

2、电子邮箱的使用

⑴．126 邮箱的使用

126 邮箱是网易公司紧跟世界电子邮箱发展的潮流而推出的一项产品，最初的空间为 126M 大小，故名 126 邮箱。作为一项新产品，126 邮箱不断增添和发展了多项服务。如网 易网盘、网易新闻的嵌入、网络歌曲的播放、多标签服务等。

⑵．QQ邮箱的使用

QQ 邮箱是腾讯公司在 QQ 即时通讯工具的基础上添加的一项服务，并做到了与 QQ的 无缝结合。相对于其他邮箱，QQ邮箱的新功能是群邮件、文件中转站、漂流瓶以及阅读空 间等。

⑶．Gmail 邮箱的使用

Gmail 邮箱是 Google 公司推出的 G 级电子邮箱，也是引领了电子邮箱革命的始祖，它 的一系列创新为网民们带来了全新的体验。如果说，网易邮箱和QQ 邮箱是大多数国人的首 选的话，在世界范围里，大多数国家的网民是使用 Gmail 邮箱的。

Gmail 邮箱的优势：

支持全程 SSL加密安全连接

GMail 的用户在登入和使用 GMail 的整个连接过程全部为 HTTPS 协议加密传输。 用 客户端软件POP3协议存取GMAIL， 如Outlook Express、 Foxmail、 Entourage、 Eudora、 Netscape Mail、 Mozilla 等也可设置为 SSL安全连接。 相比之下， 大多数免费邮件服务器不提供， 或者只在用户身份认证时才提供 SSL连接。

Labels(标签)取代传统的资料夹

另一项创新功能是一个称之为 Labels 的分类制度，以取代资料夹。每封邮件可以有无 限个 Labels 属性，而不是只能属于一个资料夹。另外，有 Filters(过滤器)功能让你自动 label 邮件。

使用界面

Gmail 运用 AJAX，建立了一个良好的使用者界面，速度上比起传统的 Web Mail 快上 许多。如果浏览器不支援 AJAX，Gmail 也提供没有 AJAX 接口的基本接口。

快捷键

快捷键可以节省你的浏览邮件的时间，你不必动用鼠标。

自动储存

Gmail 会在你撰写信件时自动储存信件内容于草稿中， 避免使用者因为死机或网络问题 而失去正在撰写的邮件内容。

无线访问

（官方说法）可以访问 使用“大多数具有网络功能的手机及拥有无线数据服务的设备”

移动版的Gmail，实现收信，写信，添加标签等功能。