文档库 最新最全的文档下载
当前位置:文档库 › 第6章 表格与表单_补充案例(1)

第6章 表格与表单_补充案例(1)

第6章 表格与表单_补充案例(1)
第6章 表格与表单_补充案例(1)

第六章补充案例

案例6-6 简单的用户登陆界面

一、案例描述

1、考核知识点

input控件

2、练习目标

熟悉表单的构成

掌握

标记的用法

理解标记相关属性

掌握input控件属性中的单行文本输入框、密码输入框以及提交按钮属性

3、需求分析

在网页中,通常会使用表单来收集用户信息,并将这些信息传递给后台服务器,实现人机交互。

同时,为了明确信息分类、便于用户操作,还会用到一系列的表单控件,用于定义不同的表单功能。

为了便于初学者的理解和掌握,接下来,通过一个登陆界面的案例做具体演示。

4、案例分析

1)最终实现效果,如图6-11所示。

图6-1登陆界面

2)分析效果图,具体实现步骤如下:

a)定义表单域。

b)定义用于输入用户名的单行文本输入框。

c)定义密码输入框。

d)定义用于输入验证码的单行文本输入框。

e)定义登陆按钮。

二、案例实现

图6-2简单的登陆界面

案例6-7 简单的交规考试答卷

一、案例描述

1、考核知识点

input控件

2、练习目标

熟悉表单的构成

掌握标记的用法

掌握input控件属性中单选框和复选框属性

熟悉

3、需求分析

浏览网页时,经常会看到带有小图标的列表项,这些小图标不仅可以美化网页,还能提供更好的用户体验。虽然无序列表和有序列表都有自带的列表项目符号,但是,它们在不同浏览器中显示的效果不同。因此,在实际工作中,经常通过给列表项定义背景图像来设置列表项目符号。

4、案例分析

1)最终实现效果,如图6-13所示。

图6-3交规考试答卷效果

2)分析效果图,具体实现步骤如下:

a)定义一个名为“交通考试选择题”的

标题。

b)定义表单域

c)使用

标记定义单选题的题干。

d)使用标记的单选按钮属性定义选项。

e)使用

标记定义多选题的题干。

f)使用标记的复选框属性定义选项。

二、案例实现

案例6-8 制作字符批量替换工具界面

一、案例描述

1、考核知识点

控件,来创建多行文本输入框。为了便于初学者的理解和掌握,接下来,通过制作一个字符批量替换工具界面的案例做具体演示。

4、案例分析

1)最终实现效果,如图6-15所示。

图6-4字符批量替换工具界面效果

2)分析效果图,具体实现步骤如下:

a)定义表单域。

b)通过

标记定义标注文本“查找”。

c)通过控件,来创建多行文本输入框。为了便于初学者的理解和掌握,接下来,通过制作一个字符批量替换工具界面的案例做具体演示。 4、案例分析 1)最终实现效果,如图6-15所示。

毕业设计报告书格式范例

毕业设计报告书格 式范例

目录 内容摘要.................................................................... 错误!未定义书签。关键词........................................................................ 错误!未定义书签。前言........................................................................... 错误!未定义书签。第一章网站设计构思.............................................. 错误!未定义书签。 1.1项目背景 ....................................................... 错误!未定义书签。 1.2研究意义 ....................................................... 错误!未定义书签。 1.3建设目标 ....................................................... 错误!未定义书签。第二章网站开发工具介绍...................................... 错误!未定义书签。第三章网站的设计介绍.......................................... 错误!未定义书签。 3.1网站的设计目标 ........................................... 错误!未定义书签。 3.2网站的可行性分析........................................ 错误!未定义书签。 3.3网站设计的特点 ........................................... 错误!未定义书签。 3.4网站结构分析图 ........................................... 错误!未定义书签。 3.3 网站详细设计................................................ 错误!未定义书签。第四章网站数据库设计.......................................... 错误!未定义书签。 4.1 数据库的分析................................................ 错误!未定义书签。 4.2数据库逻辑结构设计.................................... 错误!未定义书签。第五章全文总结 ...................................................... 错误!未定义书签。参考文献.................................................................... 错误!未定义书签。

毕业设计格式及所有表格

附件: 1.曲阜师大学本科毕业论文(设计)工作程序 2.曲阜师大学本科毕业论文(设计)基本撰写规 3. 曲阜师大学本科毕业论文(设计)格式(理科) 4. 曲阜师大学本科毕业论文(设计)格式(文科) 5. 曲阜师大学本科毕业论文(设计)封面 6. 曲阜师大学本科毕业论文(设计)开题报告表 7.曲阜师大学本科生毕业论文(设计)中期检查表 8. 曲阜师大学本科毕业论文(设计)评分表 9. 曲阜师大学本科毕业论文(设计)鉴定表 10. 曲阜师大学本科毕业论文(设计)工作总结表附件1:

曲阜师大学本科毕业论文(设计)工作程序 教务处制表注:1.提前或推延进行毕业论文(设计)的,各阶段要求相同,日程自定; 2.毕业论文(设计)工作三个阶段时间安排,可根据各专业特点适当调整。

附件2: 曲阜师大学本科毕业论文(设计)撰写规 一、毕业论文(设计)文本结构 毕业论文(设计)主要由8个部分组成:①封面;②目录;③题目;④中外文摘要;⑤正文;⑥参考文献;⑦辞;⑧附录。 二、毕业论文(设计)各部分规 1. 封面 封面按学校规定的格式填写,包括论文(设计)题目、作者、指导教师、学科专业等容。 2. 目录 目录由毕业论文(设计)各部分容的顺序号、名称和页码组成,目次中的容一般列出二级标题即可。目录应该用“…………”连接名称与页码。 3. 题目 论文(设计)题目要恰当、简明、凝练,能够反映论文的主题及其容,做到文、题贴切。题目中不使用非规的缩略词、符号、代号和公式,通常不采用问话的方式。题目所使用的词语应当考虑到有助于选择关键词和编制题录、索引等。 题目的中文字数一般不超过20个字,外文题目不超过10个实词,中外文标题应一致,居中编排格式。 4. 中外文摘要及关键词 摘要是对毕业论文(设计)容不加注释和评论的简短述。摘要主要是说明研究工作的目的、方法、结果和结论。摘要应具有独立性和自含性,即不阅读全文,就能获得毕业论文(设计)必要的信息,使读者确定有无必要阅读全文。摘要中应用第三人称的方法记述论文的性质和主题,不使用“本文”、“作者”等作为主语,应采用“对…进行了研究”、“报告了…现状”、“进行了…调查”等表达方式。排除在本学科领域已成为常识的容,不得重复题目中已有的信息。语句要合乎逻辑关系,尽量同正文的文体保持一致。结构要严谨,表达要简明,语义要确切,一般不再分段落。对某些缩略语、简称、代号等,除了相邻专业的读者也能清楚理解的以外,在首次出现处必须加以说明。摘要常不用图表、化学结构式以及非公知公用的符号和术语。 毕业论文(设计)的摘要包含中文摘要和外文摘要。中文摘要字数约为200~300字,外文摘要约为200~300个实词。 关键词(Keywords)是为了文献标引,从《汉语主题词表》或论文中选取出来,用以表示全文主题容信息的词语或术语。关键词不宜用非通用的代号和分子式。 关键词一般为3~6个。关键词的排序,通常应按研究的对象、性质(问题)和采取的手段排序。中文关键词两词之间应留出一个汉字的空间,不加任何标点符号;外文关键词之间用分号隔开。 5. 正文

毕业项目报告格式范例

诚信声明 本人郑重声明: 所呈交的毕业项目报告/论文《》是本人在指导老师的指导下,独立研究、写作的成果。论文中所引用是他人的无论以何种方式发布的文字、研究成果,均在论文中以明确方式标明。 本声明的法律结果由本人独自承担。 作者签名: 年月日 诚信声明里头横线部分不要填,答辩的时候打印出来装订成册后手写填上!

摘要 摘要内容为200——500字,简单说明你这个毕业设计的内容,如为什么做这个项目,怎么做的,做的内容有那几块,做的结果如何。 关键词:关键词一般为3—5个, 4号宋体,词间用逗号分开。这部分与摘要内容部分中间空1行

目录 某商业地块 冲击成孔施工方案 (这是毕业设计的标题,标题上下各空一行) 1、基本概况 本基坑支护工程支护结构,遇原好买得地下支护结构Φ800mm×12~13m(暂估)灌注桩,其中有8根原支护桩与拟建结构围护发生冲突,基本重合或稍有点偏差,影响本工程的正常施工。我方拟采用Φ1000锤头的冲击钻施工,将原支护桩钢筋混凝土击破,利用泥浆携渣原理将碎屑带出孔外,原桩清理完毕后再用水泥土、或者人工拌合土进行回填,待强度接近或者和土体强度相似时,用高压旋喷进行土体搅匀,在设计位置上进行钻孔灌注桩施工。 2、施工工艺和处理方法 2.1.原桩桩位开挖及桩头处理 首先对原支护桩桩位进行开挖,将桩头全部暴露出来,并用人工清理干净,测量人员对原支护桩进行测量,测出各个桩位的中心坐标。用风镐机将原支护桩桩头全部打平,测量人员测出桩头标高。再将桩头上外露的钢筋全部割除

2.2.孔位作业面回填 待以上准备工作完成后,用粘性较好的黄土(最好是5-6%灰土)进行回填并夯压密实,这样做的目的是: 1有利于钢护筒的埋设; 2保证回浆池和孔口在一个水平面上或略低于孔口,便于淌浆和清渣以及钻渣的清运; 3为初钻提供护壁泥浆; 4为钻机提供一个坚固、稳定的工作平台; 2.3.冲击钻孔施工 2.3.1施工准备 安排测量人员对桩位进行测量放线并引好控制桩,调整好现场施工布置,检查钢护筒的稳定性与标高。 2.3.2泥浆制备 采用膨润土进行孔外造浆,以提高泥浆性能指标并降低护壁产生的泥皮厚度,并在钻进过程中定期检测泥浆各项指标和地层变化,及时调整泥浆,保证泥浆的各项指标符合规范和施工要求。 2.3.3钻机就位 钻机就位前,应对钻孔各项准备工作进行检查。钻机就位用方木垫平,将钻头中心线对准桩孔中心,其开孔位置必须准确,误差应控制在2cm以内,并用水平尺

相关文档