软件学院Web程序设计实验报告.doc

软 件 学 院实 验 报 告课程名称 Web程序设计 专 业 计算机网络技术 班 级 网络10306 学 号 271030608 姓 名 张鑫 2012年6月5日一.实验课题综合利用Web应用程序的客户端开发技术（包括HTML、CSS、JavaScript、DOM、DHTML、XML等）设计一个符合要求的Web应用程序界面，并在此界面的基础上实现用户交互功能的设计，达到Web应用程序可用性和易用性目标。二. 实验目的1.通过综合使用超文本标记语言(HTML) ,javascript脚本,css样式表等多种技术设计和制作生动多彩的web网页,加深对HTML语言，javascript语言、css样式语言的掌握，以及对主流网页制作工具如Macromedia Dreamweaer、Fireworks等的熟练使用，从而进一步提高从设计网页到制作网页整个过程中的实际操作能力，达到学以致用的教学目的。2.掌握关于静态网页和动态网页的相关知识，熟悉IIS的安装过程与配置方法。了解ASP网页的编写和Web 服务器系统基础构架。三. 实验环境1. 硬件:Intel 奔腾4处理器,联想显示器.2. 软件:Microsoft Windows XP,3. Microsoft Internet Explorer6.0,4. Windows自带记事本，5. Macromedia Dreamweaer,Fireworks等。四. 实验内容1. 配置IIS。2. 设计及制作静态网页与动态网页。本网站的网页的大部分功能均要求为手写代码。3. 数据库中至少包含一到两个数据库表。 五. 实验步骤1构思网站主题 美容美体网站2确定网页版式 运用了HTML，使用表格，层，框架对网页进行合理布局，应用了必要的CSS式样，表单应用，以及access数据库，和javascript脚本，更重要的是建立了IIS充分运用了ASP。通过文字大小疏密进行处理，突出重点，层次分明。网页的版式与主题相呼应，都是以美容美体为中心的，分别以两方面着手，美容类有：美白防晒，彩妆和完美护肤，美体类：舒心瑜伽，瘦腿和看我七十二变。3搜集相关信息 通过网络搜集了关于美容，彩妆，护肤，减肥，瘦身，瑜伽等相关信息，在查阅的爱美网，新浪女性网，腾讯女性网查阅相关信息，4设计具体网页内容 美容：1、彩妆2、美白防晒3、完美护肤 美体：1、瘦腿2、舒心瑜伽3、看我七十二变美容类：重点是根据所查阅的资料，以及所学习的WEB知识进行构造网站，其中运用了HTML，使用表格，层，框架对网页进行合理布局，应用了必要的CSS式样，表单应用，以及access数据库，和javascript脚本，更重要的是建立了IIS充分运用了ASP。5.数据库表6模块代码定义CSS样式，也就是网页样式 无标题文档!-.STYLE2 font-size: 80px;color: #9900CC;font-family: 幼圆;body background-image: url(./53160-11111110524296.jpg);.STYLE3 font-size: 30px;color: #3300FF;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;.STYLE4 font-family: 幼圆;font-weight: bold;font-size: x-large;color: #FF6600; 美容 美体 如果你还在为身材不好感到苦恼，如果你还在为皮肤较差感到怨天尤人，那么快加入美容美体网站，破茧重生不是梦想！  快乐瘦身   美丽日志   利用HTML语言安排控件无标题文档 看我七十二变 减肥 大计 纤纤小蛮腰 小脸女人 塑造美腿 甩走蝴蝶袖 、现在潮流突袭，越来越多的美女开始了减肥热，骨干才是新时尚的追求。那么今天让我带你们来一场破茧重生吧！ 没有丑女人只有懒女人 写出你的蜕变的美丽日记 进入 如果你现在还在为了变美而发愁的话，请打开我们的美容美体网站，请问您想在这繁华的盛夏穿上那心仪已久的超短裙大秀美腿吗？  JavaScript交互功能的实现function getIE(E)var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent)t+=e.offsetTop;l+=e.offsetLeft;alert(top=+t+/nleft=+l);/VBScript!-function getIE()dim t,l,a,bset a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagNameBODYset a = a.offsetParent利用Asp进行数据库操作的代码 %using system;using vuser.ecommerce.dataproxy;namespace vuser.ecommerce.coreserializablepublic class baseobject : icomparable#region 域成员 private int m_id;private string m_title;private string m_remark;private idataproxy m_dataproxy;private bool m_ismodify = false;private bool m_isdirty = false;private string m_sortfieldname;return m_id;/ / 名称/ public virtual string titleset m_title = value;getreturn m_title;/ / 注释/ public string remarksetm_remark = value; public virtual string sortfieldnamegetif(m_sortfieldname = null)m_sortfieldname = id;return m_sortfieldname;setm_sortfieldname = value;%六. 实验结果主页 七心得与体会通过本次关于WEB的设计，学习到了很多，并且把以前学习过的知识重新温习了一遍，例如JavaScript脚本的建立，