《网页制作和网站管理工具》.ppt

网页制作和网站管理工具(FrontPage 2003) 1 网页编程语言HTML概述 2 FrontPage 2003的基本知识 3 网站的基本操作 4 网页的基本知识 5 超链接 6 表单 7 框架网页 8 动态网页 9 网站的发布 1 网页编程语言HTML概述 1.1 HTML简介 1.2 HTML语标记符 1.1 HTML简介 HTML是Hyper Text Markup Language的缩写，中文意思是“超文本标记语言”，它是全球广域网上描述网页内容和外观的标准。所有的网页都是采用HTML格式的文件，因此，网页的本质就是HTML，HTML是网页编程的基础。一个网页就是一个HTML文件，也称为Web页。HTML文件是一个纯文本或ASCII码文件，可以在任何具有文本编辑功能的字处理软件中进行编辑，文件的扩展名必须是.htm或.html。 1.2 HTML语标记符 HTML是一种语言，它由基本字符和修饰这些字符的各种标记符组成。这些标记符是一些嵌入式命令，其大小写形式是等价的，提供了网页的结构、外观和内容等信息。Web 浏览器利用这些信息来决定如何显示网页。在HTML中，所有的标记符都用尖括号括起来，大多数标记符都是成对出现的，分别表示开始和结束。开始标记符和对应的结束标记符定义了该标记符起作用的范围，两者的区别在于结束标记符在标记符号前有一个左斜杠。例如HTML 代码： H1 欢迎！/H1 ，表示显示网页时对“欢迎！”使用标题 1 样式， /H1表示标题 1 样式的结束。 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的书籍或者在网上查询。 2 FrontPage 2003的基本知识 2.1 FrontPage 2003的安装 2.2 FrontPage 2003的主要功能 2.3 FrontPage 2003的启动 2.4 FrontPage 2003的界面构成 2.5 FrontPage 2003的帮助系统 2.1 FrontPage 2003的安装 FrontPage 2003的硬件和软件配置，同Word 2003的要求一致。在安装过程中，需要用户在Office 2003的初始安装窗口中，选中“FrontPage 2003”按钮，然后根据提示和需要完成其他步骤。 2.2 FrontPage 2003的主要功能 作为一个网页编辑器，FrontPage 2003完全实现了“所见即所得”的网页制作方式，简单易学，功能强大，用户不需要懂网页编程语言，就能制作出具有专业效果的网页。当然，用户也可以切换到“设计”或“代码”视图，用网页编程语言直接描述网页，然后切换到“预览”视图就能看到效果。Office FrontPage?2003 具有经过改进的设计和开发环境，可以帮助用户轻松实现网站设计与开发。此外，进一步增强了发布网站和维护网站的功能。 2.3 FrontPage 2003的启动 启动FrontPage 2003可以通过以