WEB前端页面设计毕业论文设计模板
毕业论文(基于div+css的Tasty美食网站的界面设计)【范本模板】
毕业论文（设计）题目基于DIV+CSS的美食网站界面设计指导老师＊***＊专业班级 **＊*＊＊*姓名 *＊＊学号＊*＊*＊＊＊＊* 2014 年05 月30 日摘要：美食，贵的有山珍海味，便宜的有街边小吃。
美食是不分贵贱的，只要是自己喜欢的，就可以称之为美食.吃前有期待、吃后有回味的东西。
美食遭遇心情的时候,美食已不仅仅是简单的味觉感受，更是一种精神享受。
美食还体现人类的文明与进步。
本网站以美食作为窗口，让海内外观众领略中华饮食之美，进而感知中国的文化传统和社会变迁。
本文的主要内容集中在：对网站界面制作过程的详细描述，对div+css布局进行讨论，并对网站开发过程中使用的开发工具和技术做了简要的介绍。
关键词：网页设计;div+css；Dreamweaver；美食网站目录引言 01市场调研 01.1 网站开发背景和需求 01。
2 同类型网站的分析 (1)2 文献检索 (2)2。
1 css样式编写规则 (2)2。
2 div+css布局方式 (3)2。
3 JavaScript编写规则 (4)2。
4 网站配色方案 (4)3 设计实践 (4)3。
1 设计立意 (4)3.2 创作过程 (5)3.2.1美食网站类主题与版面的分析 (6)3.2。
2美食网站效果图的设计与制作 (7)3。
2。
3界面元素的制作过程 (8)3。
2.4首页界面的制作过程 (9)3。
2。
5简介界面的制作过程 (13)3.2.6中式美食界面的制作过程 (13)3.2。
7相册界面的制作过程 (14)3。
2。
8西式美食界面的制作过程 (16)3.2。
9联系我们界面的制作过程 (17)3.3 制作中遇到的问题和解决方法 (19)4 网站的测试 (19)结论 (21)致谢 (22)参考文献 (23)引言随着信息时代的来临，IT行业已经成为现今最受关注的行业之一，它发展飞速且在全球范围内广泛、普及应用,人类的生活因此有了革命性的变化。
同时，网络技术的发展也取得了卓越的成就，为网站开发、界面设计等奠定了坚实的基础。
网页设计毕业论文(标准格式,下载就能用!)
石----------------院顶岗实习岗位技术工作论文网页设计毕业论文学号:----------------姓名: -----------专业: 软件技术年级: 12级企业指导老师: -----二〇一五年三月题目网页设计毕业论文企业指导教师评语指导教师(签章)年月日摘要计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大，尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，由于以上的优势，各类如雨后春笋般的出现，产品公司也不例外。
毕业设计使用了Photoshop、Dreamweaver、div+css制作了产品企业的界面。
论文阐述了产品的设计制作过程，主要包括市场调研、献检索、设计实践、设计自评四个部分，其中市场调研主要是通过调研知产品了解蜂产品建站的特点和优缺点、文献检索主要介绍设计所使用的Photoshop、Dreamweaver、div+css三个主要软件、设计实践主要具体介绍了产品建站具体步骤和设计思路、设计自评主要总结设计作品后的心得体会。
关键词：网上产品销售；网页设计；企业网页；Dreamweaver目录摘要 (1)1.文献检索 (6)1.1网页制作软件Dreamweaver (6)1.2Div+css简介 (6)1.3平面设计软件Photoshop (7)2.设计实践 (8)2.1 设计立意 (9)2.2结构规划 (10)2.3 网页详细设计 (11)2.2.1 首页设计与制作 (12)2.2.2 公司新闻页制作 (15)2.2.3 新闻详情页制作 (15)2.2.4 产品展示页制作 (15)2.2.5 产品展示详情页制作 (15)2.2.6 关于我们页制作 (15)2.2.7 联系我们页制作 (16)2.4 创作总结 (16)3. 设计自评 (17)致 (18)参考文献 (19)引言当今世界已进入信息时代，Internet成为21世纪最受关注的焦点之一,它的飞速发展和在全球围的普及应用正在给人类生活带来革命性变化。
web前端课程设计简单论文
web前端课程设计简单论文一、教学目标本课程旨在通过学习web前端相关知识，使学生掌握HTML、CSS和JavaScript的基本语法和应用技巧，能够独立完成简单的网页设计和开发。
1.理解并掌握HTML的基本结构和常用标签；2.熟悉CSS的基本语法和常用选择器，能够进行基本的页面布局和样式设计；3.理解并掌握JavaScript的基本语法和常用函数，能够进行简单的交互设计和效果实现。
4.能够使用HTML编写简单的页面结构；5.能够使用CSS进行基本的页面布局和样式设计；6.能够使用JavaScript进行简单的交互设计和效果实现；7.能够使用至少一种网页编辑工具进行网页开发。
情感态度价值观目标：1.培养学生对计算机科学和网络技术的兴趣和热情；2.培养学生独立思考、解决问题的能力；3.培养学生团队协作、沟通交流的能力。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
1.HTML：介绍HTML的基本结构和常用标签，如标题、段落、列表、链接等，以及表单和的使用。
2.CSS：介绍CSS的基本语法和常用选择器，如标签选择器、类选择器和ID选择器，以及伪类和伪元素的使用。
此外，还将介绍盒模型、浮动和定位等基本的页面布局方法。
3.JavaScript：介绍JavaScript的基本语法和常用函数，如字符串、数学运算、条件语句和循环语句等，以及事件处理和DOM操作。
三、教学方法本课程将采用讲授法、案例分析法和实验法等多种教学方法。
1.讲授法：通过讲解和演示，使学生掌握HTML、CSS和JavaScript的基本语法和应用技巧。
2.案例分析法：通过分析实际案例，使学生了解并掌握网页设计和开发的方法和技巧。
3.实验法：通过上机实验，使学生亲自编写代码并进行调试，巩固所学的知识和技能。
四、教学资源本课程的教学资源包括教材、多媒体资料和实验设备。
1.教材：选用市面上主流的web前端教材，如《HTML+CSS+JavaScript网页设计》。
web课程设计论文模板
web课程设计论文模板一、教学目标本课程的教学目标是使学生掌握Web设计的基本原理和技能，能够独立完成简单的Web页面设计。
具体分为以下三个部分：1.知识目标：学生需要了解Web设计的基本概念、HTML、CSS和JavaScript的基本语法和用法，掌握Web页面布局和设计的原理和方法。
2.技能目标：学生能够熟练使用HTML、CSS和JavaScript编写和设计Web页面，掌握常用的Web设计工具和框架，如Dreamweaver、Bootstrap等。
3.情感态度价值观目标：培养学生对Web设计的兴趣和热情，提高他们的创新能力和团队协作能力，使他们能够积极地参与到Web设计中来。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
具体安排如下：1.HTML：介绍HTML的基本标签和属性，如头部、正文、图片、链接等，使学生能够编写基本的网页结构。
2.CSS：介绍CSS的基本语法和用法，如选择器、属性和值、盒模型等，使学生能够进行网页样式的设计和布局。
3.JavaScript：介绍JavaScript的基本语法和用法，如变量、函数、事件处理等，使学生能够实现网页的交互功能。
三、教学方法为了激发学生的学习兴趣和主动性，本课程将采用多种教学方法，如讲授法、讨论法、案例分析法和实验法等。
1.讲授法：通过教师的讲解，使学生掌握Web设计的基本概念和原理。
2.讨论法：通过小组讨论，使学生深入理解和探讨Web设计的问题和解决方案。
3.案例分析法：通过分析典型的Web设计案例，使学生了解Web设计的实际应用和技巧。
4.实验法：通过实际操作，使学生掌握Web设计的技能和工具的使用。
四、教学资源为了支持教学内容和教学方法的实施，本课程将准备以下教学资源：1.教材：选择一本适合的Web设计教材，作为学生学习的主要参考资料。
2.参考书：提供一些Web设计的经典书籍，供学生深入学习和参考。
软件web前端毕业设计
软件web前端毕业设计软件Web前端毕业设计随着互联网的迅速发展，Web前端技术在软件开发中的重要性越来越凸显。
作为软件工程专业的学生，我对Web前端开发产生了浓厚的兴趣，并决定将其作为我的毕业设计主题。
本文将探讨软件Web前端毕业设计的相关内容，包括设计思路、技术选型、功能实现等方面。
一、设计思路在选择毕业设计的主题时，我考虑了多个因素。
首先，我希望选择一个有挑战性的课题，能够综合运用所学的前端技术知识。
其次，我希望设计的项目能够有一定的实用性，能够解决实际问题或提供便利。
最后，我希望项目能够有一定的创新性，能够突出自己的个性和能力。
基于以上考虑，我最终确定了一个以“在线博客编辑器”为主题的Web前端毕业设计。
这个项目将提供一个简洁、高效的在线编辑器，用户可以在浏览器中直接编写和发布博客文章。
通过该项目，我希望能够提升用户编写博客的体验，同时也能够锻炼自己的前端开发能力。
二、技术选型在开始项目的开发之前，我进行了一番技术选型。
首先，我选择了HTML、CSS 和JavaScript作为项目的基础技术，这是Web前端开发的核心技术，能够满足项目的基本需求。
其次，我选择了一些流行的前端框架和库，如React、Vue.js 和Bootstrap，这些工具能够提高开发效率，同时也能够增强项目的可扩展性和可维护性。
另外，我还考虑了数据存储和后端接口的选择。
为了实现用户博客文章的持久化存储，我选择了使用数据库来存储用户的文章数据。
对于后端接口的实现，我选择了使用Node.js和Express框架，这样能够方便地实现与前端的数据交互和业务逻辑处理。
三、功能实现在项目的功能实现方面，我按照以下步骤进行了开发：1. 用户注册和登录功能：用户可以通过注册账号并登录系统，这样能够实现用户的身份认证和权限控制。
2. 博客文章的编辑和发布功能：用户可以在在线编辑器中编写博客文章，并通过发布按钮将文章发布到系统中。
3. 博客文章的展示和搜索功能：系统将展示用户发布的博客文章，并提供搜索功能，方便用户查找感兴趣的文章。
web前端毕业设计论文模板
2015版毕业论文题目：响应式企业网站设计与实现学生姓名：罗智刚学号：**********专业班级：B12计算机科学与技术2班指导教师：**企业导师：林志宏二级学院：电气与信息工程学院摘要在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。
在2015年时，随着HTML5在国内的兴起，也在不断的推进着信息时代的发展，网站也逐渐脱离了传统的枯燥页面风格，如今的HTML5比起以前的HTML来说，更容易维护和管理，而且还能实现跨平台开发，减少开发成本。
本论文主要围绕写意集团的HTML5响应式网站为开发主题，用到的也是最必备的三个技能元素，在布局页面时，用HTML将元素进行定义，布局基础布局；css对展示的HTML元素布局进行定位渲染，然后利用Javascript或者jQuery 实现相应的效果和交互。
虽然这么看起来很简单，但这里需要认真了解的东西很多。
在开发前，需要对这些概念弄清楚，在开发过程中还要考虑兼容，性能等各种问题。
分析并解决实现中的若干技术问题：介绍企业官网个性化页面的背景及HTML5响应式布局的一般原理；阐述整个企业官网的结构及工作原理；分析实现中的难点和重点；关键词：HTML5; CSS3; 响应式; javascript; 网站美化; 交互设计abstractIn this era of rapid development of information and network as the most convenient media now increasingly being accepted and integrated into our lives. In 2015, with the rise of HTML5 in the country, has also been advancing the development of the information age, the site is also moving away from the traditional boring page style, and now HTML5 compared to the previous HTML is easier to maintain and management, but also to achieve cross-platform development, reduce development costs.This paper mainly around Freehand Group HTML5 Responsive website development topics, used in the three most essential elements of skill, in the layout of the page, using HTML to define the elements, layout basic layout; css to display HTML elements positioning layout rendering, then use Javascript or jQuery to achieve the appropriate effects and interactions. Although such looks very simple, but here need to understand a lot of serious things. Before development, the need to clarify these concepts in the development process, but also consider a variety of problems with compatibility, performance and so on.Analyze and solve technical problems in implementation of: The official website of the general principles of corporate backgroundpersonalized page HTML5 and responsive layout; elaborate structure and working principle of the whole enterprise official website; Analysis Implementation difficulties and priorities;Keywords: HTML5; CSS3; responsive; javascript; website landscaping; Interactive Design目录第一章绪论 (1)1.1 本课题研究的背景和目的 (1)1.2 国内外HTML5响应式企业网站建设的状况 (1)1.3本章小结 (2)第二章前端开发及相关技术 (3)2.1 HTML5前端开发环境 (3)2.2 HTML5前端开发工具 (3)2.3 HTML5前端开发相关技术 (3)2.3.1 javascript简介 (3)2.3.2 javascript基本特点 (4)2.3.3 css简介 (4)2.3.4 jQuery (5)2.4 本章小结 (5)第三章前端布局分析与设计 (6)3.1 前端总体开发流程与设计 (6)3.1.1 分层开发 (6)3.1.2 代码编写 (6)3.1.3 内部测试与后续优化 (6)3.2 前端UI设计 (7)3.2.1 模块分布 (7)3.2.2 颜色配置 (7)3.2.3 css元素 (8)3.3 交互设计与UI (9)3.4 网站结构布局与设计 (9)3.5.1 网站首页结构 (9)3.5.2 主题鲜明，富有特色 (10)3.5 网站前台页面设计 (10)3.5.1 首页 (10)3.5.2 其余子页面 (10)3.7 本章小结 (10)第四章主要功能的实现 (11)4.1 界面设计 (11)4.2 具体设计文档 (11)4.3 前台新闻文摘显示 (11)4.3.1 网站装饰风格 (11)4.3.2 网站的链接结构 (11)4.4 可视化设计 (11)4.5 具体实现技术 (12)4.5.1 css在“写意集团响应式企业官网”中的应用实例 (12)4.6 本章小结 (13)第五章总结 (73)致谢 (73)参考文献 (75)第一章绪论1.1 本课题研究的背景和目的如今的互联网已经渗透到了我们生活的每一个层面，网站的内容越来越丰富全面，各大浏览器商也在竞相的开发各种各样的新的功能，供开发者进行开发构建出更好的用户体验，以此来满足各种不同需求的浏览者。
毕业设计(论文)-基 于web的企业网站设计模板
X XXXXXXXXXXXX 学院毕业设计《基于 web的X X X X 企业网站》系别：___＿_计算机工程系_____年级：＿＿＿＿＿０X 级＿＿＿＿＿__专业：＿＿＿＿计算机网络技术＿＿__班级：＿＿＿＿＿＿_____学号：＿＿＿＿＿＿＿_学生姓名：＿＿＿＿＿＿＿＿＿＿指导教师：＿＿＿＿＿＿＿____二○○年月日【摘要】本论文结合企业建立门户网站的实际情况，经过可行性研究和深入的需求分析，采用最新的开发平台与SQL Serer 2000结合作为开发工具而开发出来的基于B/S结构的XXXXXX有限公司网站。
在设计与开发过程中也形成了本系统的一些特色：（1）通用性。
XXX公司通过本网站可以发布产品信息、实现网上订购、公司新闻、公告、招聘信息等。
（2）易用性。
系统界面友好、操作简便，不需要专业人员操作，所有数据管理采用网页结构，整个系统采用功能相对独立的体系，容易理解，使用方便。
（3）安全性。
系统采用数据加密技术，验证码等来提高系统的安全性。
本论文对网站的建设进行了分析、设计以及编码实现，该系统经测试，达到了预期的设计要求。
关键词:门户网站；；设计目录【摘要】 (1)第一章绪论 (1)1.1 课题的意义 (1)1.2 网站开发设计思想 (1)第二章开发工具的选用及介绍 (1)2.1 网站开发环境 (1)2.1.1服务器端 (2)2.1.2客户端 (2)2.2 介绍 (2)2.3 Microsoft SQL 2000数据库简介 (3)2.3.1 SQL Server 发展历程 (3)2.3.2 SQL Server 2000数据库定义 (3)2.4 IIS服务器 (3)2.4.1 IIS的安装 (4)第三章网站需求分析 (4)3.1 本网站可行性分析 (4)3.1.1操作可行性分析 (5)3.1.2经济可行性分析 (5)3.1.3技术可行性分析 (5)3.2网站的安全性分析 (6)3.3网站基本DFD数据流程图 (6)第四章网站总体设计 (6)4.1 网站设计目标 (6)4.2 系统功能设计及结构图 (7)4.2.1 三层体系结构 (7)4.2.2前台功能设计及结构图 (8)4.2.3后台功能设计结构图 (10)4.3数据库设计与实现 (10)4.3.1创建数据 (10)4.3.2 创建数据表 (11)第五章网站的详细设计 (116)5.1网站前后台模块的详细设计 (11)5.1.1前台模块设计 (11)5.1.2后台模块设计 (24)第六章编码设计 (29)6.1 公共类设计 (29)6.1.1数据库操作类的编写 (29)6.1.2 web.config文件配置 (23)第七章系统测试 (31)7.1测试计划 (31)7.2 测试报告 (31)7.2.1、功能测试 (32)7.2.2、模块测试 (25)7.2.3、后台管理功能测试 (33)7.2.4、安全测试 (26)7.2.5、兼容性测试 (26)第八章维护 (27)8.1 网站的前台使用说明 (27)8.2 网站后台的管理说明 (28)第九章总结 (29)结束语 (29)参考文献 (37)致谢 (37)第一章绪论1.1 课题的意义人类进入二十一世纪,计算机网络技术和信息技术正在飞速发展，今天全球已经实现了网络化，互联网已成为我们生活中不可缺少的组成部分；同时网络化也带给企业低成本、高收益的机会。
web前端毕业设计论文模板
2015版毕业论文题目：响应式企业网站设计与实现学生姓名：罗智刚学号：**********专业班级：B12计算机科学与技术2班指导教师：**企业导师：林志宏二级学院：电气与信息工程学院摘要在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。
在2015年时，随着HTML5在国内的兴起，也在不断的推进着信息时代的发展，网站也逐渐脱离了传统的枯燥页面风格，如今的HTML5比起以前的HTML来说，更容易维护和管理，而且还能实现跨平台开发，减少开发成本。
本论文主要围绕写意集团的HTML5响应式网站为开发主题，用到的也是最必备的三个技能元素，在布局页面时，用HTML将元素进行定义，布局基础布局；css对展示的HTML元素布局进行定位渲染，然后利用Javascript或者jQuery 实现相应的效果和交互。
虽然这么看起来很简单，但这里需要认真了解的东西很多。
在开发前，需要对这些概念弄清楚，在开发过程中还要考虑兼容，性能等各种问题。
分析并解决实现中的若干技术问题：介绍企业官网个性化页面的背景及HTML5响应式布局的一般原理；阐述整个企业官网的结构及工作原理；分析实现中的难点和重点；关键词：HTML5; CSS3; 响应式; javascript; 网站美化; 交互设计abstractIn this era of rapid development of information and network as the most convenient media now increasingly being accepted and integrated into our lives. In 2015, with the rise of HTML5 in the country, has also been advancing the development of the information age, the site is also moving away from the traditional boring page style, and now HTML5 compared to the previous HTML is easier to maintain and management, but also to achieve cross-platform development, reduce development costs.This paper mainly around Freehand Group HTML5 Responsive website development topics, used in the three most essential elements of skill, in the layout of the page, using HTML to define the elements, layout basic layout; css to display HTML elements positioning layout rendering, then use Javascript or jQuery to achieve the appropriate effects and interactions. Although such looks very simple, but here need to understand a lot of serious things. Before development, the need to clarify these concepts in the development process, but also consider a variety of problems with compatibility, performance and so on.Analyze and solve technical problems in implementation of: The official website of the general principles of corporate backgroundpersonalized page HTML5 and responsive layout; elaborate structure and working principle of the whole enterprise official website; Analysis Implementation difficulties and priorities;Keywords: HTML5; CSS3; responsive; javascript; website landscaping; Interactive Design目录第一章绪论 (1)1.1 本课题研究的背景和目的 (1)1.2 国内外HTML5响应式企业网站建设的状况 (1)1.3本章小结 (2)第二章前端开发及相关技术 (3)2.1 HTML5前端开发环境 (3)2.2 HTML5前端开发工具 (3)2.3 HTML5前端开发相关技术 (3)2.3.1 javascript简介 (3)2.3.2 javascript基本特点 (4)2.3.3 css简介 (4)2.3.4 jQuery (5)2.4 本章小结 (5)第三章前端布局分析与设计 (6)3.1 前端总体开发流程与设计 (6)3.1.1 分层开发 (6)3.1.2 代码编写 (6)3.1.3 内部测试与后续优化 (6)3.2 前端UI设计 (7)3.2.1 模块分布 (7)3.2.2 颜色配置 (7)3.2.3 css元素 (8)3.3 交互设计与UI (9)3.4 网站结构布局与设计 (9)3.5.1 网站首页结构 (9)3.5.2 主题鲜明，富有特色 (10)3.5 网站前台页面设计 (10)3.5.1 首页 (10)3.5.2 其余子页面 (10)3.7 本章小结 (10)第四章主要功能的实现 (11)4.1 界面设计 (11)4.2 具体设计文档 (11)4.3 前台新闻文摘显示 (11)4.3.1 网站装饰风格 (11)4.3.2 网站的链接结构 (11)4.4 可视化设计 (11)4.5 具体实现技术 (12)4.5.1 css在“写意集团响应式企业官网”中的应用实例 (12)4.6 本章小结 (13)第五章总结 (73)致谢 (73)参考文献 (75)第一章绪论1.1 本课题研究的背景和目的如今的互联网已经渗透到了我们生活的每一个层面，网站的内容越来越丰富全面，各大浏览器商也在竞相的开发各种各样的新的功能，供开发者进行开发构建出更好的用户体验，以此来满足各种不同需求的浏览者。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
WEB前端页面设计毕业论文设计模板
目录
1摘要 (2)
第1章前端开发工具及相关技术 (3)
1.1选题背景及意义 (3)
1.2前端开发工具 (5)
1.3前端开发相关技术 (6)
1.4本章小结 (10)
第2章前端布局分析与设计 (10)
2.1前端总体开发流程及设计 (10)
2.2前端UI设计 (17)
2.3交互设计与UI (20)
2.4点，线，面的运用 (22)
2.5网站结构布局及设计 (23)
2.6网站前台页面设计 (30)
2.7本章小结 (31)
第3章主要功能的实现 (31)
3.1界面设计 (31)
3.2具体设计文档 (33)
3.3前台新闻文摘显示 (33)
3.4可视化设计 (34)
3.5具体实现技术 (34)
3.6本章小结 (37)
第4章总结 (37)
4.1总结 (37)
致谢 (38)
1摘要
21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。
随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。
所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。
本论文主要围绕数字媒体技术专业的门户网站为开发主题，最基本也是最必须的三个技能。
前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。
虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。
在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。
分析并解决实现中的若干技术问题介绍了个性化页面的背景及jsp+javascript
+mysql系统的一般原理；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现用户注册，用户登录，用户管理等jsp页面。
分析并解决实现中的若干技术问题；建立完整的校园网站，进行测试并分析结果。
该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值。
第1章前端开发工具及相关技术
1.1选题背景及意义
如今的互联网已经渗透到我们生活的每一个层面，网站的内容越来越丰富全面，以此来满足了各种不同需求的浏览者。
网站的作用众所周知人们通过网站快速获取，发布和传递信息。
目前很多高校建立起了自己的网站这些网站的建立使得学校可以突破传统的媒体的限制在网络上开辟的属于自己的新天地。
网络具有超时空性。
网络超时空性是一种“一人对一人，一人对多人，多人对一人，多人对多人”的传播方式。
超时空性的形成正式由于在网络在时间层面，空间层面上的开放性带来的。
网络的超时空性使得网站对学校本身和外界社会表现特定的功能，表现在网站有助于改变教育资源的分散性和分布不均衡性，有效的将教育资源进行整合，从而使得教育资源使用意义上的无限增长。
网络具有的海量存储特性，网络能形成一个巨大无比的数据库，世界上任何时间任何地点的任何一件事都能成为网络的信息被广泛传播。
网站的海量存储特性可以从横向和纵向两方面分析：横向看网站往往设置多个板块，分别放置相关内容。
不同板块的信息相互独立，共同构成网站的内容。
纵向看，同一个板块的内部，内容并不是固定不变的，而是不断添加连续更新的。
大量的信息使得高校网站成为一个巨大的数据库。
交互性体现在网站通过设置留言板，论坛，发挥网络交互的功能，在我们的日常生
活建立起了交流渠道。
网站正是以这些特点为基础，发挥了自己本身的资源整合，信息传播，多方交流互动等方面的独特功能，成为一座沟通桥梁。
很多网站内容多姿多彩，板块，内容争妍斗艳。
但不外乎以一下几部分例如：学校介绍，新闻发布，招生信息，就业信息，师资力量，科研成果，机构设置，教学素材等。
高校网站的建立和维护需要大量的物力和人力，为何要投入去建网站上？是因为如上所述的网站有的独特特性使得建设高校网站势
6
在必行我们要创建我们本专业的网站数字媒体技术系的专业网站，网站前端设计最基本的三个技能：HTML，CSS，JavaScript，PS矢量图像编辑技术。
这个是前端开发中最基本也是最必须的三个技能。
前端的开发中，在页面的布局时，
HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。
虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。
在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。
建立本系网站发挥的作用如下：
(1)数字媒体技术系网站是数字媒体专业的“商标”。
在这个高度信息化的社会里，建立数字媒体技术系自己的网站是最直接的宣传手端。
网站的超时空特性，不仅能让本地区的人们了解学院，更可让世界了解本专业。
(2)数字媒体技术系网站巨大的教育资源，网站是实现教育资源分配的桥梁，它使每一位教师和学生都能均等的得到培训和受教育的机会，能极大的提高教学效率。
数字媒体技术系网站能提供教学互动的全新方式，网站使得教师与教师，教师与学生，学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。
它可以使不同的学院同处一室，共同讨论，共同提高。
地理上的界限在这里模糊和消失了，数字媒体技术系。