第九章 FrontPage2000网页设计工具.pptVIP

第九章 FrontPage2000网页设计工具 第九章 FrontPage2000网页设计工具 FrontPage2000概述 FrontPage2000的组成 FrontPage网页设计基础 FrontPage网页设计初步 FrontPage网页设计的布局 制作动态网页 网页的发布 一、使用表格布局 例如：一个典型的用表格制作的网页 1．表格的设计 选择菜单栏中的“文件”、“新建”、“网页”菜单命令。在打开的“新建”对话框中选取网页样式，如“普通网页”选项卡，单击“确定”。 选择菜单栏中的“表格”、“插入”、“表格”菜单命令，插入一个二行一列表格，将表格第一行调整高度，把第二行拆分为九个单元格。然后，把第一单元格和第二单元格合并。 在第一个表格底下插入一个二行三列表格，并调整各行的高度。利用单元格的合并把第一行的第一单元格和第二单元格合并一个单元格。 选取表格或单元格，按下鼠标右键，在弹出快捷菜单中选择“表格属性”或“单元格属性”菜单命令，在“表格属性”或“单元格属性”对话框中对各表格或单元格进行属性的设置。 分别在表格不同区域中进行文字编辑、图象编辑、设置背景、超级链接等编辑工作。 二、使用框架布局 框架：可以将一个网页分割为几个独立的区域，每个区域是一个框架窗口，每个框架窗口都可以单独显示一个普通网页。 一个框架网页可包含多个不同的普通网页，普通网页的设计方法对框架网页都是有效的。 1．创建框架网页 选择菜单栏中的“文件”、“新建”、“网页”菜单命令。在打开的“新建”对话框中选取“框架网页”选项卡，在给出的框架样式中选取需要的框架样式，如标题、页脚和目录，单击“确定”。 如有需要，可对框架布局进行一些调整。选中某个框架窗口，单击“框架”，选择“拆分框架”、“框架属性”、“删除框架”命令对框架进行布局调整。 框架样式有四个独立的区域，可以建立四个普通的网页，加上框架网页本身一共是五个网页。每个区域都有“设置初始网页”和“新建网页”两个按钮。单击“设置初始网页”是指定一个已经存在的网页作为该区域的初始网页，单击“新建网页”是为该区域创建一个网页。 按照网页规划，对每个框架窗口进行网页设计，其方法与普通网页设计完全相同。 单击“文件”、“保存”，在弹出的“另存为”对话框的“文件名(N)：”中，首先输入框架网页文件名。然后，依次输入各框架窗口网页文件名。 三、 使用表单布局 表单页：具有交互性的网页 表单页作用 ：收集浏览者输入的信息 ，实现网上调查、在线查询、网上订货和在线申请 1．表单和表单域的概念 表单域：有单行文本框、滚动文本框、复选框、单选按钮、下拉菜单、普通按钮、图象、标签等八种。 表单：由一系列的表单域组成的。每个表单域都有一个名称，用户填写的数据就是通过这些表单域的名字来传递的。 一般情况下，用户的表单提交后，都会有一个“确认表单”的页面呈现在用户的面前。 2．表单网页的制作 例如：如下表单网页 选择菜单栏中的“文件”、“新建”、“网页”菜单命令。在打开的“新建”对话框中选取网页样式，如“普通网页”选项卡，单击“确定”。 插入文字、水平线、背景图 将光标落在插入表单处，选择菜单栏中的“插入”、“表单”、“表单”菜单命令。此时，在插入点的位置上出现一个虚线框，产生了一个表单，表单自动生成了“提交”和“全部重写”两个普通按钮，设计者可根据规划调整表单的大小 按表单的设计要求，在相应的位置插入对应的表单域。比如：先输入“姓名：”，选择菜单栏中的“插入”、“表单”、“单行文本框”就插入了“单行文本框”表单域，可以根据输入字符的多少调整文本框大小。用同样的方法插入插入其它的表单域，“个人爱好：”选择菜单栏中的“插入”、“表单”、“复选框”菜单命令，插入一个“复选框”。“意见和建议：”选择菜单栏中的“插入”、“表单”、“滚动文本框”菜单命令，插入一个滚动文本框，并调整大小。 保存表单网页 * * §1 FrontPage2000概述 FrontPage2000是Microsoft公司发布的一个集网站创建、发布、管理、网页设计、编辑等多种功能于一体的站点开发软件工具，可以完成创建、维护和管理WEB站点的全部工作。 早期的网页大多采用HTML语言编写，这是比较专业的。随着越来越多的可视化网页制作工具软件的出现，如FrontPage、HotDog、HomeSite、InterDev、DreamWeaver，你可以不需要掌握专业和复杂的程序知识，就能设计出专业水平的网页。 §2 FrontPage2000的组成 工具栏 菜单栏 工作区 网页显示方式 视图栏 一、菜单栏 菜单栏包括文件、编辑、查看、插入、格式、工具、表格、框架、窗口、帮