1 / 13

《 计算机文化基础 》 教案

《 计算机文化基础 》 教案. 教学内容 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.

scout
Download Presentation

《 计算机文化基础 》 教案

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 《计算机文化基础》教案 教学内容 • 4.6 用FrontPage制作网页 • 4.6.4 建立超链接 • 4.6.5 表格 • 4.6.8 表单 第十三讲 第4章 计算机网络基础及应用_ FrontPage 2000(二)

  2. §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

  3. §4.6 用FrontPage制作网页P313 回顾： • 建立站点与保存网页 • (1)创建新站点； (2)新建网页； (3)保存网页 • 编辑操作P315 • (1)文本修饰； (2)插入特殊对象——水平线； • 图片处理P316 • (1)插入图片； (2)设置图片属性； • (3)图片其他操作； (4)设置背景

  4. §4.6.4 建立超级链接P318 • 超级链接是实现页面之间相互跳转的导航路径，创建超链接要指定起点和目标地址。 • 超链接一般分为文本链接和图片链接（及热点）——超链接的三种资源。 • 超链接的目标地址有两种：绝对URL和相对URL （URL——统一资源定位规范） • 目标还可分为：Web页（网页）、本机文件、邮件E-mail (实验报告不少同学回答：图片、文本等)

  5. §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目录下）。(本机文件)

  6. §4.6.4 建立超级链接P318 • 插入和使用书签P321 FP书签示例——中心简介 • 当一个网页文件很长时，要快速寻找网页中某个专题的内容是比较困难的。但如果在网页的各个专题上加上“书签”，浏览者只要单击书签就可以立即跳转到相应的位置。事实上“书签”也是一种超级链接，与一般超级链接不同的是，书签是在同一网页中的不同位置进行链接定位。 • 素材：从帮助中取若干条“帮助信息” • 如何创建书签？ • ① 确定帮助标题对应的跳转位置，分别选定各条帮助的标题文字，单击“插入”→“书签”命令，打开“书签”对话框，输入书签名称后单击“确定”按钮，即可创建一个书签。 • ② 定义完书签后，就可以创建链接到该书签的超链接。

  7. §4.6.5 表 格P322 网页中的表格具有两种功能：(1)通常意义的表格；(2)实现网页布局(几乎所有的网页均用表格定位)。 • 一、建立表格 • 将光标移到要使用表格的位置，执行“表格|插入|表格”命令，设定行数和列数，即可插入一个表格。 • 二、表格操作 等级考试操作实例：2 (每套题都涉及到表格) • (1)选格：Alt+单击—选单格；鼠标拖动—选多格。 • (2)插入行或列：右击单元格—插入行/插入列。 • (3)合并/拆分单元格：选格——右击—— • (4) 删除行/列：选行/列——表格|删除单元格 • (5)顶行表格的上部插入空行：左上单元格内容前回车

  8. §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电子邮件地址建立链接。

  9. §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电子邮件地址建立链接。

  10. 4.6.8 表 单 P331 在网页设计时经常需要使用表单，例如登记表、订单、文卷调查表等，以增强Web站点的交互功能。 • 一、表单域的类型 • 表单中的组件称为表单域，包括文本框、文本区、复选框、选项按钮、下拉框、按钮、图片和标签等。 FP表单示例：第二步_注册免费QQ号码

  11. 4.6.8 表 单 P331 • 二、插入表单 • 光标定位——“插入|表单|选择指定的表单” 等级考试操作实例：1 • 1、设置表单名称为“网站注册表”。(两处：表单属性、正文) • 2、对照效果图fp.jpg，页面中尚有空缺的表单对象未完成插入。请插入空缺的表单对象,各对象的初始值见效果图。 • 3、设置表单对象属性1： • （1）设置表格第1行文本“网站注册表”，字号为18磅； • （2）将“确认密码”处的文本框命名为psdrepeat，Tab键次序分别为3； • 4、设置表单对象属性2：

  12. 4.6.8 表 单 P331 • 二、插入表单 • 4、设置表单对象属性2： • （1）将“学历”处的下拉框命名为education,添加的选项如下： • 选项 值 • ------------------- • 选择 0 • 高中以下 1 • 大专 2 • 本科 3 • 硕士以上 4 • （2）将提交按钮命名为submit,类型为提交;重置按钮命名为reset,类型为重置。 • 5、表单属性的设置：发送文件名称为result，保存表单结果采用电子邮件结果，电子邮件地址为djks@163.com。

  13. 上机实验十四——FrontPage 2000 表格和表单 作业：完成实验报告十四 上机实验内容与作业

More Related