湖北职晚计算机科学与技术糸理论课教案一《网页设计》 教学项目二 Front Page中简单网页的设计 【教学内容】 1. FrontPage中文本操作 2. FrontPage中图片操作 【教学目的】 1.理解超级链接的概念 熟练掌握文本的操作 3.掌握图片的操作 【教学重点】 图片的基本操作 【教学难点】 超级链接的使用 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1.《 OFFICE2000中文版》 孙慧清华大学出版社 2.《 Front Page2002案例教程》 李辉 海洋出版社 3.《 Front Page2000中文版网页提高》黄敏如清华大学出版社 4.HIML网页制作教程 林义证铁道出版社 5.HIML基础与实例 程耀 电子工业出版社 【新课】 、网页的基本操作 1.安装 FrontPage2000 2.网页的新建,保存,预览,关闭,打开; 3.字体,标题级,颜色,效果设定 4.水平线的设置; 5.背景颜色设置 设计案例1:设计一个简单网页
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目二 FrontPage 中简单网页的设计 【教学内容】 1． FrontPage 中文本操作 2． FrontPage 中图片操作 【教学目的】 1． 理解超级链接的概念 2． 熟练掌握文本的操作 3． 掌握图片的操作 【教学重点】 图片的基本操作 【教学难点】 超级链接的使用 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1．《OFFICE2000 中文版》 孙慧 清华大学出版社 2．《FrontPage2002 案例教程》 李辉 海洋出版社 3．《FrontPage2000 中文版网页提高》 黄敏如 清华大学出版社 4．HTML 网页制作教程 林义证 铁道出版社 5．HTML 基础与实例 程耀 电子工业出版社 【新课】 一、网页的基本操作 1． 安装 FrontPage2000； 2． 网页的新建，保存，预览，关闭，打开； 3． 字体，标题级，颜色，效果设定； 4． 水平线的设置； 5． 背景颜色设置。 设计案例 1：设计一个简单网页
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 frontpage教学计划 Prn+Pe2000的使用 设计案例2: 在 FrontPage中通过导入功能,查看导入的网页效果 强联梦网- icroaott Internet Explorer 0凶图沿户收的媒体公,国口 日 IM PERSONALHOMEPAGES联通2同 申空间购实组件站点答理主页排帮斯中心 站点管理帐 立即电请帐号 联通手机用户样开 好消息从9月1日起,联通梦网所有用户均可以使 联通手机用户查 可试用本系统。查看详细的操作方法 分天同点月时为用我量 8.15全面升级互动论 通了快速通道。联通手机用户帮助 央视:81630荣置 6用户交流会详尽 15日,联通梦彻底等改了“互动论坛”的格式新广东客电报 服务饕维护结果 出宝贵的使用建议 推出网上支付方 持别荣誉中央电视台本周一二三晚上播出了《见证》深圳客服电6.12手机个性化域 主页:张静君 报道可以通过互联网26600转 推出贴心的付费 句下1项)正在打开贯1,/Gtx 二、 FrontPage图像处理 1.网页中图像的插入 2.设置图像边框 3.图像在文本中的位置设定 4.图像与文本的对齐方式设定 5.设置图片大小
湖北职院计算机科学与技术系理论课教案—《网页设计》 设计案例 2： 在 FrontPage 中通过导入功能，查看导入的网页效果 二、 FrontPage 图像处理： 1． 网页中图像的插入 2． 设置图像边框 3． 图像在文本中的位置设定 4． 图像与文本的对齐方式设定 5． 设置图片大小
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 6.设置图像比例缩放 7.设置间距 水平间距:图像与周围元素在水平方向的间距以像素为单位 垂直间距:图像与周围元素在垂直方向的间距,以像素为单位 8.图片工具的使用 插入文件中的图片 文本:在图像中加入文本 自动缩略图:将选中的图像生成一个图像的缩略图 绝对位置:在定义层时用于设置图像在当前层的绝对位置 上移一层:将图像上移一层 下移一层:将图像下移一层 向左旋转:将图像向左旋转90度 向左旋转:图像向左旋转90度 水平翻转:图像沿垂直线对称翻转 垂直翻转:图像沿水平线对称翻转 加大对比度:增加图像前景和背景的对比度 降低对比度 增加亮度/减低亮度 剪裁:对图像进行剪裁 设置透明的颜色:将图像中某种颜色变成透明色 黑白模式:彩色图像转换为黑色图像 淡化:图像的颜色进行淡化 凹凸效果:图像变为3D图像 选择: 长方形热点:在图像上定义长方形热点,在热点定义超级链接 圆形热点:在图像中定义圆形热点,图形热点上定义超级链接 多边形热点:定义多边形热点 突出显示热点:用于在图像中突出显示热点 9.使用背景图像 设计案例3:设计有图片效果的网页
湖北职院计算机科学与技术系理论课教案—《网页设计》 6． 设置图像比例缩放 7． 设置间距 水平间距：图像与周围元素在水平方向的间距以像素为单位 垂直间距：图像与周围元素在垂直方向的间距，以像素为单位 8． 图片工具的使用 插入文件中的图片 文本：在图像中加入文本 自动缩略图：将选中的图像生成一个图像的缩略图 绝对位置：在定义层时用于设置图像在当前层的绝对位置 上移一层：将图像上移一层 下移一层：将图像下移一层 向左旋转：将图像向左旋转 90 度 向左旋转：图像向左旋转 90 度 水平翻转：图像沿垂直线对称翻转 垂直翻转：图像沿水平线对称翻转 加大对比度：增加图像前景和背景的对比度 降低对比度： 增加亮度/减低亮度 剪裁：对图像进行剪裁 设置透明的颜色：将图像中某种颜色变成透明色 黑白模式：彩色图像转换为黑色图像 淡化：图像的颜色进行淡化 凹凸效果：图像变为 3D 图像 选择： 长方形热点：在图像上定义长方形热点，在热点定义超级链接 圆形热点：在图像中定义圆形热点，图形热点上定义超级链接 多边形热点：定义多边形热点 突出显示热点：用于在图像中突出显示热点 9． 使用背景图像 设计案例 3：设计有图片效果的网页
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 ⊙·回必宫收的,8□ 注册 、超级链接的综合使用 链接到文件(图片文件、声音文件等) 2链接到万维网 3链接到电子邮件地址 4链接到书签(课件制作举例) 5.设置超级链接的颜色 【课后小结】 通过本次课的学习,学会在 FrontPage中新建、导入网页,并能熟练进行文本、图片 的处理
湖北职院计算机科学与技术系理论课教案—《网页设计》 二、超级链接的综合使用 1.链接到文件（图片文件、声音文件等） 2.链接到万维网 3.链接到电子邮件地址 4.链接到书签（课件制作举例） 5.设置超级链接的颜色 【课后小结】 通过本次课的学习，学会在 FrontPage 中新建、导入网页，并能熟练进行文本、图片 的处理