网页设计综合性实验报告

PAGE1-本科学生综合性、设计性实验报告学号114100330姓名普长贵学院信息学院专业教育技术学班级11D实验课程名称网页设计指导教师及职称刘平（副教授）开课学期2012学期至2013学年下学期上课时间2013年3月4日云南师范大学教务处编印网站名称：洛杉矶快船日期：20年6月16日~6月28日小组合作：是○否○小组成员：1、网站的类型与定位：（是什么类型的网站，将要解决什么问题？）我的网站属于体育竞技累网站。我做这个网站，在于介绍洛杉矶快船对，介绍球队的历史，球员及单赛季的赛程，通过新闻及简介，使热爱篮球的人了解球队的精彩，体验篮球竞技的精彩。2、设计目的：（主要发布什么信息，为用户提供什么信息服务，能起到什么作用？）洛杉矶快船这个网站，主要发布的是洛杉矶快船的简介，历史，球员，赛程，近期的比赛情况，及近期新闻，赛季球员的得分榜。为用户提供了精彩的视频集锦，球队的全家福，球队新闻，球队的成长历史，现役球员的相关信息，及赛季的赛程等内容，便于客户查看了解。这样布局，设计内容首先通过视频吸引喜欢热爱篮球的客户，然后进一步为之提供各类有关快船的信息，达到介绍球队，呈现球队的没的效果。3、阐述站点的主要页面及其内容：洛杉矶快船网站包含球队主页；球队历史；球队成员；球队赛程；搜索几个页面球队的主页包括：球队的简介；球队的精彩视频，球队的近期新闻；球队的近期比赛情况；球队的得分榜，及全家福等内容呈现给客户；球队的历史：介绍球队从1970加入NBA以来的球队队徽比赛的战况，篮球明星及主教练。球队的成员：本页面主要介绍的现役于快船的球员的10位球星图及其中文信息，球龄，及相关的身份背景。球队的赛程：介绍的是2012-2013赛季快船的赛程，包括时间，比赛对手，本场比赛的得分，篮板，助攻等最高的数据，为对手了解每场比赛做最好的准备。4、网站功能设计方案：（图示网站的各个功能模块，并表示之间的联系）导航栏：导航栏的主要功能在于连接主页与球队历史，球队成员，球队赛程等几个次网页之间的关系，可以通过导航栏在四个网页页面之间相互转换，来哦姐不同的内容；球队简介：主要在于介绍球队的现有状况，点击头可与球队历史连接，了解球队的历史球队的精彩：主要在于为客户观看球队的精彩表演，增加网页的动感；近期的新闻：目的在于呈现区队最新的新闻，点击与网络连接，可查看相关的内容近期赛况：介绍最近的一场比赛的比赛结果过球队得分榜：呈现赛季球员的表现成绩，表现出不同球员在球队内的不同作用一、网站（或站点）设计方案球队历史球队成员球队赛程球队历史球队成员球队赛程导航如下：球队主页球队导航栏球队简介球队主页球队导航栏球队简介球队精彩集锦球队近期新闻；近期赛况球队得分榜个人档自我介绍6、网站结构设计方案：（用Dreamweaver站点结构示意图表示，适当文字说明）网页头网页头球队主页球队历史球队成员球队赛程球队主页球队历史球队成员球队赛程赛季得分榜赛季得分榜近期赛况球队集锦版权所有近期新闻球队简介球队全家福7、制作技术：（包括：网页及图、文、声、像、动画等媒体素材的制作技术）网页开发软件（dreamweaverCS5）（网页div布局CSS样式排版模板创建网页浮动框架网页布局等技术手段）图片处理软件（photoshopCS5）动画处理软件（flashCS4）视频编辑软件（premiereCS4）8、主要参考文献：网页设计基础与实训清华大学出版社吴代文著网页编程基础XHTML,CSS,JAVASCRIPT指导老师意见：指导老师：年月日二、设计与制作的多媒体课件作品分析报告1、网页设计与制作所需的设备与软件，以及站点和网页的运行环境：所需设备：电脑一台，网页开发软件（dreamweaverCS5）图片处理软件（photoshopCS5）动画处理软件（flashCS4）视频编辑软件（premiereCS4）运行环境：IE浏览器网站的功能结构：（用框图表示，包括：主页、导航栏、栏目页、交互内容等模版球队得分榜球队集锦近期赛况版权球队简介近期新闻全家福球队主页球队历史球队成员球队赛程主题球队得分榜球队集锦近期赛况版权球队简介近期新闻全家福球队主页球队历史球队成员球队赛程主题3、网站主要页面结构：4、设计总结1）、本网站（网页）设计成败之处及其原因分析：我的网站设计有不足之处，首先我的配色上不太合理，其二就是运用了层的布局，没有合理的对网页进行精确的定位等。2）、本设计中的关键环节及改进措施：=1\*GB3①做好本网站（网页）设计需要把握的关键环节：我认为做好该网站的关键有首先是布局和导航的设计，其次是对网站的定位，本网站需要什么元素和呈现形式等等。=2\*GB3②若重新本网站（网页）设计，应如何改进设计方案：首先将我的模板的排版改为Div排版，其次从新进行布局使之布局更美观，在进行颜色的修订，多参照优秀网站的配色方法从新配色。我会通过PS处理每张在网站上用得到的图片，把图片的格式大小处理使之网页加载的时候更快。内容还很少，我会在其中的网页上在添加一些内容。望老师扶正指点。3）、对本网站（网页）设计的自我评价：通过做一个