计算机课程设计前端设计,网站前端设计课程设计报告书.pdf
下载可编辑
前端技术课程设计报告
海贼王主题
学院：计算机与控制工程学院
班级：
：
学号：
指导教师：
.专业 .整理 .
下载可编辑
一、目的与要求
参考给出 ppt 容进行填写，不可以照抄 ppt 容，做一定的语句上的更改后使用。
(200 字)
目的：运用本学期所学的 HTML、CSS以及 JavaScript 知识，以海贼王这一作品
为主题，设计并实现一个海贼王主题。以海贼王主题为中心进行介绍、分享、交
流等活动。
要求：包含首页，论坛，介绍，分享等五个部分容。 用户可以选择注册成为会员，
也可以仅以非会员身份有限制的浏览。论坛需要实现发帖，查看以及回复功能。
网页数不少于 8 页，结构类似的算一页。整体风格统一，各网页结构完整。
二、主要容
详细描述结构和各部分的详细容、中各网页结构及各部分详细容。所有结构图需
手绘。 (5 页， 500 字)
功能结构图
1. 主页
主体框架由头部， section ，页脚和回到顶部连接组成。 头部包含导航栏、 logo
两部分，导航栏展示主要页面导航和登录功能， 若用户已登录，则显示用户名。
页面框架如下。
.专业 .整理 .
下载可编辑
导航栏
头部内容
Logo
Section 和 iframe 框架
回 到
顶部
页脚版权
2. 首页
首页主要包括海贼王简介和最新动态两个框架。 简介部分包含滚动图片显示和
简介容两部分。最新动态以表的形式展示。页面框架如下。
标题
滚 动 图 简介
片
标题
最新动态
3. 故事介绍
故事介绍页面包含标题和容主体两部分。 容主体显示创作背景和故事介绍两部
分。主体容的两部分都包含标题和主要容两个部分。页面框架如下。
.专业 .整理 .
下载可编辑
标题
story
标题
创作背景
标题
故事介绍
4. 人物介绍
人物介绍有两个相同界面。 每个人物介绍页面包含标题， 人物信息和页码三部
分。人物信息包含一个人物信息表格，表格分为两列，一列展示人物简介， 另
一列展示任务图片。页面框架如下。
标题
人物信息表格
人物简介 人物图片
页码链接
.专业 .整理 .
下载可编辑
5. 图片分享
图片分享包含标题和图片两部分。 图片由九个图片 3*3 排列组成。 页面框架如
下。
标题
图片 图片
计算机课程设计前端设计,网站前端设计课程设计报告书.pdf相关推荐
- 设计资源类网站|日常必逛设计导航
一流导航|16map 内容就比较丰富了,左侧有可以快速移动的菜单栏,分类很详细,包括灵感.教程.工具等等. 比如配色类网站就列举了这么多,而且有对应的简单介绍,这点很人性化.
- # HTML5期末大作业：海贼王影视网站设计——仿京东-海贼王(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 wweb前端期末大作业 网页设计实例 企业网站制作
HTML5期末大作业:海贼王影视网站设计--仿京东-海贼王(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 wweb前端期末大作业 网页设计实例 企业网站制作 常见网页设计作 ...
- 网站建设的交互设计原则是什么
可能很多人都忘了,在互联网发展早期,很多网站的交互设计其实非常简单.往往一个翻页效果.一个简短的动画就能吸引到很多用户.而如今随着互联网的不断更新迭代,技术不断革新,网站交互也得到了很大程度的加强,可 ...
- 电商网站前端架构 学习笔记(全是干货)
1:前端架构的基本知识 1: 前端工程师必须会的一些技能 前端工程师基本技能图.PNG 2: 前端架构基本知识 什么是前端架构? 每个人对每个架构有不同的认识和一些想法.没有一个架构是完美的,只有一个 ...
- 视频教程-Html交互式网站制作视频课程-HTML5/CSS
Html交互式网站制作视频课程 7年Web开发经验,猎曼技术总监,曾任职于青岛民惠网络科技有限公司. 袁龙 ¥16.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 AP ...
- 好全的前端只是体系(前端架构师来找找有木有你想要的) 五
好全的前端只是体系(前端架构师来找找有木有你想要的) 一 好全的前端只是体系(前端架构师来找找有木有你想要的) 二 好全的前端只是体系(前端架构师来找找有木有你想要的) 三 好全的前端只是体系(前端架 ...
- Java计算机毕业设计体育网站前端设计源码+系统+数据库+lw文档
Java计算机毕业设计体育网站前端设计源码+系统+数据库+lw文档 Java计算机毕业设计体育网站前端设计源码+系统+数据库+lw文档 本源码技术栈: 项目架构:B/S架构 开发语言:Java语言 开 ...
- HTML5期末大作业：漫画网站设计——海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例 企业网站制作 计算机毕设网页设计源码
HTML5期末大作业:漫画网站设计--海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例 企业网站制作 计算机毕设网页设计源码 常见网页设计作业题材有 个 ...
- web期末网站设计大作业：鲜花网站设计——鲜花礼品在线购物网站设计(21页) HTML+CSS+JavaScript web前端课程设计 web前端课程设计代码 web课程设计 HTML网页制作
HTML5期末大作业:鲜花网站设计--鲜花礼品在线购物网站设计(21页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设 ...
- HTML5期末大作业：电商购物网站设计——易购电商购物网页设计与实现(31页) 含论文+答辩+PPT 计算机毕设网页设计源码 HTML+CSS+JavaScript web课程设计网页规划与设计...
HTML5期末大作业:电商网站设计--易购电商购物网页设计与实现(31页) 含论文+PPT 学生DW网页设计作业成品 HTML+CSS+JavaScript web课程设计网页规划与设计 计算机毕设网 ...
最新文章
- HashTable, HashMap, LinkedHashMap, ConcurrentHashMap
- 台式无线网卡管理服务器,台式电脑设置wifi上网
- linux系统程序设计
- visual studio 2017发布dotnet core到docker
- 微信小程序request请求动态获取数据
- DM8168 TILER(2)
- 服务器发送消息到客户端互斥,分布式相关/Zookeeper.md · 。W/Java-info - Gitee.com
- 小学三年级计算机室使用计划,小学计算机室工作计划
- 现在的 C 语言仍值得程序员学习吗？
- Android事件总线（四）源码解析otto
- 如何用编程方式实现创建一个页面并替换掉站点首页
- html中加音乐 全部过程,HTML中添加背景音乐
- 软件测试计划和测试方案区别
- python爬虫之图片的懒加载
- 一只兔子帮你理解 kNN
- HIVE修改列顺序中的坑
- win10扬声器红叉_刚装了win10 小扬声器红叉没声音
- matlab工具箱及应用 pdf,matlab工具箱中文.pdf
- IDEA两种方式设置类注释模板
- 无线mesh网络路由协议分类