网页制作教程CH.ppt

2.1 利用FrontPage 2002创建站点 2.1.1 FrontPage 2002简介 1．FrontPage 2002的特色 （1）强大的网页设计功能 可以智能地完成HTML文本的编辑，并可以针对不同的浏览器对网页进行设置 ;可以提供对多种版本的浏览器的支持 ;完善了所见即所得的网页编辑操作 （2）丰富的网页设计模板、设计向导和主题样式 提供了多种网页设计模板、网页设计向导和主题样式。使用这些模板、向导和样式，即使是初学者也可以设计出具有专业水准的网站。 2．FrontPage 2002的新增功能 FrontPage 2002在FrontPage 2000的原有功能基础上增加了图片库和增强的绘图工具，优化了更新、控制与管理站点的方法。还增加了更多的表格格式选项、Office剪贴板任务窗格、网页选项卡、自定义链接栏和电子商务等其他新功能。 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.1.4 为站点添加网页 创建完站点，接下来的任务就是为站点添加网页。在FrontPage 中，为站点添加网页的方法有两种。一种是：单击工具栏中的“新建网页”按钮或者按快捷键“Ctrl＋N”，打开一个空白网页，设计者可以在网页编辑区编辑自己的网页；另一种是：选择“文件”|“新建”|“网页或站点”命令，在打开的“新建网页或站点”窗格中单击“网页模板”超级链接，利用网页模板创建网页。 2.1.5 导入文件到当前站点 站点设计者可以通过导入一个页面而减轻自己的工作量，并吸收别人成功的经验（当然要得到版权的许可）。导入方法与导入站点的方法类似。 2.1.6 发布站点 1．设置浏览器的兼容性 2．测试站点 （1）查看站点中的所有内部超链接 （2）验证各个外部超链接的有效性 （3）修复断开的超链接 （4）更新超链接 2.2 利用Dreamweaver 4.0创建站点 2.2.1 Dreamweaver 4.0简介 1．Dreamweaver 4.0的界面 （1）菜单栏 （2