数字媒体技术系网站前端设计与开发毕业论文

《数字媒体技术系网站前端设计与开发毕业论文》由会员分享，可在线阅读，更多相关《数字媒体技术系网站前端设计与开发毕业论文（37页珍藏版）》请在文档大全上搜索。

1、本科毕业设计论文题 目: 数字媒体技术系网站前端设计与开发 学 院： 专业班级： 姓 名： 学 号：指导教师： 系 主 任： 学院院长： 二O一三年月日毕业设计 (论文)诚信声明我谨在此保证：本人所写的毕业设计(论文)，凡引用他人的研究成果均已在参考文献或注释中列出。设计(论文)主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。如出现以上违反知识产权的情况，本人愿意承当相应的责任。声明人(签名)：年 月 日摘 要 21世纪是信息高速兴旺的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。随着高校信息化建设的不断推进，网站的作用超越了传统的信息

2、获取，交流它更能表达组织机构的风采，性质。所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。本论文主要围绕数字媒体技术专业的门户网站为开发主题，最根本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然外表看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。分析并解决实现中的假设干技术问题；介绍了个性化页面的背景及jsp + javascript + mysql系统的一般原理；阐述整个个性化页面生成

3、系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现用户注册，用户登录，用户管理等jsp页面。分析并解决实现中的假设干技术问题；建立完整的校园网站，进行测试并分析结果。该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值关键字：JSP；用户登录；javascript；网站美化；交互设计。ABSTRACTThe twenty-first Century is the rapid development of information age, network as the worlds mo

4、st popular and most convenient media are increasingly accepted by people. Along with the information development, website functions beyond the traditional information acquisition, communication which can better reflect the organization style， properties. So universities establish the departments, pr

5、ofessional appearance, easy maintenance and management of the site has been imperative.This thesis mainly focuses on digital media technology major portal for the development of the theme, the three most basic and necessary skills. Development of the front, in the layout of the page, HTML will defin

6、e the elements, positioning CSS to display elements, and then through the JavaScript to achieve the corresponding effect and interaction. Although the surface looks like these are very simple, but it needs to grasp things never. In the development, the need for these concepts clear, understand, so i

7、n the development process will be handy.The main work done in this article is as follows:(1) Introduces the background and general principle of JSP + Javascript + MySQL system personalized pages;(2) Introduces the structure and working principle of the entire personalization page production system;

8、analysis of the particularity, the difficulty and key system;(3) The design and implementation of user registration, user login, user management and other JSP page.(4) Analyze and solve some technical problems in implementation;(5) The establishment of a complete campus site, testing and analysis;Th

9、e site effectively achieve the user through the JSP page access to user registration, login, and carry on effective management to the website content, enhance the effectiveness of the late addition and deletion of information, has a certain application value.Keywords：JSP ; User login; JavaScript; We

10、bsite Landscaping; Interaction Design目 录摘 要ABSTRACT第1章绪论1 选题背景及意义1 国内外高校网站建设状况3 研究内容和拟解决的问题5 本章小结6第2章前端开发工具及相关技术7 前端开发环境7 前端开发工具7 前端开发相关技术82.3.1 Java script 简介82.3.2 Java script 根本特点82.3.3 CSS 简介92.3.4 JQuery 9 本章小结11第3章前端布局分析与设计12 前端总体开发流程及设计12 分层开发12 代码编写12 内部测试与后续优化13 前端UI设计14 模块分布14 颜色配置153.2.3

11、CSS元素16 交互设计与UI18 点，线，面的运用18 点的运用19 线的运用19 网站结构布局及设计20 网站首页结构20 主题鲜明，富有特色21 版式编排布局合理性21 网站前台页面设计23 首页23 系内概况23 系内新闻24 本章小结24第4章主要功能的实现25 界面设计25 具体设计文档25 前台新闻文摘显示25 网站装饰风格26 网站的链接结构26 可视化设计26 具体实现技术26 CSS在数字媒体技术系网站中的应用实例26 应用JavaScript设计网页27 本章小结29第5章 总结 30参考文献31致谢32第1章 绪论1.1 选题背景及意义如今的互联网已经渗透到我们生活的每