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

《《网站设计与网页制作》课程设计》由会员分享，可在线阅读，更多相关《《网站设计与网页制作》课程设计（27页珍藏版）》请在毕设资料网上搜索。

1、 1 课程设计课程设计报告报告 所所 在在 系系： 电气工程系电气工程系 专业班级：专业班级： 计算机科学与技术计算机科学与技术 2 2 班班 学学 号：号： 姓姓 名：名： 指导老师：指导老师： 20201 17 7 年年 4 4 月月 1 目录 1.1.网站的概述网站的概述-4 2.2.网站的初期规划网站的初期规划-4 2.1.网站风格-4 2.2.网站框架和布局-4 2.3.网站总体内容模块-4 2.4.网站 logo 设计-5 3.3.工具和技术工具和技术-5 3.1.工具-5 3.2.技术-5 4.4.网站实现网站实现-5 4.1.导航模块-6 4.1.1.模块设计思路-6 4.1.

2、2.模块界面截图-6 4.1.3.模块实现主要代码-6 2 4.2.轮播器模块-7 4.2.1.模块设计思路-7 4.2.2.模块界面截图-7 4.2.3.模块实现主要代码-9 4.3.内容模块-13 4.3.1.模块设计思路-13 4.3.2.模块界面截图-13 4.3.3.模块实现主要代码-16 5.5.网站测试与发布网站测试与发布-25 5.1.网站的测试-25 5.2.网站的发布-26 6.6.网站的不足及后续改进网站的不足及后续改进-26 7.7.心得体会心得体会-26 8.8.参考文献参考文献-28 3 1.1. 网站的概述网站的概述 本网站为游戏网站，主要以介绍游戏为主。本网站多

3、介绍的游戏为日本型月 公司发行的人气手游 Fate/Grand Order，中文名为“命运冠位指定” ，目前所拥 有服务器日服，国服，台服及美服，国服由哔哩哔哩代理，本网站主要以国服为 主。虽是日本开发的游戏，但国服玩家意外的所占比重最多。 而本网站主要是以介绍这个游戏为主， 提供游戏的玩法、 攻略以及游戏下载。 网站的形式类似一些游戏的官网，全网页均使用 css+div 构成，一些特效也是利 用 css+div 完成，并未使用 javasprict，由于知识有限，网页制作偏于简便。 网站主要由六个 html 文件组成，这六个版面分别为首页、玩法介绍、fgo 世界、英灵信息、迦勒底映像以及关注我们。 2.2. 网站的初期规划网站的初期规划 2.12.1 网站风格网站风格 网站以介绍游戏的官网类型为主，通过图片，文字，视频以及一些特效体现 网站内容。网站主要由三大部分构成，网页头部，网页主体以及网页尾部。网页 头部主要是导航链接，网页尾部是一些网页制作信息和 logo，网页主体则是网 页的主要内容部分。 2.2.2.2.网站框架和布局网站框架和布局 本网页的框架主要是网页首部，网页主体，网页尾部的三大块框架，分别存 放导航栏，网页内容和制作信息。 网页的布局采用图片和文字并用的方式，