web期末设计大作业经典作品.docxVIP

网站开发技术课程设计报告题目：兄弟依旧专业：班级：学号：姓名：老师：成绩：_____________________一、网站设计要求站点题目：自定具体内容自行设计；具体要求：按照Fireworks作效果图—〉切图—〉页面布局的过程进行；须提交完整的Fireworks页面效果图；必须用CSS+DIV页面布局；页面中必须包含JavaScript编程；页面中必须包含Flash动画（须提交Flash源文件.fla）；二、信息等相关素材收集基于设计网站的的要求，其内所包含的图片与文字信息皆来自互联网。并且其选材比较贴合电影说体现的主题，再加上其内的色彩调用，很会让人为之动容并有一种身临其境的感觉。个人网站的总体规划和步骤1、设计的目的 又一年毕业季，又是一个让彼此动容的季节，在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。还有此刻的美丽,以及无限的未来向往。2、设计布局在网站的右上角有一个音乐播放器，重复播放着BEYONGD的代表作（光辉岁月），在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。写满了对大学四年的怀念图片。网站的左上角用flash制作的一个标题，并在其下方有一个用户登录栏，主要是为了方便用户对网页进行操作。最后一个网站的右下角是主题介绍的大学毕业的微电影链接。 3、网站具体设计过程 首先选定本网页制作工具是网页三剑客：Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3 再次设计核心内容，页面采用CSS+DIV布局，最外层DIV为框架，其内，右上角为一embed标签，在页面中嵌入一音乐文档，接着在其下方用javascript编写并用DIV设置其图片表现形式。且左上角DIV插入一Flash主题动画，然后下方插入一DIV，用来说明用户登录、注册等问题。最后也是网站主题所在，用以DIV设置自己一个大二生对毕业以及兄弟的感言，并用标签a超链接一网站，我所喜欢的一部微电影。 四、代码设计编写源代码embed src=music/BEYONGD -光辉岁月.mp3 width=300 height=45type=audio/mpeg loop=true autostart=true volume=0 align=right /embed向网页中添加一个音乐播放器，其中定义音乐播放器属性为宽300，高45，自动循环播放音乐。下面添加 div布局，在div中再嵌套div实现页面的大概布局，在利用css对页面内的内容进行具体的布局。在每个div中添加代码。objectclassid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 width=385 height=86 param name=movie value=#26410;#21629;#21517;-1.swf / param name=quality value=high / embed src=#26410;#21629;#21517;-1.swf quality=high pluginspage=/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash width=385 height=86/embed /object这是在首个嵌套的div中添加一个flash动画。div id=top_1 form name=form1 method=post action= label帐号： input name=帐号 type=text value= maxlength=15 / /labelbrbr label密码： input name=密码 type=password maxlength=15 / br input name=登陆 type=button value=登陆 /br input name=记住密码 type=checkbox value=记住密码 / /label span class=STYLE3记住密码/spanbr input name=自动登录 type=checkbox value=自动登录 / span class=STYLE3自动登录/spanbr input name=注册帐号 type=checkbox value=注册帐号 / span