网页制作电子教案ppt 适合用老师教学 第二课.pptVIP

通过本章学习，应该掌握以下内容： FrontPage和Dreamweaver的基本操作 创建站点的方法 管理站点的方法 能够为站点添加网页 导入文件到当前站点的方法 发布站点的方法 ;2.1 利用FrontPage 2002创建站点 ;3．FrontPage 2002工作界面 （1）标题栏 （2）菜单栏 （3）常用工具栏 （4）格式工具栏 （5）窗口栏 · “网页”视图 网页视图是进行网页编辑的操作界面。 · “文件夹”视图 文件夹视图的功能有些类似于Windows资源管理器，主要是用来对网站的目录和文件夹进行管理 . · “报表”视图 “报表”视图主要用于查看与网页制作有关的各项参数。 · “导航”视图 “导航”视图用来显示和编辑网页的导航关系。 · “超链接”视图 “超链接”视图显示的是站点中的某个网页与其他网页之间的关系， · “任务”视图 “任务”视图用来查看网站和网页设计的完成情况。 （6）状态栏 ;2.1.2 创建站点 1．创建新站点 ① 选择“文件”| “新建”| “网页或站点”命令，在窗口栏打开“新建网页或站点”窗格； ② 单击 “新建”下的“空白站点”超级链接，打开“Web站点模板”对话框; ③ 单击站点模板中的“空白站点”图标，在“指定新站点的位置”文本框中输入新站点的位置。单击“确定”按钮. 注意：在创建站点选择路径时，最好选择某个文件夹作为站点，而不要选择某个磁盘分区（例如F盘）作为站点，否则可能会导致整个磁盘分区瘫痪。 2．导入一个已存在的站点 要导入一个站点，首先应选择“文件”菜单下的“导入”命令，然后根据提示，依次选择需导入的站点即可。 3．将文件夹转换为站点 FrontPage 2002中可以将一个已经存在的文件夹转换为站点 ;2.1.3 管理站点 1．打开站点 单击工具栏中的“打开”按钮，弹出“打开文件”对话框，在“打开文件”对话框中选择要打开得网页，选中之后，单击“打开”按钮， 2．重命名站点 在创建站点时，如果没有为站点创建一个好的名称，可以重新为站点命名。重命名Web站点时，FrontPage 2002会用新站点名称自动更新所有内部超链接以及其他站点设置。 3．删除站点 如果创建的站点不理想，修改起来又十分麻烦，可以将站点删除。在FrontPage 2002中选择“文件夹”视图，并选择要删除的站点，单击“Delete”键，或单击鼠标右键，从弹出的快捷菜单中选择“删除”命令，就可以删除所选的站点了。 注意：应用手动方式删除文件，删除的文件会自动放置于“回收站”中，而应用“删除”命令方式删除文件，被删除的文件直接从磁盘中删除，是不可恢复的。;2.2 利用Dreamweaver 4.0创建站点 2.2.1 Dreamweaver 4.0简介 1．Dreamweaver 4.0的界面 （1）菜单栏 （2）工具栏 （3）对象面板 （4）浮动面板 （5）文档窗口 （6）状态栏 （7）启动面板 （8）属性面板 2．Dreamweaver的视图 作为一种所见即所得的网页编辑软件，Dreamweaver自动在用户创建网页时生成底层的HTML代码，同时提供了很好的HTML代码编辑功能。使用工具栏中的视图切换按钮可以很方便地切换到代码视图，以便查看当前编辑网页的HTML源代码。 ;2.2.2 定义站点 1．站点窗口 在Dreamweaver 4.0的编辑窗口，选择“Site”|“New Site”菜单，可以打开站点窗口。 站点窗口是Dreamweaver另一个重要的窗口，左半部是远程站点的目录，一般显示为空，只有在FTP连通状态下才有显示内容；右半部是当前编辑中的本地目录，有点像windows的资源管理器。 2．定义站点 方法1： 在站点窗口的下拉菜单选择最后一项“Define Sites”，弹出“Define Sites”对话框，点击“New”按钮定义一个新网站。 方法2： 在编辑窗口或站点窗口选择命令菜单“Site” | “New Site”选项，弹出“Site Definition for Unnamed Site”对话框，设置结束单击“OK” 按钮。;2.2.3 站点的基本操作 1．打开站点 如果要打开站点，可以在文档窗口或站点窗口中单击“Site”菜单的“Open Site”命令，然后在弹