班级主页设计实验报告.doc

1WEB动态网页设计实验报告学院:计算机科学与技术学院专业:网络工程姓名:寿夏辉学号:2010212112指导老师:代宇2目录设计背景..................................................................................................................................3设计题目..................................................................................................................................3网站内容介绍....................................................................................................................3技术分析..................................................................................................................................4主要制作过程....................................................................................................................6运行效果...............................................................................................................................16心得体会...............................................................................................................................183一、飞速发展的今天,我们每个人都离不开网络,离不开它带给人们的便捷的信息服务。的受益者,身为大学生,我们发现同学之间的交流变少了,大家更多的时间愿意宅在寝室,很少参加班级活动。所以,我和周洪瑶决定建设一个班级主页,建设一个属于班级的小家庭,希望这个网站能带给同学家的感觉,带给同学们即时的信息,同时增进同学之间的交流。同时,我希望通过这次课程设计熟练掌握Photoshop,Dreamweaver软件的使用以及动态脚本语言的运用。二、设计题目《重庆邮电大学10级0431003班级主页》三、网站内容介绍选定题目后,我们决定展开需求分析。通过查阅资料和实际调查,我们了解到同学们对网站中想获得的信息。于是,我们决定建设一个可行性较高的网站,我们设置了登录权限,它只能允许注册了班级账户的同学登录班级网站,登录成功后就进入了班级主页。班级主页主要提供了班级新闻、班级相册、科技赛事、班级留言等信息以及管理后台等交互界面的链接。该4网站的整体结构如下图:四、,可以选择插入布局对象层,然后在新建的层中添加文本信息。,不能编辑艺术字,所以当我们需要在图片中插入一些色彩鲜艳的艺术字体时,可以使用Photoshop工具,在图片中添加文本;同时,Photoshop中有许多渐变图片,可以制作美观的艺术图片;由于涉及班级主页需要大量的图片素材,网上下载的图片并不一定能满足网站的需求,所0431003班级主页页面文本页脚链接导航网页logo班级主页班级新闻班级相册班级留言联系我们开发团队同学录留言板友情链接就业星空考研专栏科技赛事最新相册管理入口关于我们5以用Photoshop进行图片的裁切、仿制图章等。,即鼠标经过导航条时呈现不同的图片时,我们可以在Dreamweaver软件中插入图像对象鼠标经过图像,然后在原始图像和鼠标经过图像中插入不同的图像文件就可以实现动态的导航条。,使用不同的脚本语言链接。。。、外部链接以及链接样式实现内网和外网的