界面设计实验报告2_第1页
界面设计实验报告2_第2页
界面设计实验报告2_第3页
界面设计实验报告2_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

实验报告二题目Html基础编程姓名苑春杰学号Z10055705时间2011.10.27地点B楼1．实验目的Html技术包括Html基本语法、CSS基本语法和JavaScript技术等，在Web应用开发中Html技术一般被用来实现客户端功能，包括现实内容的渲染、用户输入校验、客户端特效的实现等。通过本次实验，使同学们复习其他课程中学习的Html技术，将其综合地应用到一个客户端模块的开发中。2．实验要求按要求创建Java动态网络工程，编写相应代码实现软件功能，经检验无误后将新创建的工程部署到TomCat服务器上，在浏览器地址栏内输入与工程所对应的网址，查看运行结果，如与实验要求不符，请修改相应的代码，重复以上步骤，直至完全符+合要求，最终完成一个完整的网络应用客户端的开发流程。3．实验内容使用Html技术，编程实现网络应用程序主界面框架，效果参考如下图所示：要求：(1)主界面框架由上、中、下三部分组成，其中，上部显示应用名称；中部为主工作区；下部显示程序版本信息；(2)主工作区由左、右两部分组成，其中，左部现实操作菜单；右部现实具体操作内容。请各位同学按要求使用Html、JavaScript和CSS技术完成上述程序编码，并将难题的解决步骤、主要代码和心得填写在实验报告上。这是Left.html的部分代码：<scripttype="text/javascript"src="js/jquery.js"></script><scripttype="text/javascript"src="js/chili-1.7.pack.js"></script><scripttype="text/javascript"src="js/jquery.easing.js"></script><scripttype="text/javascript"src="js/jquery.dimensions.js"></script><scripttype="text/javascript"src="js/jquery.accordion.js"></script><scriptlanguage="javascript"type="text/javascript"> jQuery().ready(function(){ jQuery('#navigation').accordion({ header:'.head', navigation1:true, event:'click', fillSpace:true, animated:'bounceslide' }); });</script><styletype="text/css">body{ margin:0px; padding:0px; font-size:12px;}#navigation{ margin:0px; padding:0px; width:147px;}#navigationa.head{ cursor:pointer; background:url(images/main_34.gif)no-repeatscroll; display:block; font-weight:bold; margin:0px; padding:5px05px; text-align:center; font-size:12px; text-decoration:none;}#navigationul{ border-width:0px; margin:0px; padding:0px; text-indent:0px;}#navigationli{ list-style:none;display:inline;}#navigationlilia{ display:block; font-size:12px; text-decoration:none; text-align:center; padding:3px;}#navigationlilia:hover{ background:url(images/tab_bg.gif)repeat-x; border:solid1px#adb9c2;}</style></head><body><divstyle="height:100%;"><ulid="navigation"><li><aclass="head">用户管理</a><ul><li><ahref="?ID=0"target="rightFrame">添加用户</a></li><li><ahref=""target="rightFrame">查看/修改用户</a></li><li><ahref="?ID="target="rightFrame">修改密码</a></li></ul></li><li><aclass="head">员工管理</a><ul><li><ahref="DeviceAdd.aspx"target="rightFrame">添加员工信息</a></li><li><ahref="DeviceLook.aspx"target="rightFrame">查看/修改员工信息</a></li></ul></li><li><aclass="head">财务管理</a><ul><li><ahref=""target="rightFrame">添加财务信息</a></li><li><ahref=""target="rightFrame">查看/修改财务信息</a></li><li><ahref=""target="rightFrame">设置员工对应关系</a></li></ul></li><li><aclass="head">业绩信息管理</a><ul><li><ahref="AddCheck.aspx"target="rightFrame">添加业绩信息</a></li><li><ahref="CheckList.aspx"target="rightFrame">查看/修改业绩信息</a>框架代码如下：<framesetrows="80,*,40"cols="*"framespacing="0"frameborder="no"border="0"bordercolor="#ECE9D8"><framesrc="up.html"name="topFrame"scrolling="No"noresize="noresize"id="topFrame"title="topFrame"background:url(images/main_06.gif)no-repeatscroll/><framesetrows="*"cols="163,*"framespacing="0"frameborder="no"border="0"bordercolor="#993300"><framesrc="center.html"name="leftFrame"scrolling="No"noresize="noresize"id="leftFrame"title="leftFrame"/><framesrc="nei.html"name="mainFrame"id="mainFrame"title="mainFrame"/></f

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论