第7章 创建站点.PPT

通过本章学习，应该掌握以下内容： FrontPage 2003和Dreamweaver MX的基本操作 创建站点的方法 管理站点的方法 能够为站点添加网页 导入文件到当前站点的方法 发布站点的方法 ;7.1 利用FrontPage 2003创建站点 ;2．FrontPage 2003的新增功能 （1）设计网站 FrontPage 2003 具有经过改进的设计环境、新的布局和设计工具、模板以及经过改进的主题，这一切可以帮助用户实现网站创意，而无需任何HTML知识。 （2）开发网站 FrontPage 2003具有改进的创作环境、新的图形功能、强大的编码工具（帮助用户应用并增加各种编码语言知识）、以及创建交互式脚本的工具。此外，FrontPage 2003可以生成有效和干净的HTML，能让用户更好地控制代码。 ;3．FrontPage 2003工作界面 （1）标题栏 （2）菜单栏 （3）常用工具栏 （4）格式工具栏 （5）窗口栏 · “网页”视图 网页视图是进行网页编辑的操作界面。 · “文件夹”视图 用来对网站的目录和文件夹进行管理 . · “报表”视图 用于查看与网页制作有关的各项参数。 · “远程网站”视图 可以发布整个网站或个别文件，还可以在两个或更多个位置之间同步文件。 · “导航”视图 用来显示和编辑网页的导航关系。 · “超链接”视图 显示某个网页与其他网页之间的关系， · “任务”视图 用来查看网站和网页设计的完成情况。 （6）任务窗格 ;7.1.2 创建站点 1．创建新站点 ① 选择“文件”| “新建” 命令，打开“新建”任务窗格； ② 单击 “新建站点”下“其他网页模版”超级链接，打开“网页模板”对话框; ③ 单击站点模板中的“空白站点”图标，在“指定新站点的位置”文本框中输入新站点的位置。单击“确定”按钮. 注意：在创建站点选择路径时，最好选择某个文件夹作为站点，而不要选择某个磁盘分区（例如F盘）作为站点，否则可能会导致整个磁盘分区瘫痪。 2．导入一个已存在的站点 首先选择“文件”菜单下的“导入”命令，然后根据提示，依次选择需导入的站点即可。 3．将文件夹转换为站点 FrontPage 2003中可以将一个已经存在的文件夹转换为站点。 ; 7.1.3 管理站点 1．打开站点 单击工具栏中的“打开”按钮，弹出“打开文件”对话框，在“打开文件”对话框中选择要打开得网页，选中之后，单击“打开”按钮。 2．重命名站点 在创建站点时，如果没有为站点创建一个好的名称，可以重新为站点命名。重命名Web站点时，FrontPage 2003会用新站点名称自动更新所有内部超链接以及其他站点设置。 3．删除站点 在FrontPage 2003中选择“文件夹”视图，并选择要删除的站点，单击“Delete”键，或右击鼠标，从弹出的快捷菜单中选择“删除”命令。 注意：应用手动方式删除文件，删除的文件会自动放置于“回收站”中，而应用“删除”命令方式删除文件，被删除的文件直接从磁盘中删除，是不可恢复的。; 7.1.4 为站点添加网页 在FrontPage 中，为站点添加网页的方法有两种。一种是：单击工具栏中的“新建网页”按钮或者按快捷键“Ctrl＋N”，打开一个空白网页，设计者可以在网页编辑区编辑自己的网页；另一种是：选择“文件”|“新建”命令，打开“新建”任务窗格，单击“新建站点”下的“其他网页模板”超级链接，打开“网页模板”对话框，利用网页模板创建网页。 7.1.5 导入文件到当前站点 站点设计者可以通过导入一个页面而减轻自己的工作量，并吸收别人成功的经验（当然要得到版权的许可）。导入方法与导入站点的方法类似。 ;7.1.6 发布站点 1．设置浏览器的兼容性 2．测试站点 （1）查看站点中的所有内部超链接 （2）验证各个外部超链接的有效性 （3）修复断开的超链接 （4）更新超链接 ;7.2 利用Dreamweaver MX创建站点 7.2.1 Dreamweaver MX简介 1．Dreamweaver MX的界面 图7-16 Dreamweaver MX的操作界面 ; 2．Dreamweaver MX的视图 作为一种所见即所得的网页编辑软件，Dreamwea