FrontPage2003 网页制作教程ppt课件.ppt

中文FrontPage2003,1走进FrontPage2新建网页3网页的编辑与效果设计4设置网页格式5使用超链接6快速创建网站,1,1走进FrontPage,1.1FrontPage2003的启动和退出1.2FrontPage2003的主界面1.3网页视图1.4任务窗格,2,1.1FrontPage2003的启动和退出,一、启动在Windows桌面单击“开始”菜单，执行所有程序MicrosoftOfficeMicrosoftOfficeFrontPage2003命令二、退出执行文件退出命令，或者单击窗口右上角标题栏的关闭按钮,3,1.2FrontPage2003的主界面,4,1.3网页视图(网页左下角功能名词解释),一、“设计”视图用户可以直观地插人文本、图片、超链接二、“代码”视图可以查看、编写和编辑HTML标记三、“拆分”视图上半部分显示这个网页的HTML代码，下半部分显示网页四、“预览”视图在不必保存网页的情况下，看到网页在浏览器中的效果,5,1.4任务窗格,返回,6,2新建网页,2.1新建网页的方法2.2新建空白网页2.3利用常规模板新建网页2.4利用框架网页模板新建网页,7,2.1新建网页的方法,一、空白网页新建一个空白的网页二、文本文档新建一个纯文本文件，后缀名为txt三、根据现有网页新建从本地或互联网上查找到网页，新建一个同样的网页四、其他网页模板包括“常规”“框架”“样式表”选项卡，分别表示3种不同的模板,8,2.1新建网页的方法,9,2.2新建空白网页,1)执行文件新建命令，弹出“新建”任务窗格2)在“新建网页”栏中选择空白网页3)向网页中添加文字4)保存网页,example：创建“红苹果乐园”个人主页,10,2.2新建空白网页,5)浏览网页,11,2.3利用常规模板新建网页,1)执行文件新建命令，出现“新建”任务窗格2)在“新建网页”栏中，选择其他网页模板3)在“网页模板”对话框中，选择“图片库”4)进行网页编辑,12,5)浏览网页,2.3利用常规模板新建网页,13,2.4利用框架网页模板新建网页,1)执行文件新建命令，出现“新建”任务窗格2)在“新建网页”栏中，选择其他网页模板3)选择“框架网页”选项卡4)选择“标题”模板,并编辑网页,example:“标题”框架模板新建网页,14,2.4利用框架网页模板新建网页,5)浏览网页,返回,15,3网页的编辑与效果设计,3.1添加图片3.2添加滚动文字3.3添加视频,16,3.1添加图片,1)插入来自文件的图片执行插人图片来自文件命令2)在图片上添加文本1单击选择要添加文本的图片2单击“图片工具栏上的文字按钮3在图片上出现的文本框中输人所需的文本3)为图片加入动态效果1选中图片，执行视图工具栏DHTML效果命令，调出“DHTML效果”2选择所要设置动画的图片，在“选择一种事件”栏中，单击下拉按钮，选择引起动画的事件3“应用”栏单击下拉按钮，选择动画效果的类型“交换图片”4在弹出的“图片”对话框中，定位一张替换图片，单击打开,example:美化“红苹果乐园”个人主页,17,3.1添加图片,4)浏览,18,3.2添加滚动文字,一、把插人点定位在要创建字幕的位置二、执行插入Web组件命令，弹出“插入Web组件”对话框三、在左侧的“组件类型”栏下选择“动态效果”，在右侧的“选择一种效果”栏下选择“字幕”,19,3.3添加视频,一、将插人点放在要插人视频的位置二、执行插人图片视频命令，弹出“视频”对话框三、单击选中的视频文件，然后单击打开按钮四、设置视频的播放选项，右击视频，再执行快捷菜单上的图片属性命令，弹出“图片属性”对话框，选中“视频”选项卡,返回,20,4设置网页格式,4.1设置网页属性4.2设置网页主题4.3设置共享边框,21,4.1设置网页属性,一、设置网页背景音乐,二、设置网页背景图片,22,4.2设置网页主题,应用主题1)打开要应用主题的网页2)执行格式主题命令，弹出“主题”任务窗格3)“主题”任务窗格中，浏览主题的缩略图，单击需要的主题,删除主题1)执行格式主题命令2)在“主题”任务窗格中删除网站的主题,23,4.3设置共享边框,共享边框为希望在所有网页上显示一致的内容而保留的网页区域设置共享边框1)在网页视图模式中，执行格式共享边框命令，显示“共享边框”对话框2)选择“当前网页”，表示只在当前网页上加人共享边框；选择“所有网页”，则表示在整个网站的所有网页上都将加人该共享边框编辑共享边框1)打开要修改共享边框的网页2)在“网页”视图模式中，单击共享边框区域3)修改共享边框区域内的内容4)单击工具栏保存文件按钮，所做的更改会出现在共享该边框的所有网页上,返回,24,5使用超链接,5.1什么是超链接5.2创建超链接5.3编辑超链接5.4设置超链接的颜色5.5删除超链接,25,5.1什么是超链接,从一个网页指向另一个目标的链接关系。这个目标可以是一个网页或文件，也可以是相同网页中的不同位置，还可以是一个电子邮件地址，甚至是一个应用程序。当浏览者单击已经设置了超链接的图片或文字以后，链接的目标就会在浏览器中显示出来。,26,5.2创建超链接,创建指向原有文件或网页的超链接创建指向本文档中的位置的超链接创建指向新建文档的超链接创建指向电子邮件地址的超链接,27,5.3编辑超链接,（1）要更改超链接文本，选择该文本并编辑它（2）选择要更改超链目的端超链接，然后单击“超链接”，指定一个不同的URL。,28,5.4设置超链接的颜色,1)右击网页空自处，在弹出的快捷菜单上选择网页属性命令2)在弹出的“网页属性”对话框中，选择“格式”选项卡3)在“颜色”栏中，单击“超链接”右侧下拉框的下拉箭头，选择一种颜色4)为“已访问的超链接”和“当前超链接”设置颜色,29,5.5删除超链接,在网页视图模式下，选择该超链接彻底删除文本和超链接，请按Del键保留超链接文本，但是要删除相应的超链接，请选定该超链接，单击“超链接”。选中“URL”框的内容后按Del键，然后按确定按钮。,返回,30,6快速创建网站,6.1FrontPage网站6.2使用模板创建简单的个人网站6.3使用向导创建Fr