实验一 简单静态网页设计 |
您所在的位置：网站首页 › 网页制作的基本方法 › 实验一 简单静态网页设计 |
实验一 简单静态网页设计
|
实验目的：
复习使用记事本编辑网页的方法。熟悉不同表单控件类型的应用。练习使用记事本在网页中添加表单与表单元素。实验内容：
根据提供的素材设计在线调查问卷。 实验要求： 熟练掌握使用记事本进行简单网页编辑的方法。能够区分不同表单元素的应用场景。掌握表单与表单元素的元素名和属性对。实验学时：4学时实验步骤： 实验准备：（1）在硬盘上为本实验建立文件夹（以下称为“实验文件夹”）。 （2）根据提供的素材设计在线调查问卷： 1-从开始菜单启动记事本； 2-在记事本中，录入一个最简合法HTML文档； 3-设置该HTML文档首页如图1。要求按照首页来设计页面index.html.使用的图片在image文件夹在记事本中，录入一个最简合法HTML文档；
4-在首页点击提交后转向企业电子商务调查问卷.
5-打开本实验提供的WORD文档questionnaire.doc，这个调查问卷比较长，浏览该调查问卷的内容。由于该调查问卷比较长，选取并标示该调查问卷中具有代表性的问题（更改一下文本背景），准备将它们在网页中进行实现，保存该WORD文档；在记事本中添加表单； 6-在表单中插入表单元素，用于在网页中显示步骤（4-）中标示的问题及答案； 7-为表单添加提交和重置按钮； 8-保存网页为questionaire.htm。
提示：本实验没有标准答案，但是在将WORD文档中的调查问题及答案移植到网页中时，要尽可能多地使用到讲过的表单元素（如文本框、单选按钮、复选按钮、下拉菜单/列表、框架等）。另外，网页上调查问卷的答案的表现形式与并不一定要与WORD中的一致，而是应该选择使用更符合需要的表单元素，例如对于答案选项比较多的问题来说，应该优先选用下拉菜单/列表，单选使用下拉菜单，多选使用列表。
本人为菜鸟，刚入jsp，实验也是勉强能合格，基本功能虽能实现，但还是有些问题存在，但以我目前的水平解决不了，所以大家看到有缺陷的地方欢迎指教！ cjf1.html. （登录界面） 用户注册 section {/*文档中的区段*/ width: 694px;/*长度高度由顶部图片决定*/ height: 300px; } #nav { line-height: 15px; height: 150px; width: 200px; float: left; /*左浮动*/ } #center { width: 400px; height: 150px; float: left; } #right { float: right; /*右浮动*/ } #yuandian { /*在center部分的列表去掉小圆圈*/ list-style: none; } //验证邮箱 function checkEmail(email, tip) { var checkEmail = document.getElementById(email); var checkTip = document.getElementById(tip); var Expression = /^(\w)+\@(\w)+\.(\w)+$/; var objExp = new RegExp(Expression); if (!objExp.test(checkEmail.value)) { checkTip.innerHTML = "邮箱格式不正确";//设置提示字体为红色 document.getElementById("submit").disabled = true;//提交按钮被禁用 } else { checkTip.innerHTML = ""; document.getElementById("submit").disabled = false; } return objExp.test(checkEmail.value); } //检查用户名 function checkUsername(name, tip) { var checkName = document.getElementById(name); var checkTip = document.getElementById(tip); var Expression = /^(\w){3,20}$/; var objExp = new RegExp(Expression); if (!objExp.test(checkName.value)) { checkTip.innerHTML = "用户格式不正确";//设置提示字体为红色 document.getElementById("submit").disabled = true; } else { checkTip.innerHTML = ""; document.getElementById("submit").disabled = false; } return objExp.test(checkName.value); } //检查密码 function checkPwd(pwd, tip) { var checkPwd = document.getElementById(pwd); var checkTip = document.getElementById(tip); //至少包含一个字母 var Expression = /^(?=.*[A-Za-z])[A-Za-z\d]{6,20}$/; var objExp = new RegExp(Expression); if (checkPwd.value.length < 6 || checkPwd.value.length > 20) { checkTip.innerHTML = "长度请控制在6-20"; } else if (!objExp.test(checkPwd.value)) { checkTip.innerHTML = "至少包括一个字母"; } else { checkTip.innerHTML = ""; document.getElementById("submit").disabled = false; } return objExp.test(checkPwd.value); } //确认密码 function checkRePwd(repwd, tip, pwd) { var checkRePwd = document.getElementById(repwd); var checkTip = document.getElementById(tip); var checkPwd = document.getElementById(pwd); if (checkRePwd.value != checkPwd.value) { checkTip.innerHTML = "密码不匹配"; document.getElementById("submit").disabled = true; } else { checkTip.innerText = ""; document.getElementById("submit").disabled = false; } }
注册帮助
会员名：为会员登录网站的通行证，长度控制在3-20个字符之内。
密码：请设定在6-20位之间。
确认密码：确认密码必须与密码一致。
Email：请填写有效的Email地址，以便于与您联系。
用;;户;;名:
密;;;;;;;;码:
确认密码:
性;;;;;;;;;别:
Male
Female
;;;E-mail;;:
question.html（调查问卷） 企业电子商务调查问卷 var limit = 3, num = 0; function check(obj) { obj.checked ? num++ : num--; if (num > limit) { obj.checked = false; alert("最多选择3项"); num--; } }; function test() { var s1 = document.getElementById("qiyemingchen"); location.href = "success.html?" + "qiyemingchen=" + encodeURI(s1.value); var s2 = document.getElementById("zhucedi"); location.href = "success.html?" + "zhucedi=" + encodeURI(s2.value); } 企业电子商务调查问卷尊敬的先生/女士： 您好！为了了解目前企业开展电子商务的状况和问题，我们课题组希望您能协助填写这份调查表。在此，我们郑重承诺，调查结果仅供研究使用。如果您有兴趣和需要，我们可以将最终的统计和分析结果通过电子邮件的方式反馈给您。 本次调查对于电子商务的界定是：通过计算机网络完成的购买和销售货物以及服务的行为，这些货物或服务的订单是通过相关网络下达的，但是支付和物流可以是网下进行的。通过传真、电话和电子邮件达成的交易不算在内。 非常感谢您的大力支持！ 广东省电子商务发展规划前期研究课题组 企业基本情况 1.企业名称： 注册地: 2.您在所在企业的职务（职位）： 3.企业成立时间: 4.企业所在行业:1.您所在企业的所有制形式为：（单选） 国有 集体 民企 外资 合资 其他2.您所在企业是否是上市公司：（单选） 是 不是3.您认为贵企业所在行业是否非常有必要开展电子商务? （单选） 非常有必要 不知道 没有必要4.您所在的企业现在是否开展了电子商务？(多选) 已经开展电子商务 计划开展电子商务 没有开展电子商务5.企业对市面上“电子商务师”之类的资格认证的看法：（最多只能选3个） 含金量很高，能够反映出专业的能力 能够帮助我们培养和选择相关层次的人才 没有针对性，难以确定能够胜任特定的工作 名不副实，没有反映出相应的专业能力6.企业对高校电子商务专业毕业生的基本看法： 能够胜任较高级的工作，表现出专业的水平 仅有书本知识，不能解决实际问题 知识结构不合理，没有反映出业界的发展现实 高职高专的毕业生工作能力比本科的毕业生实际能力更强 职业定位不清晰，能力知识宽而不精7.请列出贵企业所在行业的主要企业情况 企业名称 该企业的竞争优势 是否已开展电子商务 是 否 是 否 是 否请提宝贵意见：
|
【本文地址】
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |