第六章网页制作软件.ppt

第六章 网页制作软件 8.1 FrontPage 2003介绍 8.2 建立站点与保存网页 8.3 编辑文字 8.4 网页元素的插入 8.5 建立超链接 8.6 动态效果 8.7 框 架 8.8 表 单 8.9 测试和发布网站 8.10 其他网页制作软件 8.1 FrontPage 2003介绍 FrontPage的界面?：与WORD有相同的界面外，还有特有的部分界面 8.1 FrontPage 2003介绍 一、视图栏 1．网页：在“网页”视图中，有“普通”、“HTML”和“预览”3张选项卡，可以在“普通”或“HTML”选项卡中创建、编辑网页信息，并可在“预览”选项卡中预览网页制作效果。 3．报表视图 显示的是当前站点的统计数据，包含所有的文件、图片、未链接与已接的文件等的数量、大小及简要说明，通过这些数据，可以很清楚的掌握网站的情况，它有助于维护站点。 4．导航视图 “导航”视图用于对站点结构的管理，可以创建网页、更改网页间的互相链接结构。通过“导航条”及“共享边界”可使网站保持一致的风格。 5．超链接视图 “超链接”视图可以查看网站中每一网页的链接从属关系。还可自动验证所有超链接是否正常。 6．任务视图 “任务”视图用于记录与创建和维护Web站点有关的所有细节，对于大型站点和有许多人参加创建的站点，维护管理十分有效。 8.2 建立站点与保存网页 创建新站点 创建新站点主要是用站点模板和站点向导来创建站点（同幻灯片向导）。 站点模板和站点向导：是由一组事先经过格式化的空白网页组成的，相当于一个站点的骨架，通过它可以容易地搭起整个站点的框架。 在“网站模板”提供的10种类型中，最常用的是“空站点”, 特别是在制作个人性质的网站时，具体的文件结构可以在创建后自行调整。 如何设计一个简单的网页？ ?操作方法： “文件”→“另存为” ，在“另存为”对话框中，指定文件的存储路径与文件名（操作同WORD） : (1) 网站主页文件习惯命名为为index.htm； (2)文件类型选用默认的“Web页”，； （3）系统自动给文档一个网页标题，若要修改标题文字，单击“更改”按钮，单击“保存” ，完成保存。另外：如果主页中包含了图像、背景图像、视频或背景音乐，在第一次保存时还会弹出“保存嵌入式文件”对话框，用户可直接单击“确定”按钮完成保存，将链接文件都存储在同一站点（文件夹）中。 8.3 编辑文本 在FrontPage 2003编辑区中输入网页文本，例如输入“我的第一个网页”，用户可对该文字进行编辑、设置格式，操作方法同WORD： ① 选择欲设置格式的文字。 ② 在“格式”菜单中选择“字体”命令，弹出“字体”对话框，用户对文字可作“字体”、“字型”、“大小”、“颜色”、“效果”以及“字符间距”的设置。 8.4 网页元素的插入 1．插入换行符插入“隔行换行”：直接在插入点按Enter键。插入“紧凑换行”：先定位插入点，选择“插入”菜单的“换行符”命令，或按Shift+Enter组合 2．插入水平线 插入水平线可以使层次分明，最简单的方法是插入水平线使需要分隔的部分分开。 （1）把插入点调整到插入水平线的位置，选择“插入”菜单的“水平线”命令。 就可在光标处插入一条默认水平线。（2）双击该水平线，可修改水平线的宽度和颜色以及对齐方式和长短。 （3）选中，按DEL可删除。 如要选择装修性强的，可选择“插入”-“图片”-“剪贴画”-“Web框架” 3．插入背景图片和更改超链接等文本颜色 （1）插入图片将插入点定位到放置图片的位置，选择“插入”菜单中的“图片”命令。图片操作同前 （2）插入背景： ①插入背景图片：单击“格式”--“背景”命令，或鼠标右键单击FrontPage编辑区，选择快捷菜单中的“网页属性”命令，在“网页属性”对话框的“背景”选项卡的“格式”区域选择“背景图片”复选框，再在空白栏处直接键入图片所在的文件路径和文件名，或单击“浏览”按钮选择图片文件。 ② 设置网页“背景”颜色与“文本”颜色：使用“背景”选项卡的“颜色”区域，在“背景”和“文本”列表框中选择不同的色彩，设置“背景”和“文本”颜色；设置“超链接”的文字的颜色，可在“颜色”区域右侧的3个列表框中完成设置。 ③使用背景图片时，所设置的背景颜色将被图片覆盖。 4．插入背景音乐 “网页属性”对话中--“常规” --“背景音乐”--“位置”文本框，输入声音文件的路径和文件名，或单击“浏览”按钮来选择声音文件的路径和文件名。插入背景音乐后运行网页就能播放出音乐。 5．插入并设置表格（操作同Word）（1）插入表格使用“表