ch_1 网页设计基础new.pptVIP

20）如何全屏幕编辑网页 由于界面上除了视力栏与文件夹列表之外，右边剩下的网页编辑区空间就显得较为狭窄了，在编辑全屏幕网页时，只能不断的使用浏览器预览的方式来观看网页的整体外观，十分不方便。 为让网页编辑区放到最大，可将视图栏与文件夹列表暂时关闭，以利于网页编辑。 可以利用菜单栏“查看”中的“视图栏”与“文件夹列表”关闭或打开视图栏与文件夹列表。 本章结束 小 结 综上所述，一个不包含任何内容的基本 Web 页文件如下所示： Part 3 常用网页制作工具FrontPage 网站的建立 启动FrontPage的网站开发环境窗口如右图所示。 1）如何在硬盘中建立一个的新网站 所谓建立新的网站，指的就是在硬盘中建立一个新的文件夹。 这个过程将用FrontPage来完成，只要指定好网站要存放的路径即可。 步骤1 执行菜单栏“文件/新建/网页或站点”的命令，然后选择“新建网页或站点”下的“空白站点”，会出现“Web站点模板”对话框的“站点”标签页。如下图所示。 步骤1 如果纯粹只为了编辑网页，可以省略建立网站的步骤，直接将网页文件保存在一般的文件夹中。 步骤2 在“Web站点模板”对话框的“站点”标签页左边选择要建立的网站类型后（如“只有一个网页的站点”），在右边“指定新站点的位置”字段中输入网站的网址（如：http://localhost/chap1 ，然后单击“确定”按钮，就可以在网站主目录下建立一个chap1的子网站。如下图所示。 2 如何编辑网页 （1）在下图所示的“文件夹列表”中的“Default.htm”网页文件上双击鼠标左键，就可以进入网页编辑模式，右边的网页编辑区就会显示该新网页，并且文字插入点“｜”就停在网页编辑区的左上角，等待输入网页的内容。 2 如何编辑网页 （2）在网页编辑区内输入“这是我的第一个网站”文字。 3）如何预览网页 4）如何查看网页的HTML源代码 5）如何保存网页 网页编辑完成后，在使用浏览器进行网页预览之前，必须先将编辑过的网页存为文件。 只要执行菜单栏“文件/保存”命令，或者单击工具栏上“保存文件”按钮，就可以将目前编辑中的网页存为文件了。 6）如何使用浏览器来浏览网页 执行菜单栏“文件/用浏览器预览”命令，或者单击工具栏上的“在浏览器中预览”按钮，就可以打开浏览器来预览目前编辑中的网页（要先保存）。 7）如何打印网页 执行菜单栏“文件/打印”命令，或者单击工具栏的“打印”按钮，即可打开“打印”对话框。如图所示。 8）如何预览打印 执行菜单栏“文件/打印预览”命令，执行预览打印功能。 9）如何建立新的网页 直接单击工具栏的“新建网页”按钮，即可打开一个完全空白的网页来进行编辑。 10）如何由模板建立新网页 （1）执行菜单栏“文件/网页或站点”命令，然后从右边的对话框中选择“网页模板”选项，打开“网页模板”对话框。 10）如何由模板建立新网页 （2）在上图中选择一个网页模板后，可以在右边看到该网页模板的样子，确定好模板后，单击“确定”即可制作出一个新网页。 11）如何保存新建的网页 新增的网页保存时会出现“另存为”对话框，需要给新建的网页命名，并决定网页所要存入的位置。 若要将已经保存过的网页文件，保存为另一个文件时，可执行菜单栏“文件/另存为”命令，也将弹出“另存为”对话框。 12）如何保存网页中的图片 如果网页中包含新插入的图片，或者是模板自动为我们加上的图片，那么在保存网页时，会出现如图所示的对话框，询问要将这些图片保存到哪个文件夹下面。 可以直接单击“确定”，将图片保存在和网页同一个文件夹中。 为了管理方便，一般都是将图片文件存放到网站的images文件夹中。 12）如何保存网页中的图片 （1）在上图中单击“更改文件夹”，打开“改变文件夹”对话框。 12）如何保存网页中的图片 （2）在上图中选取“images” 文件夹，然后单击“确定”。出现“保存嵌入式文件”对话框。 12）如何保存网页中的图片 （3）单击“确定”按钮，这些图片文件就会保存到网站所在文件夹内的images子文件夹中，此时可以在“文件夹列表”中将“images”文件夹展开看到保存的图片文件。 13）如何更改网页的文件名或文件夹的名称 在文件夹列表中，选择要改名的文件或文件夹，单击鼠标右键，则会弹出一个菜单栏，选择其中的“重命名”命令，即可修改选择对象的名称。 14）如何新建文件夹 以在images文件夹内建立一个名为Background的子文件夹为例说明。 （1）在文件夹列表中的“images”文件夹上单击鼠标右键，在弹出菜单中选择“新建文件夹”命令，即可在images文件夹之下建立一个名为“New_Folder”的子文件夹。 14）如何新建文件夹 （2）输入新的名称“Background”后，按下回车键