《第五章表单框架与多媒体(网页设计与制作).ppt》为会员分享,可在线阅读。 更多相关《第五章表单框架与多媒体(网页设计与制作).ppt》(57页珍藏版)》请在人人图书馆网站搜索。
网页设计与制作吉祥物,第五章表格、框架和多媒体,5.1 表格 5.1.1 表格标记 5.1.2 文本和密码输入 5.1.3 重置和提交 5.1.4 复选框和单选按钮 5.1.5 选择栏 5.1.6 输入多行文本的制作,5.2 框架 5.2.1 建立框架 5.2.3 框架之间的链接 5.3 添加动态效果和多媒体 5.3.1 设置字幕 5.3.2 添加音频和视频 5.4 自动刷新页面 练习 5、5.1 表单。 主页上具有可输入项目和项目选择控件的列称为表单。 收集质量调查、电子购物、商品交易、人才招聘等用户反馈信息是实现网上信息交流的重要手段。 5.1.1 表单标记 表单的基本语法和格式为: 、 5.1 表单、 5.1.2 输入文本和密码 5.1.3 重置和提交 格式为: 当设置默认值时,重置和提交 按钮为“分别“重置”和“提交查询内容”。 ,示例 5.1 文本框和密码框,密码属性名称: 密码:,示例 5.2 重置和提交按钮,RESET 属性名称: 密码:,5.1.4 单选按钮和复选框,1. 单选按钮用于同选择类型项之一。 格式为:具有相同按钮文本名称的单选按钮组成一组。 2. 复选框用于选择一项或多项相同类型的项目。
格式为:按钮文字,例 5.3 单选按钮,RADIO 选项 婚姻:已婚、未婚 请选择最高学历:小学、初中、高中、大专、研究生院,例 5.4 复选框、CHECKBOX 选项 名称:常用软件:WordExcelPowerPointAccess,5.1.5 选择栏,1.选择栏的格式为: 标记的格式为:选项文本,5.1.5 选择栏,2.弹出选择栏的格式为: 选项 1 选项 2 选项 n,示例 5.5 列表框吉祥物设计,请选择 SIZE 选择最常用的软件:WordExcelPowerPointPaint Shop ProNetscape Navigator,示例 5.6 下拉列表框,对于不包含 SIZE 的应用,请选择最常用的软件:常用软件:WordExcelPowerPointPaint Shop ProNetscape Navigator,5.1.7 多行文本的输入,格式为:多行文本 其中行数和列数是指没有滚动条时可以看到的部分。 ,例5.7 多行文本框,输入多行多列文本的应用。 下面是一个可以提供多行输入组件的标签。 每个属性值为 NAME=Text、ROWS=10、COLS=20。 请输入您对默认文本的意见。 5.1.8 隐藏域。 隐藏域中的内容不会显示在网页上,仅供应用程序使用。
格式: ,例 5.8 隐藏字段,输入隐藏信息名称: ,例 5.9 复杂示例,人民邮电出版社 人民邮电出版社 员工出差调查问卷 基本信息 请输入您的姓名 请输入您的员工代码,建议日期10月10日 10月25日至12月25日,游览时间为三天两夜、五天四夜。 输入信息后,请点击发送信息按钮。 要重新输入信息,请单击清除信息按钮。 5.2 框架。 该框架位于浏览窗口中。 可以显示页面的矩形区域。 框架结构允许网页浏览器同时显示多个页面,从而实现在同一浏览器窗口中访问不同网页的功能。 5.2.1 建立框架 建立框架的基本结构是: 框架按照标记的顺序排列在第一行和最后一列。 注意:在框架结构的.Html文件中使用标签而不是标签。 如果同时使用这两个标签,将会显示警告。 5.2.1 创建框架。 1. 标签用于定义帧组的属性。 格式为: 帧分为水平帧和垂直帧。 rows 和 cols 属性:设置水平和垂直划分的帧数。 值包括: 像素数:指定框架的绝对大小 数字:指定框架相对于浏览器窗口大小的百分比:指定框架的大小 浏览器窗口的其余部分。 当只使用“,”时网页设计表单制作代码,表示整个窗口,当使用“,”时,表示将窗口分为两个相等的帧。 这些值之间不能有空格,并且用“,”分隔。 框架的数量和位置根据输入值的数量确定。
,例5.10垂直方向分割,FRAME的SRC属性设置,例5.11水平方向分割,FRAMESET框架包含超链接,5.2.1建立框架,2.标签用于指定每个框架的页面内容,它将每个帧链接到包含其内容的文件。 它是一个单一标签,格式如下: ,5.2.2 设置框架属性。 框架的属性包括边框、颜色、滚动条等,这些属性改变框架的外观,产生不同的艺术效果。 1. 设置边框的存在和颜色。 使用 和 标记设置边框的外观,例如大小和颜色。 两个标签的区别在于,标签设置整个框架的每个边框的属性,并且只能设置它控制的框架。 ,5.2.2 设置边框属性, (1) 设置是否有边框。 您可以使用标记的 Frameborder 属性设置是否有边框。 格式为:or 其中,yes 或 1(默认)表示生成三维边框,no 或 0 表示无边框。 (2)设置边框的颜色,使用标记的bordercolor属性给边框着色。 格式为: 或者,例 5.12 设置是否有边框,设置 FRAMEBORDER 属性,例 5.13 设置边框的颜色,设置 FRAMEBORDER 属性,5.2.2 设置边框属性,2.固定边框 默认情况下,Viewers可以用鼠标拖动边框来改变页面的大小。
可以使用 noresize 属性来固定边框的位置。 格式为:noresize 无值。 添加 noresize 将修复边框。 3. 滚动条 4. 边框的宽度 border 属性决定了边框的宽度。 格式为: 值为像素数。 默认宽度为 8 像素。 ,例5.14固定边框,NORESIZE属性的设置,例5.15滚动条,SCROLLING属性的设置,3.页面空白区域的设置,(1)设置标记的marginwidth属性,设置框架内容和左右边框。 格式为: 其中x为像素数,取1以上的值。 (2) 使用标记的marginheight属性设置框架内容的边距和上下边框。 格式为: (3) 使用Framespacing 属性设置来设置窗口之间的空白空间。 格式为: 其中 x 为像素数。 ,例5.16 设置框架内容和边框的空白,MARGINHEIGHT 和MARGINWIDTH 属性的应用,例5.17 设置框架之间的空白,应用framespacing 属性,框架嵌套,框架的嵌套可以创建复杂的框架布局。 ,例5.18帧嵌套,帧嵌套示例,例5.19无边框帧嵌套,初始化帧,5.2.3帧之间的链接,使用target属性可以控制目标文件在该帧中显示。
当点击热点文本时,目标文件将出现在target指定的框架中。 target属性的值可以是框架名称,格式为: 热文本目标有四个特殊值,它们实现四类特殊操作: 1. _blank 打开一个新的没有名称的浏览器窗口。 格式为:热文本链接的目标文件加载到新的浏览器窗口中,没有名称。 ,5.2.3 框架之间的链接,2。 _self 当前帧。 格式为: 将热点文本链接的目标文件加载到当前框架窗口中,替换正在显示的热点文本。 3. _top 整个浏览器窗口。 格式为:热点文本4._parent父窗口。 格式为: 热点文本 当框架嵌套时,链接的目标文件将加载到父框架中。 否则加载整个浏览器窗口,例 5.20 帧间链接,初始化帧 file2.html:file2 怨夜思绪,内联框架,可以使用标签将框架设置在页面中央,称为内联框架。 它与标记不同,可以插入到标记中。 格式为: ,示例 5.21 页内框架,页内框架示例 李白静思怨恨 可惜,您的浏览器不支持框架! ,5.3 添加动态效果和多媒体,5.3.1 两种播放声音的方式。 1、打开主页时自动播放的背景音; 2. 单击网页上的链接时播放的声音。
1.可以使用标签添加背景声音。 用法:其中属性src=”表示播放的声音文件,loop=n表示播放次数。2.使用超链接播放声音文件配音,3.使用标签播放声音,标签使用播放声音和图像,声音文件可以是wav或mid文件,图像可以是.mpg或avi文件使用格式:主要属性说明如下: src:插入文件的路径或URL地址 自动启动:何时true,打开页面时自动播放声音 Loop:true 时自动循环播放 音量:值为 0100 控件:可以选择播放按钮、暂停按钮、停止按钮或音量杆 例 5.22 播放立体声,5.3.2 添加图像到首页,在首页添加图片通常有两种方法网页设计表单制作代码,一种是直接使用超链接,一种是使用标签。1.直接使用超链接学校介绍2.在网页中嵌入图片使用标签在主页中嵌入图像。图像可以是 .Mpg 、 avi 文件或 flash 文件。 ,例 5.23 播放 flash 动画, ,5.3.3 在首页添加字幕,该标记的格式为: 流动文字属性: Direction:表示向哪个方向移动align=“顶部或中间或底部”:set 设置垂直对齐方式subtitles bgcolor="color":设置字幕的背景颜色 width、height=x 或 x%:设置字幕的高度和宽度。
Loop=x、-1 或 Infinite:设置循环次数。 -1时无限循环或无限behavior=“scroll”,side,alternate:文本朝一个方向流动,文本到达边界时停止,到达边界后反向流动,例5.24字幕,滚动字幕示例哈哈哈,一正在滚动! 图片还可以滚动! 我滚动得很快! ,5.4自动刷新页面。 自动刷新页面是指页面停留几秒后自动指向新的网页。 其格式为: 徽标必须放置在 . 当http-equiv属性值设置为“刷新”时,需要显示URL指定的文件。 content 属性包含两个值:秒和 URL,以“;”分隔。 该链接将在指定时间后打开。 ,练习51.创建一个用于输入密码的表单,如图所示。 问题中使用了表格和图片。 ,2 制作如图所示的表格。 ,3. 创建如图5-16所示的表单网页,并将表单数据发送到电子邮件。 4. 创建框架网页,如图5-17所示。 点击左侧的项目,右侧会显示对应的内容。 ,5. 制作一个框架网页如图所示。 点击链接后,有的会打开一个新的没有名称的浏览器窗口,有的目标文件会被加载到当前框架窗口中,有的目标文件会被加载到整个浏览器窗口中。 、 主编: 、 写作老师:(按姓氏排序)、 制作: 、 主编: 、 电子编辑: 、 感谢您的收看,再见! ,
- 本文固定链接: https://wen.nuanque.com/wangye/17350.html
- 转载请注明: nuanquewen 于 吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计 发表
- 文章或作品为作者独立观点不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。本文之内容为用户主动投稿和用户分享产生,如发现内容涉嫌抄袭侵权,请联系在线客服举报,一经查实,本站将立刻删除。本站转载之内容为资源共享、学习交流之目的,请勿使用于商业用途。