网页制作与网站管理工具.ppt

第7章 网页制作和网站管理工具(FrontPage 2003) 7.1 网页编程语言HTML概述 7.2 FrontPage 2003的基本知识 7.3 网站的基本操作 7.4 网页的基本知识 7.5 超链接 7.6 表单 7.7 框架网页 7.8 动态网页 7.9 网站的发布 7.1 网页编程语言HTML概述 7.1.1 HTML简介 7.1.2 HTML语标记符 7.1.1 HTML简介 HTML是Hyper Text Markup Language的缩写，中文意思是“超文本标记语言”，它是全球广域网上描述网页内容和外观的标准。所有的网页都是采用HTML格式的文件，因此，网页的本质就是HTML，HTML是网页编程的基础。一个网页就是一个HTML文件，也称为Web页。HTML文件是一个纯文本或ASCII码文件，可以在任何具有文本编辑功能的字处理软件中进行编辑，文件的扩展名必须是.htm或.html。 7.1.2 HTML语标记符 HTML是一种语言，它由基本字符和修饰这些字符的各种标记符组成。这些标记符是一些嵌入式命令，其大小写形式是等价的，提供了网页的结构、外观和内容等信息。Web 浏览器利用这些信息来决定如何显示网页。在HTML中，所有的标记符都用尖括号括起来，大多数标记符都是成对出现的，分别表示开始和结束。开始标记符和对应的结束标记符定义了该标记符起作用的范围，两者的区别在于结束标记符在标记符号前有一个左斜杠。例如HTML 代码： H1 欢迎！/H1 ，表示显示网页时对“欢迎！”使用标题 1 样式， /H1表示标题 1 样式的结束。 7.1.2 HTML语标记符 要查看网页的HTML代码，可以选择“查看”|“源文件”命令。下面是一个网页的代码表示形式，通过该网页可以使读者了解HTML中的各种标记符及其功能。代码可以在文本编辑器如“记事本”等中输入，示例如下。 html headtitle青岛农业大学/title/head body bgcolor=white centerh2学校简介/h2/center b一、校园平面示意图/b centerimg src=C:\Documents and Settings\My Documents\My Pictures\xypm.jpg/center 校情总览： ul li学校简介 li现任领导 li历任领导 li校园风光 /ul hr center a href = 如有问题，请联系我/a /center /body /html (8) BR：行中断标记符。相当于文本编辑程序中的回车。 (9) HR：横线标记符。在Web页面中加入一条横线。 (10) IMG SRC=图片文件名：图片标记符。在Web页面中加入图片，其中“图片文件名”为具体的图片文件名。 (11) B…/B：黑体字标记符。将其中的文本显示为黑体字。 (12) I…/I：斜体字标记符。将其中的文本显示为斜体字。 (13) A…/A：超链接标记符。常把A写成：A HREF=超链接的文件名，其中“超链接的文件名”为具体的HTML文件。HREF相当于一个指针，指向要链接的文件。标记符之间的内容在Web页面显示为蓝色加下划线的超链接标记。 (14) UL…/UL：不带序号的列表标记符。其中用LI标记列表的各项。 (15) OL…/OL：带序号的列表标记符。其中用LI标记列表的各项。 此外，HTML语言还有许多标记符，读者可以参考有关HTML的书籍或者在网上查询。 7.2 FrontPage 2003的基本知识 7.2.1 FrontPage 2003的安装 7.2.2 FrontPage 2003的主要功能 7.2.3 FrontPage 2003的启动 7.2.4 FrontPage 2003的界面构成 7.2.5 FrontPage 2003的帮助系统 7.2.1 FrontPage 2003的安装 FrontPage 2003的硬件和软件配置，同Word 2003的要求一致。在安装过程中，需要用户在Office 2003的初始安装窗口中，选中“FrontPage 2003”按钮，然后根据提示和需要完成其他步骤。 7.2.2 FrontPage 2003的主要功能 作为一个网页编辑器，FrontPage 2003完全实现了“所见即所得”的网页制作方式，简单易学，功能强大，用户不需要懂网页编程语言，就能制作出具有专业效果的网页。当然，用户也可以切换到“设计”或“代码”视图，用网页编程语言直接描述网页，然后切换到“预览”视图就能看到效果。Office FrontPage?2003 具有经过改进的设计和开发环境，可以帮助用户轻松实现网站设计与开发。此外，进一步增强了发布网站和维