2000网页设计工具-最新课件.pptVIP

一、使用表格布局 例如：一个典型的用表格制作的网页 1．表格的设计 选择菜单栏中的“文件”、“新建”、“网页”菜单命令。在打开的“新建”对话框中选取网页样式，如“普通网页”选项卡，单击“确定”。 选择菜单栏中的“表格”、“插入”、“表格”菜单命令，插入一个二行一列表格，将表格第一行调整高度，把第二行拆分为九个单元格。然后，把第一单元格和第二单元格合并。 在第一个表格底下插入一个二行三列表格，并调整各行的高度。利用单元格的合并把第一行的第一单元格和第二单元格合并一个单元格。 选取表格或单元格，按下鼠标右键，在弹出快捷菜单中选择“表格属性”或“单元格属性”菜单命令，在“表格属性”或“单元格属性”对话框中对各表格或单元格进行属性的设置。 分别在表格不同区域中进行文字编辑、图象编辑、设置背景、超级链接等编辑工作。 二、使用框架布局 框架：可以将一个网页分割为几个独立的区域，每个区域是一个框架窗口，每个框架窗口都可以单独显示一个普通网页。 一个框架网页可包含多个不同的普通网页，普通网页的设计方法对框架网页都是有效的。 1．创建框架网页 选择菜单栏中的“文件”、“新建”、“网页”菜单命令。在打开的“新建”对话框中选取“框架网页”选项卡，在给出的框架样式中选取需要的框架样式，如标题、页脚和目录，单击“确定”。 如有需要，可对框架布局进行一些调整。选中某个框架窗口，单击“框架”，选择“拆分框架”、“框架属性”、“删除框架”命令对框架进行布局调整。 框架样式有四个独立的区域，可以建立四个普通的网页，加上框架网页本身一共是五个网页。每个区域都有“设置初始网页”和“新建网页”两个按钮。单击“设置初始网页”是指定一个已经存在的网页作为该区域的初始网页，单击“新建网页”是为该区域创建一个网页。 按照网页规划，对每个框架窗口进行网页设计，其方法与普通网页设计完全相同。 单击“文件”、“保存”，在弹出的“另存为”对话框的“文件名(N)：”中，首先输入框架网页文件名。然后，依次输入各框架窗口网页文件名。 三、 使用表单布局 表单页：具有交互性的网页 表单页作用 ：收集浏览者输入的信息 ，实现网上调查、在线查询、网上订货和在线申请 1．表单和表单域的概念 表单域：有单行文本框、滚动文本框、复选框、单选按钮、下拉菜单、普通按钮、图象、标签等八种。 表单：由一系列的表单域组成的。每个表单域都有一个名称，用户填写的数据就是通过这些表单域的名字来传递的。 一般情况下，用户的表单提交后，都会有一个“确认表单”的页面呈现在用户的面前。 2．表单网页的制作 例如：如下表单网页 选择菜单栏中的“文件”、“新建”、“网页”菜单命令。在打开的“新建”对话框中选取网页样式，如“普通网页”选项卡，单击“确定”。 插入文字、水平线、背景图 将光标落在插入表单处，选择菜单栏中的“插入”、“表单”、“表单”菜单命令。此时，在插入点的位置上出现一个虚线框，产生了一个表单，表单自动生成了“提交”和“全部重写”两个普通按钮，设计者可根据规划调整表单的大小 按表单的设计要求，在相应的位置插入对应的表单域。比如：先输入“姓名：”，选择菜单栏中的“插入”、“表单”、“单行文本框”就插入了“单行文本框”表单域，可以根据输入字符的多少调整文本框大小。用同样的方法插入插入其它的表单域，“个人爱好：”选择菜单栏中的“插入”、“表单”、“复选框”菜单命令，插入一个“复选框”。“意见和建议：”选择菜单栏中的“插入”、“表单”、“滚动文本框”菜单命令，插入一个滚动文本框，并调整大小。 保存表单网页 3．处理表单结果 表单处理程序对表单的处理有四种方式： 使用文本文件保存 使用电子邮件发送表单结果 将表单发送到一个指定的数据库、发送给其他对象 在默认的情况下，表单文件将自动存放站点中_private目录下，文件名“form-results.txt”的文本文件中。 4．确认表单网页 用户填写好表单后，按“提交”按钮。当把表单提交出去后，在浏览器窗口会自动出现“确认网页”，使用户确认表单信息是否已正确发送出去。 §6 制作动态网页 使用字幕 创建悬停按钮 使用横幅广告 插入计数器 一、使用字幕 选择菜单栏中的“插入”、“组件”、“字幕”菜单命令。弹出 “字幕属性”对话框。 在文本框中输入字幕的文字“热烈祝贺东华理工学院成立五十周年”并对方向、速度、表现方式、文本对齐方式、大小、重复等参数进行设置。单击“字幕属性”对话框中的“样式”，弹出“修改样式”对话框，单击“格式”按钮，进行字体、边框等参数的设置。之后，单击“确定”按钮。 二、创建悬停按钮 悬停按钮的效果是，当鼠标放在悬停按钮上，其颜色和形状都会发生改变，具有动态效果。 将光标定位在要插入“