网站前端设计课程设计 .pdfVIP

精品文档

网站前端技术课程设计报告

海贼王主题网站

学院：计算机与控制工程学院

班级：

姓名：

学号：

指导教师：

1。

欢迎下载

精品文档

一、目的与要求

参考给出ppt内容进行填写，不可以照抄ppt内容，做一定的语句上的更改后使

用。（200字）

目的：运用本学期所学的HTML、CSS以及JavaScript知识，以海贼王这一作品

为主题，设计并实现一个海贼王主题网站。网站以海贼王主题为中心进行介绍、

分享、交流等活动。

要求：网站包含首页，论坛，介绍，分享等五个部分内容。用户可以选择注册成

为会员，也可以仅以非会员身份有限制的浏览网站。论坛需要实现发帖，查看以

及回复功能。网页数不少于8页，结构类似的算一页。网站整体风格统一，各网

页结构完整。

二、主要内容

详细描述网站结构和各部分的详细内容、网站中各网页结构及各部分详细内容。

所有结构图需手绘。（5页，500字）

功能结构图

1.主页

网站主体框架由头部，section，页脚和回到顶部连接组成。头部包含导航栏、

logo两部分，导航栏展示网站主要页面导航和登录功能，若用户已登录，则

显示用户名。页面框架如下。

2。

欢迎下载

精品文档

导航栏

头部内容Logo

Section和iframe框架

回到

顶部

页脚版权

2.首页

首页主要包括海贼王简介和必威体育精装版动态两个框架。简介部分包含滚动图片显示和

简介内容两部分。必威体育精装版动态以表的形式展示。页面框架如下。

标题

滚动图简介

片

标题

必威体育精装版动态

3.故事介绍

故事介绍页面包含标题和内容主体两部分。内容主体显示创作背景和故事介绍

两部分。主体内容的两部分都包含标题和主要内容两个部分。页面框架如下。

3。

欢迎下载

精品文档

标题

story

标题

创作背景

标题

故事介绍

4.人物介绍

人物介绍有两个相同界面。每个人物介绍页面包含标题，人物信息和页码链接

三部分。人物信息包含一个人物信息表格，表格分为两列，一列展示人物简介，

另一列展示任务图片。页面框架如下。

标题

人物信息表格

人物简介人物图片

页码链接

4。

欢迎下载

精品文档

5.图片分享

图片分享包含标题和图片两部分。图片由九个图片3*3排列组成。页面框架如

下。

标题

图片图片图片

图片图片图片