班级网站设计报告

来源：网络收集时间：2026-07-16

导读：鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得《课程名称》专周报告题班学姓目班级网站设计级 xxxx 号 xxx 名 xxxx 指导老师 xxxxx 完成时间 2011年6月24日 xxxxxxxxxxxxxxxxxxxxxxxxxxx 鄙人所作的一个班级网站设计报告;包括思路和一些微

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

《课程名称》专周报告

题班学姓

目班级网站设计级 xxxx 号 xxx 名 xxxx

指导老师 xxxxx

完成时间 2011年6月24日

xxxxxxxxxxxxxxxxxxxxxxxxxxx

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

一、专周内容 ............................................................................................... 2

1)开发工具 ................................................................................................................................................. 2 2）设计背景 .............................................................................................................................................. 2 3）关于班级网站 ...................................................................................................................................... 2

二、专周目的 ................................................................................................... 2 三、设计过程 ................................................................................................... 3

1）网站模块 .............................................................................................................................................. 3 2）设计中遇到的问题及解决方法 .......................................................................................................... 3

四、心得体会 ................................................................................................... 5 五、致谢....................................................................................................... 5 六、参考文献 ............................................................................................... 5 七、网页一部分代码 ..................................................................................... 8

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

一、

专周内容

1)开发工具

Addobe公司网页开发软件Dreamweaver 视频制作软件 Flash

网站图片由photoshop制作。

网页预览在Firefox、IE8、360浏览器上通过网页布局以p+css为主，

2）设计背景

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，

它在人们政治、经济、生活等各个方面发挥着重要的作用。人们可以通过Internet与世界各地的其它用户自由地进行通信，可从Internet中获得各种信息。Internet大大缩小了时空界限，通过网络人们可以共享计算机硬件资源、软件资源和信息资源。通过这学期的网页学习和上机实训我们需要的是将自己所学的知识用在具体的网页中。所以本人结合所学专业的内容制作了班级网站，作为专周的成果。

3）关于班级网站

网站名字为蓝色心晴，整个网站的色调定位为不同深浅的蓝色，包括背景、文字以及photoshop制作的图片都是以蓝色为主。整个页面以简洁为主要特色。简洁的蓝色风情给人带来好的心情，让人卸下一天的疲惫。让人在自由随性的环境下做自己爱做的事。给人带来轻松愉快的心情来浏览网页。

二、专周目的

通过一个学期的网页开发课程的学习。我们已经具备咯应用Dreamweaver开发简单网页的能力。而且纸上得来终觉浅。我们需要不断的进行实践才能让知识更加好的在我们的掌握范围之内。设计一个班级网站展示属于我们班的风采也是我们每个同学的心愿。本次专周目的就是完成同学们的心愿制作一个班级网站。让大家合作创新了解网页开发的基本知识且能够独立开发一些基础的网页。至于网站的模块是不强行规定的。

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

三、

设计过程

1）网站模块

班级首页班级新闻班级相册同学录教师朋友登录留言板

2）设计中遇到的问题及解决方法

1）在这次班级网站制作的工程中总想使自己的网页更加丰富多彩，所以在网页中插入图象，动画，动态特效。在布局方面用很多的p盒子定位。原意是想让整个页面布局尽可能的精准结果预览的时候发现页面一团糟。内容重叠现象总是出现。内容排版也总遇到这样那样的问题，后来才发现原来可以是每个盒子设置不一样的长宽高以及绝对定位属性来确保排版的精确。这是网页页面混乱的状况

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

修改后的网页布局

2）还有就是做班级相册的时候，用Flash动画到入Dreamweaver里，结果预览的时候毫无效果。开始不明白后来才知道是在Dreamweaver里先插个层，这样就可以浏览出

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

效果了。

3）还有是有时上传到网页上的图片不显示，原因是它们没有在一个文件夹内。

四、心得体会

终于在自己的摸索以及同学的帮助完成了这个班级网站的制作。但是在制作后期看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。自己开发的网站就报露出很多问题咯。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。五、

致谢

在本次课程设计的整个过程中，要特别感谢自始至终给我提供帮助和指导的杨雅志老师，是他耐心的指导才使得本次设计得以顺得完成，同时，也要感谢我周围同学的不懈努力和互相配合，是他们的鼓励和热心指导让我继续完成我的网页。在此还要特别感谢为我们提供良好上机环境的学校.如果没有以上老师，同学和学校的帮助和支持，本次设计实难完成.再次感谢老师的精心辅导和同学的相互帮助，使我们顺利完成此次设计以及为学习以后的科目打下良好的基础. 六、

参考文献网站截图

Javascript效果大师 Web网页开发10列七、

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

第 6 页

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

第 7 页

鄙人所作的一个班级网站设计报告;包括思路和一些微弱的心得

八、

网页一部分代码

1、网页代码、

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

"http://doc.guandang.net/TR/xhtml1/DTD/xhtml1-transitional.dtd">

班级网站设计报告.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/1705417.html（转载请注明文章来源）

上一篇：青海省西宁市语文六年级下册第一次月考测试卷A卷
下一篇：2012年自考人力资源开发与管理复习资料