第1课网站建设.pptVIP

《网页制作基础教程( FrontPage2003版)》 * 第１章 在 中创建网站 FrontPage * 主 编 黄洪杰 演示文稿制作 黄洪杰 电子工业出版社 中等职业学校电子信息类教材（计算机技术专业） 电子教案 第1章 在FrontPage中创建网站 1.1 网页的基本知识 如果把因特网上的每个网站看成一本书，那么在浏览网站时看到的每个画面则是这本书中的一页，我们称之为“网页”。而在进入网站后显示的第一个画页，我们称其为“主页”。主页就像一本书的目录，它是所有网页的索引页。通过单击主页上的超级链接，可以打开这个网站中的其他网页。 网站就是由一个个网页构成的。 1.1.1 网页的相关概念 1.1.2 HTML语言 HTML语言是一种超文本标记语言，它用来描述某个事物应该如何合理地显示在计算机屏幕上。也可以这么说，HTML就是以特殊的标记形式存储为通常的文本文件。 HTML文件并不难于读懂，只是比较繁琐。 centerbfont face =黑体font size=18欢迎参观我的主页/font/font/b/center 在网页上实现“欢迎参观我的主页”这句话为黑体18号字并居中显示，相应的HTML语句为： 1.1.3 FrontPage制作网页的优点 FrontPage很好的实现主页制作者与HTML语言的分离。人们再也不必和难记、难懂的代码打交道，这一切都得到了简化。 只需在FrontPage编辑器中输入文本或图片，而FrontPage将帮助我们将这些文本或图片转换成相应的HTML语言代码。特别地，我们在编辑器中见到的与主页在浏览器中见到的基本相同。 1.1.4 其他制作网页的工具 Dreamweaver被认为是更专业的网页制作工具，它和Macromedia公司的另外两个产品Flash，Fireworks一起称为“网络三剑客”。拥有更广泛的网页制作者群， 1.2 FrontPage入门 FrontPage是Office系列软件中的一个组件，在使用方法上和Word等其他Office组件保持相当高的一致性，这为我们熟悉使用这个软件带来了相当大的方便。 1.2.1 启动FrontPage 1.2.2 FrontPage工具栏 FrontPage共提供了14种工具栏，包含大部分菜单命令，熟练使用工具栏能够为操作提供方便 。 单击菜单栏上的“视图”命令，在弹出的菜单中可以看到全部九个工具栏，其中前面打勾的是在当前操作窗口显示并可直接使用的。 任务窗格可以使操作保持较高的工作效率，而不需要再通过菜单遍寻所需的选项。任务窗格有多种形式，在不同的操作阶段可以通过切换它们以适应相应的操作。 。 1.2.3 FrontPage的编辑区 编辑区是制作、编辑主页的地方，我们将在这个区域里进行输入文字、插入图片、制作表格等操作。 编辑区下面有共有四个标签： “设计”标签即一般编辑画面，在此画面中我们将以“所见即所得”方式进行网页的编辑与制作； “拆分”标签可同时查看设计和HTML代码的画面，在这个窗口中可以对照“设计”标签的情景，对网页的设计代码进行修改； “代码”标签中可以像在文本编辑器里一样对HTML代码进行编辑和修改； “预览”标签即预览画面，在此窗口中可以预览网页在IE浏览器中的样子。 1.2.4 FrontPage视图 在编辑区的左端有一个视图栏，该视图栏中有六种视图的按钮。默认情况下，网页视图被打开，而其他的视图也有特殊的作用。 单击菜单栏上的“查看”，在下拉菜单中可以发现在“视图栏”前面有一个“√”，单击鼠标，视图栏被隐藏。重复操作，视图栏又会出现。 1.3 创建FrontPage站点 在使用FrontPage制作网页之前，首先应该建立一个站点。站点建立之后，FrontPage会自动生成一些站点运行需要的文件，将来制作的网页就统一纳入整个站点的管理，为我们将来管理站点，提供方便。 1.3.1 创建站点前的准备 通常，网页中除了文字之外，还应该包含图片、声音、动画等内容。这些资料都要在确定网站主题后、制作网页之前准备好，并存放在一个专门的文件夹中。 在制作网站之前应该先画出结构图，这样不但可以规划网站结构，使网站条理清楚、主题鲜明，还可以确定各个网页的内容，方便大家思考各网页之间的链接方式。 1.3.2 创建站点 单击菜单栏上的“文件”，打开“文件”菜单，将鼠标指针移动到“新建” 上，弹出它的下一级，选择“网页或站点”。 在“新建网页或站点” 任务窗格中单击“空白站点”，打开“Web站点模板”对话框。 在打开的“Web站点模板”对话框中，选择“空白站点”模板，然后在“指定新站点位置”框中输入：D:\My Hom