高中信息技术 第2章创建站点课件 粤教版选修3.ppt

《高中信息技术 第2章创建站点课件 粤教版选修3.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、通过本章学习，应该掌握以下内容：FrontPage和Dreamweaver的基本操作创建站点的方法管理站点的方法能够为站点添加网页导入文件到当前站点的方法发布站点的方法第2章创建站点2.1利用FrontPage2002创建站点2.1.1FrontPage2002简介1．FrontPage2002的特色（1）强大的网页设计功能可以智能地完成HTML文本的编辑，并可以针对不同的浏览器对网页进行设置;可以提供对多种版本的浏览器的支持;完善了所见即所得的网页编辑操作（2）丰富的网页设计模板、设计向导和主题样式提供了多种

2、网页设计模板、网页设计向导和主题样式。使用这些模板、向导和样式，即使是初学者也可以设计出具有专业水准的网站。2．FrontPage2002的新增功能FrontPage2002在FrontPage2000的原有功能基础上增加了图片库和增强的绘图工具，优化了更新、控制与管理站点的方法。还增加了更多的表格格式选项、Office剪贴板任务窗格、网页选项卡、自定义链接栏和电子商务等其他新功能。3．FrontPage2002工作界面（1）标题栏（2）菜单栏（3）常用工具栏（4）格式工具栏（5）窗口栏·“网页”视图网页视图是

3、进行网页编辑的操作界面。·“文件夹”视图文件夹视图的功能有些类似于Windows资源管理器，主要是用来对网站的目录和文件夹进行管理.·“报表”视图“报表”视图主要用于查看与网页制作有关的各项参数。·“导航”视图“导航”视图用来显示和编辑网页的导航关系。·“超链接”视图“超链接”视图显示的是站点中的某个网页与其他网页之间的关系，·“任务”视图“任务”视图用来查看网站和网页设计的完成情况。（6）状态栏2.1.2创建站点1．创建新站点①选择“文件”

4、“新建”

5、“网页或站点”命令，在窗口栏打开“新建网页或站点”窗格；②

6、单击“新建”下的“空白站点”超级链接，打开“Web站点模板”对话框;③单击站点模板中的“空白站点”图标，在“指定新站点的位置”文本框中输入新站点的位置。单击“确定”按钮.注意：在创建站点选择路径时，最好选择某个文件夹作为站点，而不要选择某个磁盘分区（例如F盘）作为站点，否则可能会导致整个磁盘分区瘫痪。2．导入一个已存在的站点要导入一个站点，首先应选择“文件”菜单下的“导入”命令，然后根据提示，依次选择需导入的站点即可。3．将文件夹转换为站点FrontPage2002中可以将一个已经存在的文件夹转换为站点2.1.

7、3管理站点1．打开站点单击工具栏中的“打开”按钮，弹出“打开文件”对话框，在“打开文件”对话框中选择要打开得网页，选中之后，单击“打开”按钮，2．重命名站点在创建站点时，如果没有为站点创建一个好的名称，可以重新为站点命名。重命名Web站点时，FrontPage2002会用新站点名称自动更新所有内部超链接以及其他站点设置。3．删除站点如果创建的站点不理想，修改起来又十分麻烦，可以将站点删除。在FrontPage2002中选择“文件夹”视图，并选择要删除的站点，单击“Delete”键，或单击鼠标右键，从弹出的快捷菜

8、单中选择“删除”命令，就可以删除所选的站点了。注意：应用手动方式删除文件，删除的文件会自动放置于“回收站”中，而应用“删除”命令方式删除文件，被删除的文件直接从磁盘中删除，是不可恢复的。2.1.4为站点添加网页创建完站点，接下来的任务就是为站点添加网页。在FrontPage中，为站点添加网页的方法有两种。一种是：单击工具栏中的“新建网页”按钮或者按快捷键“Ctrl＋N”，打开一个空白网页，设计者可以在网页编辑区编辑自己的网页；另一种是：选择“文件”

9、“新建”

10、“网页或站点”命令，在打开的“新建网页或站点”窗格中

11、单击“网页模板”超级链接，利用网页模板创建网页。2.1.5导入文件到当前站点站点设计者可以通过导入一个页面而减轻自己的工作量，并吸收别人成功的经验（当然要得到版权的许可）。导入方法与导入站点的方法类似。2.1.6发布站点1．设置浏览器的兼容性2．测试站点（1）查看站点中的所有内部超链接（2）验证各个外部超链接的有效性（3）修复断开的超链接（4）更新超链接2.2利用Dreamweaver4.0创建站点2.2.1Dreamweaver4.0简介1．Dreamweaver4.0的界面（1）菜单栏（2）工具栏（3）对象

12、面板（4）浮动面板（5）文档窗口（6）状态栏（7）启动面板（8）属性面板2．Dreamweaver的视图作为一种所见即所得的网页编辑软件，Dreamweaver自动在用户创建网页时生成底层的HTML代码，同时提供了很好的HTML代码编辑功能。使用工具栏中的视图切换按钮可以很方便地切换到代码视图，以便查看当前编辑网页的HTML源代码。2.2.2定义站点1．站点窗口在Dreamweaver