1、1软 件 学 院实 验 报 告课程名称 Web 程序设计 专 业 计算机网络技术 班 级 网络 10306 学 号 271030608 姓 名 张鑫 2012 年 6 月 5 日2一.实验课题综合利用 Web 应用程序的客户端开发技术(包括HTML、CSS、JavaScript、DOM、DHTML、XML 等)设计一个符合要求的 Web应用程序界面,并在此界面的基础上实现用户交互功能的设计,达到 Web 应用程序可用性和易用性目标。二. 实验目的1.通过综合使用超文本标记语言(HTML) ,javascript 脚本,css 样式表等多种技术设计和制作生动多彩的 web 网页,加深对 HTML
2、 语言,javascript 语言、css 样式语言的掌握,以及对主流网页制作工具如 Macromedia Dreamweaer、Fireworks 等的熟练使用,从而进一步提高从设计网页到制作网页整个过程中的实际操作能力,达到学以致用的教学目的。2.掌握关于静态网页和动态网页的相关知识,熟悉 IIS 的安装过程与配置方法。了解 ASP 网页的编写和 Web 服务器系统基础构架。三. 实验环境1. 硬件:Intel 奔腾 4 处理器,联想显示器.2. 软件:Microsoft Windows XP,3. Microsoft Internet Explorer6.0,4. Windows 自带记
3、事本,5. Macromedia Dreamweaer,Fireworks 等。四. 实验内容1. 配置 IIS。2. 设计及制作静态网页与动态网页。本网站的网页的大部分功能均要求为手写代码。3. 数据库中至少包含一到两个数据库表。 五. 实验步骤1构思网站主题美容美体网站2确定网页版式3运用了 HTML,使用表格,层,框架对网页进行合理布局,应用了必要的 CSS 式样,表单应用,以及 access 数据库,和 javascript 脚本,更重要的是建立了 IIS 充分运用了ASP。通过文字大小疏密进行处理,突出重点,层次分明。网页的版式与主题相呼应,都是以美容美体为中心的,分别以两方面着手,
4、美容类有:美白防晒,彩妆和完美护肤,美体类:舒心瑜伽,瘦腿和看我七十二变。3搜集相关信息通过网络搜集了关于美容,彩妆,护肤,减肥,瘦身,瑜伽等相关信息,在查阅的爱美网,新浪女性网,腾讯女性网查阅相关信息,4设计具体网页内容美容:1、彩妆 2、美白防晒 3、完美护肤美体:1、瘦腿 2、舒心瑜伽 3、看我七十二变美容类:重点是根据所查阅的资料,以及所学习的 WEB 知识进行构造网站,其中运用了HTML,使用表格,层,框架对网页进行合理布局,应用了必要的 CSS 式样,表单应用,以及 access 数据库,和 javascript 脚本,更重要的是建立了 IIS 充分运用了 ASP。5.数据库表6模
5、块代码定义 CSS 样式,也就是网页样式 无标题文档美容 美体如果你还在为身材不好感到苦恼,如果你还在为皮肤较差感到怨天尤人,那么快加入美容美体网站,破茧重生不是梦想!快乐瘦身美丽日志利用 HTML 语言安排控件无标题文档看我七十二变减肥大计纤纤小蛮腰小脸女人塑造美腿甩走蝴蝶袖、现在潮流突袭,越来越多的美女开始了减肥热,骨干才是新时尚的追求。那么今天让我带你们来一场破茧重生吧!没有丑女人只有懒女人写出你的蜕变的美丽日记进入6如果你现在还在为了变美而发愁的话,请打开我们的美容美体网站,请问您想在这繁华的盛夏穿上那心仪已久的超短裙大秀美腿吗?JavaScript 交互功能的实现function g
6、etIE(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“BODY“set a = a.offsetParent7利用 Asp 进行数据库操作的代码/ 名称/ public virtual string title8set m_title = value;getreturn m_title;/ / 注释/ public string remarksetm_remark = value
7、; public virtual string sortfieldnamegetif(m_sortfieldname = null)m_sortfieldname = “id“;return m_sortfieldname;9setm_sortfieldname = value;%六. 实验结果主页 10七心得与体会通过本次关于 WEB 的设计,学习到了很多,并且把以前学习过的知识重新温习了一遍,例如 JavaScript 脚本的建立,关于 html 中 CSS 样式的应用,以及表单,层还有表格的运用,IIS 的建立以及 ASP 的运用,在本次设计中,遇见了很多困难,在翻阅相关教材和利用网络搜索资料的帮助下得到了很好的解决,这次的程序设计让我受益匪浅。11八参考文献1. 吉根林、崔海源 web 程序设计 (第二版) 电子工业出版社 2005.8