网页设计报告

  • 格式:docx
  • 大小:61.01 KB
  • 文档页数:6

下载文档原格式

  / 6
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

课程设计报告

2017-2018学年度第二学期

题目: _______ 影视网站 ________

姓名: _____________________

班级: ____________

系部: _______ 计算机学院 _________

指导教师: _______________________

日期:2018 年2 月26 日

、综述:

、系统设计: 目录

(3)

1. 系统目标 . (3)

2. 系统功能结构 . (3)

3. 开发环境 . (4)

三、开发实现 (4)

1. 导航栏 . (4)

2. ............................................................................................ jQuery 滑动门效果 6

3. JavaSceipt实现电影图片不间断滚动 (7)

4. 总体效果 . (8)

四、总结: (8)

五、参考文献 (9)

[ 摘要 ]

JavaScript 是 Web页面中的一种脚本编程语言,也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译,而是直接嵌入在 HTML页面中,

把静态页面转变成支持用户交互并响应事件的动态页面。本次网页设计采用JS和CSS来实现,使得网页样式多样、美观,用户有良好的体验。

[ 关键词 ]

JavaScript 、样式多样、动态页面

一、综述:

对于网站而言,一个好的网页会给人留下深刻的印象,那样才会提高网站的知名度才会增加点击率。并且,网站的内容越接近人群,接近生活,就越能惹人注意。如果通过网站管理系统工作,

就可以拓开以前传统的宣传思路,用户可以通过上网就能达到找到所需要材料的目的,并且可以给管理员留言以反馈意见。于此同时,作为网站的开发者,与用户进行沟通也是相当重要的。

需求分析活动其实本来就是一个和客户交流,正确引导客户能够将自己的实际需求用较为适当的技术语言进行表达(或者由相关技术人员帮助表达)以明确项目目的的过程。这个过程中也同时包含了对要建立的网站基本功能和模块的确立和策划活动。

在整个需求分析的过程中,将按照一定规范的编写需求分析的相关文档不但可以帮助成员将需求分析结果更加明确化,也为以后开发过程中做到了现实文本形式的备忘,并且有助于主管人员的日后的开发项目提供有益的借鉴和模范,成为项目开发中积累的符合自身特点的经验财富。通过市场调研活动,清晰的分析相似网站的性能和运行情况。可以帮助项目负责人更加清楚的构想出自己开发的网站的大体架构和模样,在总结同类网站优势和缺点的

同时项目开发人员可以博采众长开发出更加优秀的网站。

二、系统设计:

1. 系统目标结合实际情况及时对用户需求分析, 365 影视网应该具有以下特点:操作简单方便、界面简洁美观。

能够全面展示影片分类及影片详细信息。浏览速度快,避免长时间打不开页面的情况发生。

影片图片清楚、文字醒目。

系统运行稳定、安全可靠。

易维护,并提供二次开发支持。

2. 系统功能结构

365 影视网的系统结构

3. 开发环境 在开发365影视网时,该项目使用的软件开发环境:

操作系统:Win dows7。

PHP 运行环境:phpStudy20161103。

jQuery 版本:jquery-1.6.1.min.js

开发工具:Dreamweaver CS6。

浏览器:IE 8.0。

三、开发实现

1.导航栏

视图

首媒 嚴情片

劝折片 科幻片 恐悔片 崔情古別 古典拦悄 諏勺疑情 具体代码

c J

A

片 戌 If

c 葩片:

1

1

丄丄 枉 线 J1 观

科幻片]

首页

onMouseOver="showadv('a1','a1color','a1bg')"> 爱 情 片

onMouseOver="showadv('a2','a2color','a2bg')"> 动作片

onMouseOver="showadv('a3','a3color','a3bg')"> 科幻片

onMouseOver="showadv('a4','a4color','a4bg')"> 恐怖片

欢迎来到 365 影视网

width="100%" border="0">

width="100%" border="0">

width="100%" border="0">