现代教育技术实践郑艳清第04章课件教学.pptVIP

现代教育技术实践 网络教学系统的开发工具 第4章 网络教学系统的开发工具 4.1 Web开发工具 4.2网络教学开发平台 4.1 Web开发工具 4.1.1 网页开发工具 4.1.2 ASP开发技术 4.1.1 网页开发工具 1. HTML工具 2. FrontPage工具 3．DreamWeaver工具 1. HTML工具 HTML（Hyper Text Markup Language 超文本标记语言） HTML文档:是一个放置了标记的ASCII文本文件，扩展名:.html或.htm。 1. HTML工具 标记语法和文档结构 一个简单例子的剖析 字体与颜色 超链接和URL 图像、声音、视频和动画 列表结构和预编排结构 （1） 标记语法和文档结构 单标记 :只需单独使用就能完整地表达意思。 语法 ：标记 例：P ，表示一个段落的结束。 双标记 ：由“始标记”和“尾标记”两部分构成，必须成对使用 。 语法 ：标记内容/标记 例：EMtext to emphasize/EM 标记属性：多单标记和双标记的始标记内可以包含一些属性 语法 ：标记 属性1 属性2 属性3 … 例：HR SIZE=3 ALIGN=LEFT WIDTH=75% 文档结构：三对标记来构成一个HTML文档的骨架 （2） 一个简单例子的剖析 （3）字体与颜色 用于字体的标记 B /B：粗体 I /I ：斜体 TT /TT ：长宽度字体 EM /EM ：突出显示 SRTONG /STRONG ：重点突出显示 改变字体的大小：用正文标题标记H1至H6 （3）字体与颜色 FONT /FONT标记 带有SIZE属性 （3）字体与颜色 档的背景和字体的颜色 在BODY标记中增加属性BGCOLOR和TEXT来定义 例： BODY BGCOLOR=#ffffff TEXT=#000000 文档正文部分 /BODY （4）超链接和URL ①URL格式 ②锚（Anchor）标记 ③指向文件中的某一处 ①URL格式 URL （Universal Resource Location，统一资源定位器） URL的一般格式为： 访问方式 : //服务器域名/路径及文件名 访问方式：HTTP、FTP、TELNET、GOPHER、WAIS、NEWS、FILE等等 ②锚（Anchor）标记 锚标记的格式为： A HREF=URL信息 超链接文本及图像 /A ③指向文件中的某一处 超链接标记的另一个属性NAME，其格式 A NAME=超链名 超链接文本及图像 /A 超链接名是目的地的名字，当要引用这一目的地时，只需把“#超链接名”添加到HREF中就可以了。 （5） 图像、声音、视频和动画 ①图像 ②声音和视频 ③动画 ①图像 HTML的图标记是一个单标记，它的格式为： IMG SRC=“URL信息” 目前有以下几种图像的格式能被Web浏览器直接解释： GIF格式 、X位图格式 、JPEG格式 ②声音和视频 ③动画 SUN公司开发了一套称为Java的通用程序设计语言，利用它制作的网页可支持内嵌式的动画和内嵌式的声音。可以用SUN公司的Web浏览器HotJava来观看带有Java标记的网页。 （6）列表结构和预编排结构 ①列表（list）结构 ②预编排（Preformatted）结构 ①列表（list）结构 HTML文档中共有三种类型的列表，它们是： 无次序列表（Unordered list）：UL 列表项 /UL 有次序列表（Ordered list）：OL 列表项 /OL 定义表（Definition list）：DL 列表项 /DL ②预编排（Preformatted）结构 语法格式为： PRE预编排信息/PRE 例如： PRE 2.9 IMG SRC=car.gif + 1.2 The BIcar/I/B 4.1 /PRE 2.FrontPage工具 （1）FrontPage2003的基本操作 （2）文字的创建和处理 （3）图片的创建和处理 （4）网页的布局 （5）网页链接 （6）网页整体风格的设计——样式的应用 （7）表单 （8）设计效果 (9)向网页中添加音频和视频 （10）Web站点