一、网站内容简介
在建立网站之前,让我们先来了解一些基本的概念和这些概念之间的相互关系。
因特网上具有相似性质、共同内容的一组信息资源就是一个网站。构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。 这些文件大致可分为三类:{dy}类描述资源结构、位置,引导浏览者访问该网站,通常以“.htm”或者“.html”为扩展名,称为网页文件;第二类是网页文件所连接到的图像、音频与视频等资源文件;如果网站还包括交互性内容,可能还会有第三类文件,即Web数据库和程序文件。
注释:HTML(Hypertext Markup Language )超文本标记语言
二、Frontpage软件介绍
如左图示例中在启动完该软件时,任务窗格会显示
三、新建站点
在FrontPage中点击“文件-->>新建”,在打开的窗口中可以看到自动建立站点的各种向导和模板。
新建 FrontPage 网站的位置是 “新建网页或网站” 任务窗格。该任务窗格提供两种创建网站的方法:
下一步是指定 FrontPage 网站的位置。这一步非常重要。所要采取的操作取决于你选择的是创建基于磁盘的网站还是基于服务器的网站。
这是创建网站的另一种方法。如果你使用其他程序(如 Macromedia Dreamweaver 或 HomeSite)制作了网站,则可以将其转换为 FrontPage 网站。这将赋予你使用 FrontPage 设计功能的能力以及手动管理能力。
要添加的信息仅仅是两个文件夹: _vti_cnf 文件夹和 _vti_pvt 文件夹。请注意这不会将任何东西添加到你创建的 HTML 网页中。
四、管理网站
FrontPage 中包含两种视图 : 网站 视图和 网页 视图。大多数情况下,处理整个网站时,应使用“网站”视图;处理单独的网页时,应使用“网页”视图。
我们首先介绍“网站”视图。
在该插图中,选中的是 “文件夹” 视图。通过这个视图,可以看到构成 FrontPage 网站的所有文件和文件夹,它很像 Windows? 资源管理器。你可以在此处添加、移动、重命名、打开和删除文件。
在你指定了要将网站发布到的位置后,此视图的外观将与此处的示例相似。
这个视图非常有用,通过它不仅可以将网站发布到远程 Web 服务器,还可以通过将网站从 Web 服务器发布到本地磁盘来进行备份。你还可以通过单击一次按钮来同步远程网站和本地网站,使它们保持一致。
有些报表仅用于对网站进行简单地总结,如网站中文件的数量。但另外一些对排除故障是非常有帮助的。三个最有用的排除故障报表是:
五、新建网页
本课将介绍这一过程。但我们将着重于一些基础知识的介绍,如添加页面布局、设置文本格式,以及插入超链接和图片。如果你渴望尽快设计出自己的网页,这节课就可以帮你实现这一愿望。
如果愿意,可以通过绘制表格和单元格从头设计布局。此过程会使你受益匪浅,但是从头做起会花费较长时间。(实际上,我们后面的课程里会专门讲授此过程。)不过,如果你希望快速而轻松地执行这一任务,可以从 “布局表格和单元格” 任务窗格中选择准备好的布局,如插图中所示。在下面的练习单元中,我们将介绍如何执行此操作。
注意 还可以使用其他方法创建布局。例如,可以使用框架或图层。有关这些主题的详细信息,我们在后续课程里将会学到。
当文本位于网页上之后,你可能需要对它应用样式。下面的插图说明了如何使用 “样式” 框为文本应用样式。
本示例中,选择了“标题 1”样式。“标题 1”是标准的 HTML 样式。默认情况下,它是采用字体为“宋体”的大文本。但是,如果要创建自己的样式并将其应用到文本,该怎么办?在“提高应用篇”单元中,我们将介绍如何操作。
要插入你计算机上的图片,请单击 “插入” 菜单,指向 “图片” ,然后单击 “来自文件” 。你可以从此处找到硬盘驱动器上的图片。
使用 FrontPage 向网页添加超链接非常简单。下面的插图说明了如何开始操作。
提示 用于插入超链接的键盘快捷方式是 Ctrl+K。如果记住该快捷方式有困难,只需想一想 hyperlink(超链接)中的{zh1}一个字母“K”即可。
当然,超级链接的种类很多(如邮件链接、图片热点链接等),我们会在后面的课程中不断学习。
在第三节中,我们讲到预览网页的快速方法是切换到 “预览” 视图。但是,请注意,“预览”视图是基于 Internet Explorer 显示网页的。如果希望网页适应其他浏览器,应确保安装了这些浏览器,然后使用 “在浏览器中预览” 命令预览网页。
六、设置网站标题
1、切换到网站的文件夹视图。 2、选择需要修改标题的网页文件。 3、在网页的标题栏处单击一下左键,出现修改标题的输入框(或选择右键弹出菜单的“属性”)。 4、设置好新的网页标题后按回车或用鼠标在空白地方单击一下即可。
1、打开要设置标题的网页
2、在网页上单击鼠标右键,从弹出的快捷菜单中选择“网页属性”选项。
3、打开“网页属性”对话框,在“常规”面板内修改标题。
4、完成后按确定退