《网站设计与网页制作》课程设计

《《网站设计与网页制作》课程设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、课程设计报告所在系：电气工程系专业班级：计算机科学与技术2班学号：姓名：指导老师：26目录1.网站的概述---------------------------------42.网站的初期规划------------------------------42.1.网站风格-------------------------------42.2.网站框架和布局---------------------------42.3.网站总体内容模块--------------------------42.4.网站logo设计------------------

2、----------53.工具和技术----------------------------------53.1.工具---------------------------------53.2.技术---------------------------------54.网站实现-----------------------------------54.1.导航模块------------------------------64.1.1.模块设计思路----------------------64.1.2.模块界面截图-------------

3、---------64.1.3.模块实现主要代码--------------------6264.2.轮播器模块-----------------------------74.2.1.模块设计思路----------------------74.2.2.模块界面截图----------------------74.2.3.模块实现主要代码--------------------94.3.内容模块-----------------------------134.3.1.模块设计思路---------------------134.3.2.模块界

4、面截图---------------------134.3.3.模块实现主要代码-------------------165.网站测试与发布------------------------------255.1.网站的测试--------------------------255.2.网站的发布--------------------------266.网站的不足及后续改进-------------------------267.心得体会----------------------------------268.参考文献-----------

5、-----------------------28261.网站的概述本网站为游戏网站，主要以介绍游戏为主。本网站多介绍的游戏为日本型月公司发行的人气手游Fate/GrandOrder，中文名为“命运冠位指定”，目前所拥有服务器日服，国服，台服及美服，国服由哔哩哔哩代理，本网站主要以国服为主。虽是日本开发的游戏，但国服玩家意外的所占比重最多。而本网站主要是以介绍这个游戏为主，提供游戏的玩法、攻略以及游戏下载。网站的形式类似一些游戏的官网，全网页均使用css+div构成，一些特效也是利用css+div完成，并未使用javasprict，由于知识有

6、限，网页制作偏于简便。网站主要由六个html文件组成，这六个版面分别为首页、玩法介绍、fgo世界、英灵信息、迦勒底映像以及关注我们。2.网站的初期规划2.1网站风格网站以介绍游戏的官网类型为主，通过图片，文字，视频以及一些特效体现网站内容。网站主要由三大部分构成，网页头部，网页主体以及网页尾部。网页头部主要是导航链接，网页尾部是一些网页制作信息和logo，网页主体则是网页的主要内容部分。2.2.网站框架和布局本网页的框架主要是网页首部，网页主体，网页尾部的三大块框架，分别存放导航栏，网页内容和制作信息。网页的布局采用图片和文字并用的方式，基本

7、只采用从上而下的一个个大板块，左右的这种布局本网页只在网页尾部使用了，其他部分基本未涉及。2.3.网站总体内容模块网站主要由六个内容模块组成，分别为Fate/Grand26order、玩法介绍、fgo世界、英灵信息、迦勒底映像、关注我们。对应的主要内容分别为首页、游戏的玩法介绍、游戏的世界观、游戏人设、游戏影音以及我们制作组的信息。2.4.网站logo设计网站logo主要在网页底部体现，主要利用ps软件设计而成，然后插入到网页代码中。图片中间的文字代表我们所在的河海大学文天学院，环形边框内的文字为“604制作单位”代表我们小组成员。3.工具和

8、技术3.1.工具主要工具为Deamweaver，photoshop，爱剪辑，美图秀秀，狸窝视频转换器，web服务器，游览器。主要作用分别是代码编译，图片设计，视频处