130 likes | 312 Vues
《 计算机文化基础 》 教案. 教学内容 4.6 用 FrontPage 制作网页 4.6.4 建立超链接 4.6.5 表格 4.6.8 表单. 第十三讲 第 4 章 计算机网络基础及应用 _ FrontPage 2000( 二 ). § 4.6 用 FrontPage 制作网页 P313. 4.6.1 建立站点与保存网页 4.6.2 编辑操作 4.6.3 图片处理 4.6.4 建立超链接 4.6.5 表 格 4.6.6 动态效果 4.6.7 框 架 4.6.8 表 单 P331.
E N D
《计算机文化基础》教案 教学内容 • 4.6 用FrontPage制作网页 • 4.6.4 建立超链接 • 4.6.5 表格 • 4.6.8 表单 第十三讲 第4章 计算机网络基础及应用_ FrontPage 2000(二)
§4.6 用FrontPage制作网页P313 • 4.6.1 建立站点与保存网页 • 4.6.2 编辑操作 • 4.6.3 图片处理 • 4.6.4 建立超链接 • 4.6.5 表 格 • 4.6.6 动态效果 • 4.6.7 框架 • 4.6.8 表 单 P331
§4.6 用FrontPage制作网页P313 回顾: • 建立站点与保存网页 • (1)创建新站点; (2)新建网页; (3)保存网页 • 编辑操作P315 • (1)文本修饰; (2)插入特殊对象——水平线; • 图片处理P316 • (1)插入图片; (2)设置图片属性; • (3)图片其他操作; (4)设置背景
§4.6.4 建立超级链接P318 • 超级链接是实现页面之间相互跳转的导航路径,创建超链接要指定起点和目标地址。 • 超链接一般分为文本链接和图片链接(及热点)——超链接的三种资源。 • 超链接的目标地址有两种:绝对URL和相对URL (URL——统一资源定位规范) • 目标还可分为:Web页(网页)、本机文件、邮件E-mail (实验报告不少同学回答:图片、文本等)
§4.6.4 建立超级链接P318 等级考试操作实例(链接到三种不同目标的典型例子) • 3-2、超级链接:将网页上方文字“友情链接”超级链接到http://www.hzcnit.com。(到Web网页) • 3-3、超级链接:将网页上方文字“联系我们”与电子邮件djks@163.com链接。(邮件E-mail) • 5-2、超级链接:将1中插入的图片,与travel@hzcnit.com电子邮件地址建立链接。 • 5-4、超级链接:将文字“旅行注意”超级链接到Word文档notice.doc上(该文档位于考生文件夹中的Paper\fp_files目录下)。(本机文件)
§4.6.4 建立超级链接P318 • 插入和使用书签P321 FP书签示例——中心简介 • 当一个网页文件很长时,要快速寻找网页中某个专题的内容是比较困难的。但如果在网页的各个专题上加上“书签”,浏览者只要单击书签就可以立即跳转到相应的位置。事实上“书签”也是一种超级链接,与一般超级链接不同的是,书签是在同一网页中的不同位置进行链接定位。 • 素材:从帮助中取若干条“帮助信息” • 如何创建书签? • ① 确定帮助标题对应的跳转位置,分别选定各条帮助的标题文字,单击“插入”→“书签”命令,打开“书签”对话框,输入书签名称后单击“确定”按钮,即可创建一个书签。 • ② 定义完书签后,就可以创建链接到该书签的超链接。
§4.6.5 表 格P322 网页中的表格具有两种功能:(1)通常意义的表格;(2)实现网页布局(几乎所有的网页均用表格定位)。 • 一、建立表格 • 将光标移到要使用表格的位置,执行“表格|插入|表格”命令,设定行数和列数,即可插入一个表格。 • 二、表格操作 等级考试操作实例:2 (每套题都涉及到表格) • (1)选格:Alt+单击—选单格;鼠标拖动—选多格。 • (2)插入行或列:右击单元格—插入行/插入列。 • (3)合并/拆分单元格:选格——右击—— • (4) 删除行/列:选行/列——表格|删除单元格 • (5)顶行表格的上部插入空行:左上单元格内容前回车
§4.6.5 表 格P322 单元格中文字的对齐方式是指内部文字的对齐方式,它和表格布局的对齐方式是不同的概念 • 一、建立表格 • 二、表格操作 • 三、格式化表格 • 表格—表格/单元格属性 • 设置:对齐方式、边框、底纹、背景、大小等 等级考试操作实例:2 (参见下页) • 1、表格指定宽度为400像素,高度为200像素;对齐方式为水平居中;边框为黑色;背景颜色为Hex={99,CC,FF}。 • 2、表格标题为宋体、字形为加粗,大小为14磅,字符间距为3pt,居中。 • 3、表格中文本字体为宋体,大小为10磅,居中。 • 4、设置表格边框粗细为3,暗边框颜色为Hex={C0,C0,C0}。 • 5、将“我的邮件”与djks@163.com电子邮件地址建立链接。
§4.6.5 表 格P322 等级考试操作实例:2 • 1、表格指定宽度为400像素,高度为200像素;对齐方式为水平居中;边框为黑色;背景颜色为Hex={99,CC,FF}。 • 2、表格标题为宋体、字形为加粗,大小为14磅,字符间距为3pt,居中。 • 3、表格中文本字体为宋体,大小为10磅,居中。 • 4、设置表格边框粗细为3,暗边框颜色为Hex={C0,C0,C0}。 • 5、将“我的邮件”与djks@163.com电子邮件地址建立链接。
4.6.8 表 单 P331 在网页设计时经常需要使用表单,例如登记表、订单、文卷调查表等,以增强Web站点的交互功能。 • 一、表单域的类型 • 表单中的组件称为表单域,包括文本框、文本区、复选框、选项按钮、下拉框、按钮、图片和标签等。 FP表单示例:第二步_注册免费QQ号码
4.6.8 表 单 P331 • 二、插入表单 • 光标定位——“插入|表单|选择指定的表单” 等级考试操作实例:1 • 1、设置表单名称为“网站注册表”。(两处:表单属性、正文) • 2、对照效果图fp.jpg,页面中尚有空缺的表单对象未完成插入。请插入空缺的表单对象,各对象的初始值见效果图。 • 3、设置表单对象属性1: • (1)设置表格第1行文本“网站注册表”,字号为18磅; • (2)将“确认密码”处的文本框命名为psdrepeat,Tab键次序分别为3; • 4、设置表单对象属性2:
4.6.8 表 单 P331 • 二、插入表单 • 4、设置表单对象属性2: • (1)将“学历”处的下拉框命名为education,添加的选项如下: • 选项 值 • ------------------- • 选择 0 • 高中以下 1 • 大专 2 • 本科 3 • 硕士以上 4 • (2)将提交按钮命名为submit,类型为提交;重置按钮命名为reset,类型为重置。 • 5、表单属性的设置:发送文件名称为result,保存表单结果采用电子邮件结果,电子邮件地址为djks@163.com。
上机实验十四——FrontPage 2000 表格和表单 作业:完成实验报告十四 上机实验内容与作业