网站前端设计课程设计报告书

下载可编辑.专业 .整理 . 前端技术课程设计报告海贼王主题学院：计算机与控制工程学院班级：：学号：指导教师：下载可编辑.专业 .整理 . 一、目的与要求参考给出 ppt 容进行填写，不可以照抄ppt 容，做一定的语句上的更改后使用。（200 字）目的：运用本学期所学的HTML、CSS以及 JavaScript知识，以海贼王这一作品为主题，设计并实现一个海贼王主题。以海贼王主题为中心进行介绍、分享、交流等活动。要求：包含首页，论坛，介绍，分享等五个部分容。 用户可以选择注册成为会员，也可以仅以非会员身份有限制的浏览。论坛需要实现发帖，查看以及回复功能。网页数不少于 8 页，结构类似的算一页。整体风格统一，各网页结构完整。二、主要容详细描述结构和各部分的详细容、中各网页结构及各部分详细容。所有结构图需手绘。（5 页，500 字）功能结构图1. 主页主体框架由头部， section ，页脚和回到顶部连接组成。 头部包含导航栏、 logo两部分，导航栏展示主要页面导航和登录功能， 若用户已登录，则显示用户名。页面框架如下。下载可编辑.专业 .整理 . 2. 首页首页主要包括海贼王简介和最新动态两个框架。简介部分包含滚动图片显示和简介容两部分。最新动态以表的形式展示。页面框架如下。3. 故事介绍故事介绍页面包含标题和容主体两部分。 容主体显示创作背景和故事介绍两部分。主体容的两部分都包含标题和主要容两个部分。页面框架如下。头部内容页脚版权最新动态滚 动 图片简介导航栏回 到顶部Section和 iframe 框架标题标题Logo 下载可编辑.专业 .整理 . 4. 人物介绍人物介绍有两个相同界面。 每个人物介绍页面包含标题， 人物信息和页码三部分。人物信息包含一个人物信息表格，表格分为两列，一列展示人物简介，另一列展示任务图片。页面框架如下。标题标题story 创作背景故事介绍标题标题人物信息表格人物简介人物图片页码链接下载可编辑.专业 .整理 . 5. 图片分享图片分享包含标题和图片两部分。图片由九个图片3*3 排列组成。页面框架如下。6. 海贼吧海贼吧包含所有帖子、 我的帖子和发帖三个部分。 初始状态下显示所有帖子页面。7. 所有帖子所有帖子页面包含导航和容两部分。容部分以表格形式展示所有帖子。页面框架如下。8. 我的帖子我的帖子页面包含导航栏和容两部分。 容部分以表格形式展示当前用户发过的标题图片图片图片图片图片图片图片图片图片导航内容下载可编辑.专业 .整理 ....