网页设计实训报告-4

网站开发实训报告报告人：10计1班20号朱桂霞一、题目：班级网站的开发二、开发环境及工具是在WindowsXP的开发环境下设计和完成的，用到了AdobeDreamweaverCS5、可牛图片处理工具等等三、网站的规划我所做的是班级网站，只要包括了班级介绍、班级通讯录、班级相册、班级活动以及生活贴士等六个大方面，该网站主要的色彩是淡淡的天蓝色和柔和的淡紫色，是给人一种宁静但却不缺失青春朝气的感觉。做这个网站的规划之前我参考了“猛龙过江的班级网站”以及我们学校的各个网站。也引用到了校园网里的部分资料。整个网站用到了超链接、表单、滚动文字、滚动图片以及JAVA的部分知识等。网站的草图大概内容如下：班级主页班级相册班级主页班级相册班级介绍生活贴士班级通讯录班级活动科任老师班级描述专业介绍班委成员励志美文相册1相册2相册3相册4活动1活动2活动3活动4生活妙招娱乐专区就业政策各成员的联系方式………….…………………四、网站栏目介绍4.1首页首页下属有班级介绍，班级相册，班级活动，班级通讯录，生活贴士五个子页面。同时首页面里包括了班级新闻，留言板，对班级网站的评价，幻灯片播放和用滚动文字的通告栏。其中班级新闻的部分中也包括有七条班级新闻，也就是说在班级新闻下还有七个子页面。首页的内容基本上包含了一个班级上的大范围的事情，文字和图片的恰当结合，会让内容更丰富充实。首页的截图如下：4.2班级介绍（栏目1）在班级介绍这一栏目中包括了科任老师，班委成员，班级描述，专业介绍，励志美文五个大的内容，其中班级描述，专业介绍，励志美文部分里面还有下一级的超链接栏目。励志美文中还包括有四篇美文。在这一页中，对班级进行了详细的介绍，也友情链接了励志美文，增加网页的可读性。班级介绍的这一页截图如下：4.3班级相册（栏目2）在班级相册这一栏目中包括了四大部分，分别是相册一（第一次秋游）、相册二（春游的记忆）、相册三（公益活动，我们的写真）、相册四（广播操比赛精彩回放）。在这四部分里还各自有着子页面，子页面里就是对应相册的照片。该网页的色调主要是活泼开朗的，所以在选图片时我选择了比较有活力的那种。该页的截图如下：4.3班级活动（栏目3）该页面包括了四部分，分别是几次的班级活动，有春游的，秋游，广播操，公益活动的，其中也附有照片。4.4班级通讯录（栏目4）该页面做得比较简单，有每个同学的电话号码和QQ号码，在名字前有个人的头像，截图如下：4.5生活贴士（栏目4）该页面包含的内容比较丰富，涉及到的有“生活贴士，给你妙招”、“娱乐专区，笑笑更健康”、“

就业相关政策”三大部分，每一部分还有具体的子页面，生活常识，给你妙招这一部分只要是一些在日常生活中要用到挺多的小常识，符合我们学生的需要。娱乐专区，笑笑更健康这部分只要是收集了一些幽默搞笑但又富有哲理的笑话，可以给我们适当的放松一下。而相关的就业政策，对我们在校生而言也是需要多加关注，我觉得这些内容对我们都是挺有意义的。该页面的截图如下：五、总结和体会经过这一次的实训，让我对书本所学的知识能进一步地熟悉和巩固，在巩固旧知识的同时，也能学到新知识，特别是通过和同学、老师的交流以及参观别人做得好的网站，让自己知道要如何去设计网页的内容和排版配色等。在实训的过程中也遇到了一些问题，比如说看到别人的网站做得很好，但是自己却做不出这样的效果，虽然可以通过上网查询，但是也还是不太明白，只能硬搬代码。同时也发现自己在Java方面掌握的知识还是很少，希