湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目十五 HTML中表单网页设计( 【教学内容】 讲解HML中跑马灯效果的设计与简单表单制作 【教学目的】 使学生掌握跑马灯动态网页效果设计和制作简单表单网页 【教学重点】 HTML中表单元素标志与属性 【教学难点】 理解 marquee标志中各属性的意义 【教学方式】 案例分析式、项目教学 【教学参考】 1.<< JavaScript入门与提高〉杨浩著 清华大学出版社 2.< JavaScript从入门到精通 电脑报社出版 3.hIML网页制作教程材义语编著铁道出版社 4.HIML基础与实例程耀编著电子工业出版社 【新课】 、网页中跑马灯效果的制作 1.格式 < marquee。滚动内容</ marquee 滚动内容可以是文本和图片 2 marquee标志配合使用的属性 (1)lop:设定滚动次数 (2) direction:设定滚动方向 direction=eft从右向左滚动 direction= right从左向右滚动 direction=up从下向上滚动 direction=down从上向下滚动 (3) behavior:设定滚动方式
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目十五 HTML 中表单网页设计(一) 【教学内容】 讲解 HTML 中跑马灯效果的设计与简单表单制作 【教学目的】 使学生掌握跑马灯动态网页效果设计和制作简单表单网页 【教学重点】 HTML 中表单元素标志与属性 【教学难点】 理解 marquee 标志中各属性的意义 【教学方式】 案例分析式、项目教学 【教学参考】 1．> 杨浩著 清华大学出版社 2．> 电脑报社出版 3．hTML 网页制作教程 材义语编著 铁道出版社 4．HTML 基础与实例 程耀编著 电子工业出版社 【新课】 一、网页中跑马灯效果的制作 1.格式: 滚动内容 说明: 滚动内容可以是文本和图片 2.marquee 标志配合使用的属性 (1) loop: 设定滚动次数 (2) direction: 设定滚动方向 direction=left 从右向左滚动 direction=right 从左向右滚动 direction=up 从下向上滚动 direction=down 从上向下滚动 (3) behavior:设定滚动方式
湖北职晚计算机科学与技术糸理论课教案一《网页设计》 behavior= scroll按指定方向滚动到尽头,重新开始 behaviorslide 不指定滚动次数时滚动一次后停止 behavior= alternate按指定方向来回滚动 (4)width 设定滚动区宽度 (5)height 设定滚动区高度 (6) bgcolor 设定滚动区背景颜色 例一:在网页中设定文字的水平来回滚动效果 )查看)收0工具①)帮助0 ⊙份因回户排古收取夹的媒体的公,品·回 囝转到振 欢迎光临我的个人网 欢迎光临我的个人网站 例二、在网页中设定图片的垂直方向滚动效果
湖北职院计算机科学与技术系理论课教案—《网页设计》 behavior=scroll 按指定方向滚动到尽头,重新开始 behavior=slide 不指定滚动次数时,滚动一次后停止 behavior=alternate 按指定方向来回滚动 (4) width: 设定滚动区宽度 (5) height: 设定滚动区高度 (6) bgcolor: 设定滚动区背景颜色 例一: 在网页中设定文字的水平来回滚动效果 我的个人网页 欢迎光临我的个人网站 例二、在网页中设定图片的垂直方向滚动效果
湖北职晚计算机科学与技术糸理论课教豪一《网页设计》 gsrc=64. gif> 例三.在网页中同时设定文字与图片的滚动效果
湖北职院计算机科学与技术系理论课教案—《网页设计》 我的个人网页 例三．在网页中同时设定文字与图片的滚动效果
湖北职晚计算机科学与技术糸理论课教豪一《网页设计》 1234- icrosoft Internet Explorer 件①)编辑啁)查着①)收 ⊙回的户数收时媒的,品四,回 地址①)G:1网页设计数案11 ijckk\aDl.htm 习转到链 欢迎登录釴们的家回:www.Xg000.cOm,惊喜 完毕 我的电脑 好始nao.图a15,2ynd,,·a 21234 1234 Hi,欢迎登录我们的家园:wwxg000com,惊喜多 E. 、表单网页的设计 1.表单标志 /form> 定义表单的开始与结束,常用的属性有: action:指定处理表单中提交数据的网页文件 method:指定表单中数据的传输方式 2.单行文本框 格式:
湖北职院计算机科学与技术系理论课教案—《网页设计》 1234 Hi ， 欢 迎 登 录 我 们 的 家 园 ： www.xg000.com ，惊喜多 多... 二、表单网页的设计 1．表单标志 ,/form> 定义表单的开始与结束，常用的属性有： action: 指定处理表单中提交数据的网页文件 method: 指定表单中数据的传输方式 2． 单行文本框 格式：
湖北职晚计算机科学与技术糸理论课教案一《网页设计》 4单选按钮 格式 例:设计如下表单 址①)G:1 Front1atn1kp1Na3.htm 户调查 比较菏意◎很满意 ttfe我的个人网页 客户调查表 职业
湖北职院计算机科学与技术系理论课教案—《网页设计》 3.密码域 格式： 4.单选按钮 格式： 5．提交按钮与取消按钮 格式： 例：设计如下表单： 我的个人网页 客户调查表 职业
湖北职晚计算机科学与技术理论课教案一《网页设计》 QQ号 你对本站点提供的服务: 不满意 比较满意 很满意 【课后小结】 跑马灯效果是种常用动态效果,要记住 marquee标志中相应属性及意义。HM中 制作的表单是一种静态形式,要处理表单数据并返回表单处理信息,必须与站点服务器端 程序配合使用
湖北职院计算机科学与技术系理论课教案—《网页设计》 QQ 号 你对本站点提供的服务: 不满意 比较满意 很满意 【课后小结】 跑马灯效果是一种常用动态效果，要记住 marquee 标志中相应属性及意义。HTML 中 制作的表单是一种静态形式，要处理表单数据并返回表单处理信息，必须与站点服务器端 程序配合使用