通过本章学习,应该掌握以下内容:
1.FrontPage和 Dreamweaver的基本操作
2.创建站点的方法
3.管理站点的方法
4.能够为站点添加网页
5.导入文件到当前站点的方法
6.发布站点的方法第 2章 创建站点
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)工具栏
( 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”,弹出
,DefineSites”对话框,点击,New”按钮定义一个新网站 。
方法 2:
在编辑窗口或站点窗口选择命令菜单,Site” |,New Site”选项,
弹出,Site Definition for Unnamed Site”对话框,设置结束单击
,OK” 按钮 。
2.2.3 站点的基本操作
1,打开站点如果要打开站点,可以在文档窗口或站点窗口中单击,Site”
菜单的,Open Site”命令,然后在弹出列表中选择当前已经定义过的站点名称 。 也可以使用键盘快捷键,F8”,此时将打开最后一次打开的站点窗口 。
2,复制站点若要复制当前站点,可以使用文档窗口或站点窗口中,Site”
菜单的,Define Site”命令,打开,Define Site”对话框 。 选中要复制的站点名称,单击,Duplicate”( 复制 ) 按钮即可对当前站点进行复制操作 。
3,编辑站点如果要更改当前站点设置,比如对站点进行修改站点名称,
设置参数选项等编辑操作,可以使用上面的方法打开,Define
Site”对话框,选中一个站点后单击,Edit”按钮,即可打开该站点的定义对话框进行站点编辑 。
4,删除站点在 Dreamweaver 4.0中删除一个站点非常容易,在弹出的
,Define Site”对话框中,单击,Remove”( 删除 ) 按钮就可以删除选中的站点 。