2022年frontpage制作网页教程 .pdf

应用 frontpage制作网页（一）一、熟悉frontpage2000 的环境A、 frontpage 的启动1 利用“开始”菜单启动：开始程序frontpage 2 利用桌面上的快捷方式：双击打开B、 退出 frontpage 1 单击窗口标题栏右端的关闭按钮；2 按 Alt+F4 快捷键；3 执行“文件”菜单下的退出命令。注：若在退出以前没有保存已被修改的文档，在退出时， 会有询问是否保存的提示框。C、 FrontPage 的工作环境FrontPage 的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状态栏七部分组成。1 标题栏：窗口的顶部，包括“控制菜单”图标，当前正在编辑的文件或程序名称、 “最小化”按钮、 “最大化 /还原”按钮和“关闭”按钮。2 菜单栏：标题栏下方，是命令菜单的集合。由“文件”、 “编辑”、 “视图”、 “插入” 、 “格式”、 “工具”、 “表格”、 “窗口”和帮助组成。3 工具栏： 提供常用的各类按钮，如“保存”、 “打印”、 “剪切” 等编辑操作和 “插入表格”等标准操作按钮。FrontPage2000 常用工具栏上特有的工具按钮：发布站点：将建立的网站发布到WEB 上；文件夹列表：显示当前站点的文件夹结构；在浏览器中预览：当网页保存后，选中该工具按钮，可在系统默认的浏览器中浏览当前编辑的网页。停止：用于预览网页时停止网页的下载；插入超级链接：插入一个超级链接；刷新：用于浏览网页时刷新网页。4 视图栏：由“网页” 、 “文件夹”、 “报表”、 “导航”、 “超链接”、 “任务”六部分组成。网页：视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用；文件夹：视图列出当前站点的所有文件和文件夹，方便寻找须编辑的网页文件；报表：视图将报告站点中文件和超链接的状态；导航：视图将显示站点的导航结构；超链接：视图显示来自和指向站点中的每一页的超链接；任务：视图列出站点中要完成的任务。5 网页编辑区域：管理站点和编辑网页的地方。6 网页编辑模式： 普通方式（所见即所得的网页设计方式）、 HTML 方式 （用 HTML语言设计网页）和预览方式（检查网页实现的效果），从不同的角度观察网页。7 状态栏：显示当前页状态名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 3 页 - - - - - - - - - 二、网页属性的设置利用设置网页的各种属性对网页进行细节的处理。在网页编辑区域内单击右键，在弹出的下拉菜单中选择“网页属性”，在出现的“网页属性”对话框中包括六歌选项卡：“常规”、 “背景”、 “边距”、 “自定义”和“语言” 。常规：1 位置：指出页的完整URL 。URL 即网站或网页在internet 上的确切地址。2 标题：显示页标题。即网页标题栏上的名称。3 基本位置：4 默认的目标框架：5 背景音乐：可设置当浏览器打开该页时同时播放的音乐。三、网页编辑前期准备：1 构思网页的主题和布局；2 根据网页主题准备相应的素材：图片素材，文字素材，声音素材等。3 构建文件存放的结构。A、表格的使用我们可以利用表格来安排和定位网页文本和对象。i.插入表格a)利用“插入表格”按钮：单击工具栏上的“插入表格”按钮拖动鼠标以指定表格的行和列数达到要求后松开鼠标即可。b)利用菜单：“表格” “插入” “表格”确定行数和列数以及其他表格信息“确定”c)手绘表格：打开“表格”菜单，选择“手绘表格”命令，单击后出现表格的工具栏；将鼠标从要创建表格的左上角拖到右下角，即可绘制一个表格（前提是网页中没有表格存在）；拖动鼠标可以增加行列。如果在表格已经存在的情况下，只能利用手绘来进行行列的设置。注意：在表格中可以嵌套表格。ii.删除单元格a)从表格中删除单元格：按住“ALT ”键，同时单击要删除的单元格以将其选中，选择“表格”菜单下的“删除单元格”即可，或者在选中的单元格上右击选择“删除单元格”。b)删除行和列：选中要删除的行或列右击选定的行或列在弹出的快捷菜单中选择“删除单元格”命令。c)删除表格：打开“表格” “选定”“表格”按“delete”键。注意：单元格、行、列、表格的选定可以灵活利用鼠标和键盘。iii.合并单元格在网页视图普通模式下选择一行、一列或一组相邻的单元格右击所选区域单击快捷菜单中的“合并单元格”或者单击“表格”工具栏上的“合并单元格”将单元格合并。B、图片文字的插入1可插入的图片格式：gif jpeg bmp tiff tga ras eps pcx png pcd 和名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 3 页 - - - - - - - - - wmf 2需要注意的是，插入的文件必须存放在同一站点文件夹下，否则不能正常显示。3只有用表格搭出框架后，添加时，才能让图片和文字在指定的位置处添加，否则图片或文字只会添加在计算机默认的位置上，且不能移动。4插入图片时，在网页中单击要插入图像的位置，然后单击工具栏上的“插入文件中的图片”按钮，或者选择菜单“插入”图片“来自文件”或“剪贴画” ；选择所需插入的图片按“确定”即可将图像插入到网页中的指定位置；6 可对图片进行简单编辑：单击图片，在弹出的“图片”工具栏中对图片进行简单编辑。A、文字的插入在需要插入文本的位置处单击，便可输入文本。 可以选中文本进行文字的简单编辑，包括“字号” “字体”“颜色”等。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 3 页 - - - - - - - - -