计算机与信息技术基础(第3版) 第九章 网页制作初步.ppt

0 9.1 网页的基本概念 9.1 网页的基本概念 9.2 HTML语言简介 9.7 网页动态效果的使用 在网上浏览网页时，经常可以看到有些元素在运动，为了能够容易制作网页的动态效果，FrontPage 2003提供了13类动态效果制作技术，并把这些动态元素作为组件集中在一起，通过“插入”菜单中“Web组件”选项（或工具栏中的组件按钮）可以插入动态元素。 动态元素只有在IE浏览器中，其动态效果才能正常地显示。 * 第九章 网页制作初步 第一章 概论　 第二章 计算机基础知识 第三章 中文Windows XP 第四章 中文文字处理系统Word 2003 第五章 中文电子表格处理系统Excel 2003 □ 第六章 中文幻灯片演示文稿PowerPoint 2003 □ 第七章 多媒体技术基础 □ 第八章 计算机网络基础 □ 第九章 网页制作初步 □ 第十章 计算机信息应用技术 21世纪高等学校公共课计算机教材 计算机与信息技术基础 第九章 网页制作初步 □ 9.1 网页的基本概念 □ 9.2 HTML语言简介 □ 9.3 FrontPage 2003简介 □ 9.4 使用FrontPage 2003制作网页 □ 9.5 网页布局 □ 9.6 创建表单页面 □ 9.7 网页动态效果的使用 □ 9.8 网站的发布与管理 计算机与信息技术基础 21世纪高等学校公共课计算机教材 9.1.2 网页 9.1.1 超文本和超媒体 9.1.3 网站与主页 站点 网页 超文本文件 超媒体 首页 9.1.1 超文本和超媒体 WWW的信息组织形式 :超文本和超媒体 超文本（Hypertext）:通过链接关系，形成复杂的网状方式来组织信息形式，就称为超文本。 超媒体（Hypermedia）:多种媒体类型的信息媒体,如文本、图像、动画、声音或影像等,称为超媒体。 9.1.2 网页 网页(Web Page)是通过WWW发布的包含有文本、图片、声音和动画等多媒体信息的页面。它是一个文本文件，其扩展名通常为.htm或html。 网页一般可分为以下两种： 静态网页：该网页文件中不含程序代码，只有HTML标记，一经生成，内 容就不会再变化。常利用网页制作软件:如FrontPage 、Dreamweaver等方 便地生成。 动态网页：该网页文件不仅含有HTML标记，而且含有程序代码。动态网 页能够根据不同的时间、不同的来访者而显示不同的内容。常通过ASP、 PHP、JSP、ASP.NET等语言进行编程实现。 9.1.3 网站与主页 网站（web site）: 是存储在Web服务器的共享目录中的一系列网页文件和其他相关联的网页、图形、文档、多媒体等文件的集合，实际它是一个文件夹。 主页（Home page）又叫首页，是指用户使用WWW浏览器访问Internet上的任何WWW服务器 （即Web主机）所看到的第一个页面。通常将其命名为“index.htm”或“index.html”或“default.htm”或“default.html”。 9.2.2 HTML基础 9.2.1 HTML概述 9.2.1 HTML概述 HTML （HyperText Markup Language超文本标记语言）是一种用于网页制作的排版语言。 HTML主要功能：⑴ 格式化文本。⑵ 创建列表。⑶ 插入图像。⑷ 创建表格。⑸ 加入多媒体。⑹ 建立超链接。⑺ 提供交互式窗体等。 HTML的编辑环境:用HTML语言编写的网页是纯文本文件，可以用任何文本编辑器进行编辑,存盘时，其文件名扩展名为.htm或.html, 称为HTML文件，也称为Web文件。可以通过浏览器读取并解释HTML文件。 9.2.2 HTML基础 ⒈ HTML的基本语法 HTML文件由标记（Tag） 、文本和URL组成。 HTML的控制标记对大小写不敏感，同时控制标记用“ ”进行区分。大多数成对出现。 格式为：标记 [属性值] 受标记影响的内容 /标记 例如: 清华大学主页P A HREF=http: //“ 清华大学主页 /A FONT size=3 color=“red” 属性示例 /FONT 9.2.2 HTML基础 2．HTML文件的基本结构 [1] !DOCTYPE 声明HTML文件的版本信息。 [2] HTML /HTML 网页文档标记 [3]HEAD /HEAD 头部元素 [4]TITLE /TITLE 标题元素 [5]BODY /BODY 文档正文标记 HTML文件的基本结构一般可描述如下： !DOCTYPE HTML HEAD