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

PAGE PAGE 1 软 件 学 院 实 验 报 告 课程名称 Web程序设计 专 业 计算机网络技术 班 级 网络10306 学 号 姓 名 张鑫 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 服务器系统基础构架。 三. 实验环境 硬件:Intel 奔腾4处理器,联想显示器. 软件:Microsoft Windows XP, Microsoft Internet Explorer6.0, Windows自带记事本， Macromedia Dreamweaer,Fireworks等。 四. 实验内容 配置IIS。 设计及制作静态网页与动态网页。本网站的网页的大部分功能均要求为手写代码。 数据库中至少包含一到两个数据库表。 五. 实验步骤 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样式，也就是网页样式 head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title style type=text/css !-- .STYLE2 { font-size: 80px; color: #9900CC; font-family: 幼圆; } body { background-image: url(../53160-296.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; } /style /head body div align=center p class=STYLE2美容 美体/p bgsound src=/data2/music//.mp3?xcode=621fb62c3a /div form action= method=post name=form1 class=STYLE4 id=form1 如果你还在为身材不好感到苦恼，如果你还在为皮肤较差感到怨天尤人，那么快加入美容美体网站，破茧重生不是梦想！ /form pnbsp;/p