[实习总结]报告书.docVIP

第1章 概述 选题的意义 主题 随着社会的发展及知识经济时代的到来，网络已经走进千家万户，人们通过网络了解世界，也就是这样，各种不同的网站，进入到人们的视野当中。不同的网页使现代的人们了解缤纷的社会，实现了足不出户就可以理解社会，知道世界的大事小情。 本网站是香水网站的设计，其目的是能使消费者对香水的品牌有进一步的了解。包括：价格、外观等，同时可以方便他们足不出户就可以购买到自己想要的品牌，节省时间。 2.选题的意义 通过这次网页的课程设计，可以培养独立思考的能力，能更好的巩固《网站设计与建设》课程学习的内容，提高逻辑思维能力，通过实践，让学生明白理论与实践相结合的重要性，增强学生解决问题的能力。 通过《网站设计与建设》课程学习，使学生了解dreamweaver这款软件的性能，掌握基本的dreamweaver技巧，掌握用计算机设计网页和构建网站的能力，具备初步的dreamweaver操作能力。为后续的学习和毕业设计打下坚实的基础。 第2章 系统分析 2.1 技术分析 目前社会上网络发展飞快，网站建设技术也有了很大的发展。本网站完全独立开发，力求功能简明，它适应了时代的发展，满足了现代人的需要，具有实用价值。 从技术角度分析，该网站设计的开发工具选用dreamweaver, flash，photoshop，fireworks等。 2.2 功能分析 图2-1 功能介绍 第3章 总体设计与详细设计 3.1 总体结构设计 图3-1 系统总体结构图 网站目录结构设计 在我的电脑E盘上建立一个名为KCSJ的站点，网站的根目录中包含了css、image、picture的文件夹作为子目录，在css文件夹中存放网页中用到的css样式，在image中存放网页设计中用到的flash动画，而在picture中存放网页设计中用到的图片。在根目录下还包含名为index1.html的网页为首页，同时还包含其他用到的网页，结构图如下： 图3-2 根目录 详细设计 1.首页 在首页中可以让消费者预览到各种品牌香水的外观，价格,产品介绍，由于香水品牌多，所以我选择用页内框架的方法使得各种香水的样式清晰简明的呈现给消费者(如图3-3)。首页中的这些功能使用文字的光投影效果、不断变色的字、震颤的字等特效实现的。 （1）文字的光投影效果 在首页中“宝贝分类”四个字具有光的投影效果，将鼠标放在文字上出现光投影的效果，而且光源随鼠标移动(如图3-4)。 投影代码如下： div id=myLightObject style=position: relative; height:40px; width:300px; top: 10px; left: 1px; color: White; filter: light div align=center class=STYLE9span class=STYLE10 STYLE6宝贝分类/span /div/div （2）不断变色的文字 首页的版权处“copyright @ 2008-2012”应用了变色的文字效果，漂亮而且容易吸引访客的注意（如图3-5）。 变色文字的代码如下： SCRIPT language=JavaScript1.2 !-- Begin function initArray() { this.length = initArray.arguments.length; for (var i = 0; i this.length; i++) { this[i] = initArray.arguments[i]; } } var ctext = copyright @ 2008-2012; var speed = 2000; var x = 0; var color = new initArray( #ffff00, #ff0000, #ff00ff, #0000ff, #ffffff, #000000, #00ff00, #00ffff, #ff0ff0 ); if(navigator.appName == Netscape) { document.write(layer id=ccenter+ctext+/center/layerbr); } if (navigator.appVersion.indexOf(MSIE) != -1){ document.write(div id=ccenterb+ctext+/b/center/div); } function chcolor(){ if(navigator.appName == Netscape) { document.c.document.write(centerfont color=+color[x]); document.c.d