IWPD_T2.pptVIP

wnt 2000(C) copyright Internet和网页设计基础 Internet和HTML 课题目标 解释什么是HTML 解释HTML文档中表格的使用 讨论HTML文档中applet的使用 描述一个Web站点的特征 列出FrontPage 2000的特征 什么是HTML？ HTML是使用SGML（标准通用标记语言）定义的，它提供了一种将文本、图象、声音、动画结合在一个称为网页的文档中的方法。 HTML基于两个概念： 超文本：它提供了一种将同一文档不同部分或不同文档之间的信息联系起来的机制。 标记语言：标记指的是HTML文档中的一些特殊的标记。这些标记指明如何显示文档中的内容 HTML的优点 HTML是一个简单但功能强大的语言。它的简单性使得任何人都可以利用它来创建自己的网页 通过超链接和URL，一个网页可以和其它网页相互连接起来。这样，使用者只要单击相应的超链接就可以访问其它网页中的相关信息 利用URL，HTML甚至可以通过Telnet、WAIS、Gopher、FTP、Usernet或Email链接到其它文档 HTML允许在HTML文档中结合多媒体文件。如果浏览器可以播放音频或视频文件，那么使用者可以通过单击来欣赏它们 HTML文档的结构 HTML文件示例 文件源代码如下： HTML HEAD TITLE我的第一个HTML文件/TITLE H1文件头/H1 /HEAD BODY PHTML还是很好学的/P P我的第一个网页/P /BODY /HTML HTML文件示例（续） 该代码描述的HTML文档的显示效果图如下： HTML中的表格 表格用来安排整个网页的布局 使用表格可以使网页上的内容看起来井然有序 大部分的最新的浏览器都支持表格使用 HTML表格示例 HTML HEAD TITLE表格生成实验/TITLE /HEAD BODY TABLE BORDER=1 TR TDCELL1/TD TDCELL2/TD /TR TR TDCELL3/TD TDCELL4/TD /TR /TABLE /BODY /HTML HTML表格示例（续） 该代码描述的HTML文档的显示效果图如下 Java Applet Java Applet是 一个使用Java语言编写的程序 可以嵌入到HTML页面中 可以在Web浏览器中执行 通过Java Applet，HTML页面编写者将生动的影音、动画和应用程序融合在Web页面中 理解Web页和Web站点 一个Web页是World Wide Web的基本文档 HTML（超文本标记语言）用于创建Web页 HTML与SGML（标准通用标记语言）相关 SGML是一种用于定义标记语言的更广泛的语言 HTML是SGML的一个具体应用 HTML允许文档编写者将内容或信息与HTML文档的展示分开 如何设计一个好的网页？ 作为一名设计者，您要扮演3个角色： 美 术 家 您必须保证Web 页有足够的吸引力能够吸引用户 建 筑 师 该站点必须有良好的结构，这样，从一个部件到另一个部件的导航就遵从一个逻辑路径 图书管理员 您必须保证内容编目的方式要使得用户在浏览Web站点上的信息或资源时不会遇到任何困难 Web页面的设计阶段 目标和目的 确定该Web站点的目标。您为什么需要该Web站点？ 目标观众 确定您的目标观众 企业的Web 站点和娱乐性质的站点就有相当大的视觉差别。 串联情节 准备一个您的Web站点的情节串联图板（版面布局、内容、顺序和操作的描述），用以定义Web 站点的概念设计。 组织信息 将能够确定您的Web 站点将要使用的导航计划 Web页面的开发阶段 需要注意的两个重要因素 Web 页面和Web 站点的布局 Web站点的导航 设计布局和内容 一致性和多样性 识别媒体 效果 布局 使用颜色 背景 文字和版式 Web站点的导航 无论您的Web站点有多吸引人，如果它没有一个简单的导航方案，用户就会迷路。因此，您应该记住以下原则 要准确地告诉人们在您的站点上哪些是可用的 帮助他们快速到达他们想去的地方 更易于获得更多的信息 Web站点的导航（续） 一般有以下几种组织Web站点的方式 超级链接树 图象映射 超链接 子页面 目录 Web站点的导航（续） 下图显示了在Web站点中的超级链接树使用 Web站点的导航（续） 下图显示了一个图象映射。当用户单击图上的一个图标时，就会显示相关的Web页 Web站点的导航（续） 下图显示了页面左侧导航栏的使用。如果用户单击导航栏中的任意图标，右侧的页面就会从当前页跳到一个新的页上 Web站点的导航（续） 目录便于用户跳到一个特定的主题。下图显示了目录的使用 FrontPage 200