jQuery课程设计
- 格式：doc
- 大小：4.69 MB
- 文档页数：14
文档推荐
-
jQuery前端开发实战教程页数:7
-
UI教学大纲页数:5
-
千锋教育Python入门教程页数:3
-
jQuery前端开发实战教程页数:7
-
php实战开发教程第一讲页数:19
-
《Web前端开发从入门到精通》页数:14
下载文档原格式
合集下载
jquery 课程思政案例
jquery 课程思政案例在将"课程思政"与"jQuery"结合时，我们需要考虑如何将思政元素融入jQuery的教学中。
以下是一个简单的案例，通过这个案例，我们将展示如何在HTML页面加载时显示一些思政元素。
1. 教学目标：让学生掌握如何在HTML中使用jQuery来处理DOM元素。
通过思政元素，培养学生的爱国主义情感和社会责任感。
2. 教学内容：jQuery的选择器：让学生掌握如何选择HTML中的元素。
jQuery的事件处理：让学生了解如何为HTML元素添加事件处理程序。
3. 思政元素：在页面加载时，显示一段关于爱国主义和社会责任感的文字。
4. 教学步骤：1. 创建一个简单的HTML页面，包含一个`<div>`元素用于显示思政内容。
2. 使用jQuery选择该`<div>`元素，并为其添加一个`load`事件处理程序。
3. 在事件处理程序中，使用jQuery的`html()`方法来改变`<div>`的内容，显示思政内容。
5. 教学示例：```html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>思政与jQuery</title><script src="</head><body><div id="content"></div><script>$(document).ready(function() {$("content").load(" content", function() {$(this).html("作为一名现代公民，我们应该积极履行社会责任，为建设更加美好的社会贡献自己的力量。
《jQuery程序设计》课程标准
《jQuery程序设计》课程标准课程代码：400034 课程类别：理论+实践适用专业：计算机应用技术学时：96编写人：孙婷婷审定负责人：李凌一、课程的性质jQuery是继prototype之后的又一个优秀的Javascript框架。
它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。
此外，数百种为扩展jQuery功能而开发的插件，更使得它几乎成为使用各类客户端脚本编程的必备工具。
《jQuery程序设计》是软件技术专业的核心课程之一，是网页制作技术方向系列课程中的主干课程。
该课程对于实现专业的培养目标、增强学生的就业竞争力具有非常重要的作用，是检验专业教学成果的重要课程，也是评价本专业学生是否掌握学科基础知识、能否综合运用所学知识解决实际问题、是否具备软件开发各种技能的重要课程；本课程的先导课为《HTML网页制作技术》、《CSS网页制作技术》、《JavaScript程序设计》；后续课程为《程序设计》、《顶岗实习》。
二、设计思路高职教育的集中实践教学环节也要明确必要的理论知识深化和拓展的要求，不能局限于单纯的技能训练作用。
单纯的技能训练不是高职教育的理想课程。
本课程设计理念是以职业能力培养为重点，以就业为导向，培养学生具备职业市场所需的职业能力，生涯发展所需的能力和终身学习的能力。
基于工作过程开发课程，以行动导向进行教学设计，以学生为主体，以实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以职业技能培养为目标、以施工任务（项目）为载体、理论学习与实践操作结合。
三、课程职业描述与培养目标1 课程职业描述本课程对高端技能型专门人才的培养具有重要意义，通过课程的教学使学生掌握jQuery专业理论知识和实际操作技能，为从事软件技术专业软件开发工程师岗位奠定良好的专业基础。
具备jQuery 技能的人才主要从事基于WEB技术的电子商务及网站开发、维护工作 ,参与开发环境的设计和搭建,承担系统设计、程序设计和开发工作,完成项目相关文档和质量记录 ,解决软件出现的问题和缺陷。
jquery应用编程课程设计说明书-20140411
《Jquery应用编程》课程设计总体要求一、总体要求的《Jquery应用编程》课程设计的目的是加深对课程内容的理解，在掌握Web开发的知识的基础加深网站规划、网站定位及软硬件平台的选型的认识，对网站的架设、HTML知识、网页制作技巧和脚本编程、Web数据库与网页编程等知识有更深入的学习。
以网站开发成果为考核目标，以锻炼学生实际开发能力为主要目的。
通过课程设计相关学习，要求学生掌握网站开发的基本概念，基本设计方法和基本设计技术，能自行规划、设计和维护网站及进行动态网页设计，主要完成对数据库进行查询、修改和删除等操作的Web页面的开发。
最终达到能够独立完成企事业单位和政府部门动态网站的开发，并能书写相关文档。
为培养学生项目开发经验和对网站开发的整体认识，本次课程设计要求每位同学完成一个功能完整的网站的开发（要求有9个以上页面，包括三个以上功能模块，如会员管理、新闻管理、论坛管理、资料管理、视频管理等）。
网站开发以能够正常运行为目标，并根据发问请设计人进行演示和讲解，每队各自提交网站开发设计报告书和所开发的网站，设计报告必须根据自己的设计撰写。
整个成绩的评定由平时出勤、平时作业、公开演示、报告成绩和考试成绩综合评定。
二、建议内容（仅供参考）１、软件工程系实验教学中心网站建设(功能结构图)注：以上功能结构仅供参考，可以根据需要自定义。
要求１）使用HTML+CSS+JavaScript+Ajax+jQuery技术相结合开发一个实验教学课程网站，应用CSS样式、DIV标签、JavaScript和jQuery框架技术。
２）页面布局合理，美观大方３）网页内容包含功能结构图的所有页面４）使用站点计数器统计来访人数５）注册会员，检验会员名称，密码不能少于8位数，登陆后可以发表留言６）调查表，日期、邮箱等格式统一７）在线答疑，通过JS脚本插入一个浮动的窗口，通过该浮动窗口，实现在线答疑、发送邮件和QQ交流的功能。
也可以通过论坛和留言板来实现。
JavaScript+jQuery前端开发基础教程教案
JavaScript+jQuery前端开发基础教程教案第一章：JavaScript概述1.1 课程介绍本章节将介绍JavaScript的发展历程、特点以及应用场景。
使学生了解JavaScript的历史背景和基本概念，为后续学习打下基础。
1.2 教学目标了解JavaScript的历史和发展掌握JavaScript的基本特点掌握JavaScript的应用场景1.3 教学内容1.3.1 JavaScript的历史和发展1.3.2 JavaScript的基本特点1.3.3 JavaScript的应用场景1.4 教学方法采用讲解、案例演示、互动提问等方式进行教学。
1.5 课后作业简述JavaScript的历史和发展。
列举出JavaScript的三个基本特点。
说出JavaScript的应用场景。
第二章：HTML与CSS基础2.1 课程介绍本章节将介绍HTML和CSS的基本概念，以及如何使用它们来创建网页。
学生将学会如何编写HTML代码和应用CSS样式。
2.2 教学目标掌握HTML的基本结构了解CSS的作用和基本语法学会使用CSS样式化网页2.3 教学内容2.3.1 HTML基本结构2.3.2 CSS的基本语法和作用2.3.3 使用CSS样式化网页2.4 教学方法采用讲解、案例演示、互动提问等方式进行教学。
2.5 课后作业编写一个简单的HTML页面，包括、段落和图片。
尝试使用CSS样式化你的HTML页面，使其看起来更美观。
第三章：JavaScript基本语法和操作3.1 课程介绍本章节将介绍JavaScript的基本语法和基本操作，如变量、数据类型、运算符、控制语句等。
学生将学会如何编写简单的JavaScript代码。
3.2 教学目标掌握JavaScript的基本语法学会使用JavaScript进行基本操作3.3 教学内容3.3.1 JavaScript的基本语法3.3.2 变量和数据类型3.3.3 运算符和控制语句3.4 教学方法采用讲解、案例演示、互动提问等方式进行教学。
Jquery课程设计
Jquery课程设计潍坊科技学院2013－2014学年第二学期期末考试《Jquery程序设计》课程设计A卷（适用于软件学院12级计算机应用专业学生）一、课程设计目的1、能够熟练使用css结合html实现网页布局。
2、熟练使用文档对象模型和事件驱动，能够很好的实现交互式操作。
3、熟练使用Jquery中的对象，实现网页的动态效果。
4、熟练使用Jquery对表单、动画和事件的操作。
5、熟练使用Jquery与Ajax进行网页异步交互设计6、事件驱动的程序设计思想，熟练使用Jqueryt中的对象，实现网页特效。
7、网页设计布局合理，色彩搭配合理，网页操作方便。
8、设计过程中充分考虑浏览器兼容等问题，并做适当处理。
二、课程设计题目1．基于Jquery的Ajax聊天程序2．利用Jquery实现网站图片提示效果并完成视频展示播放；3．利用Jquery实现以商品价格\信誉度\销量等方式的排序4、利用Jquery实现对表格和表单的综合应用，形成完整的网站效果5、使用Jquery实现商城网站的商品分类导航菜单设计6、jquery实现动态添加和删除行操作和数据搜索7、利用jquery实现网站综合效果。
（题目可以自定）要求：1、题目可以选择上述题目；也可以自选，不能出现30%以上雷同和抄袭。
2、划分小组，每组最多2人。
每组确定任务和分工。
三、课程设计须提交的内容：1、课程设计电子版（用于查重）2、课程设计纸质版，左侧装订。
3、小组计划书和任务分配说明表。
课程设计名称：系部名称：学生姓名：班级：学号：和成绩：指导教师：时间：要求:一、目录(空两行)1课程设计目的………………………………………………………………页码2课程设计题目描述和要求……………………………………………….页码3、课程设计报告内容…………………………………….页码4.总结……………………………………….页码5参考书目………………………….页码(要求：给出一级目录，宋体加粗，四号字,行距：固定值20磅。
高职计算机应用技术专业《jQuery项目实战》课程标准
《jQuery项目实战》课程标准一、课程定位（概述）该课程是计算机应用技术专业（网站开发）的一门职业技术课程，是在多年教学改革的基础上，通过对网站开发相关职业工作岗位进行充分调研和分析的基础上，借鉴先进的课程开发理念和基于工作过程的课程开发理论，进行重点建设与实施的学习领域课程。
它以《程序设计基础》、《网页制作基础》、《CSS+DIV》和《JavaScript程序设计》课程的学习为基础，目标是让学生掌握jQuery的基本使用、选择器、DOM操作、事件机制、动画方法、Ajax 交互、第三方插件工具使用等方面的知识，重点培养学生运用jQuery来独立快速构建网页中的动态交互效果，掌握jQuery的专业知识和专业技能。
二、设计思路（一）课程设置的依据该课程是依据“计算机类专业人才培养方案”中的“Web前端开发技术”教学主线设置的。
其总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，转变为基于工作过程的教学模式，以完整的网站的前端开发工作任务为对象，组织学生通过完成这些工作任务来学习相关的知识、培养相应的职业能力。
课程内容突出对学生职业能力的训练，相关理论知识均与所要完成的工作任务有密切联系，融合相关岗位（群）对知识、技能和态度的要求，要求该课程要通过校企合作，组织校内实训项目小组等多种途径进行教学，采取工学结合等形式，充分开发学习资源，给学生提供丰富的实践机会。
教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。
（二）课程内容确定依据该门课程的总学时为72。
以基于工作过程的课程开发理念为指导，以职业能力培养和职业素养养成为重点，根据技术领域和职业岗位（群）的任职要求，遵循学生认知规律，将本课程的教学活动对jQuery涉及知识分解设计成若干实验项目或工作情景，以具体的项目任务为单位组织教学，以典型实际问题为载体，引出相关专业知识，并通过教学模式设计、教学方法设计、教学手段的灵活运用、教学目标的开放性设计、教学考核方法改革等，使学生在实训过程中加深对专业知识、技能的理解和应用，保证学生专业能力、方法能力和社会能力的全面培养。
《网页脚本技术(JavaScript+jQuery)》课程标准
课程名称：网页脚本技术(JavaScript+jQuery)学分：4计划学时：64适用专业：计算机应用技术1．前言1.1课程性质该课程是计算机应用技术专业用户界面设计方向的一门专业拓展课，是在网站前端设计、移动Web开发(Html5+CSS3)等专业课的基础上开设的，与网站项目管理、网站后台开发()等后续课程也有着紧密联系。
本课程遵循“以就业为导向，以学生为主体，以培养职业技能为中心”的原则进行课程设计与教学。
从实际应用的角度来理解JavaScript语言的语法和jQuery 库的应用，引导学生在完成各个网页特效设计任务的过程中，熟练掌握形式多样的网页特效的设计方法，培养学生网页特效分析和设计能力。
1.2设计思路本课程对就业方向所涵盖的岗位进行任务与职业能力分析，以实际工作任务为引领，以创新能力培养为主线，将课程知识体系整合为十个技能教学模块，在教学过程中注意体现学生设计能力培养的循序渐进性。
在教学内容和方法上贯彻“技能培养为主，知识够用为度”的教学思想，旨在培养学生的创新意识，提高岗位实践能力和适应能力。
在每个教学单元中设置了3条主线：教学流程主线、理论知识主线和操作任务主线。
充分考虑教学的要求，每个教学单元面向教学全过程设置了完整的教学环节，按照“教学导航->特效赏析->知识必备->引导训练->同步训练->考核评价”6个环节组织教学。
2．课程目标2.1总体目标通过本课程的学习使学生掌握JavaScript的基本语法概念和使用JavaScript 进行页面效果开发的基本思想；能熟练地用JavaScript语言进行浏览器端的脚本开发；能熟练使用jQuery进行Web页面处理。
培养学生规范编码和良好的程序设计风格；培养学生面向对象编程的思维和提高逻辑思维能力；培养学生发现问题、分析问题、解决问题的能力；培养良好的职业素质；培养团队协作和和谐的沟通能力；并为学生以后从事更专业化的软件开发工作或者学习后续课程打下良好的基础。
JavaScript+jQuery课程设计
JavaScript+jQuery 开发框架课程设计题目网页特效文字设计院（系）信息工程学院专业班级 14计算机应用技术2班学生姓名蔡明伟学号 1432101201设计地点指导教师陈洋起止时间：2016年5月30日至2016年6月5日目录1 正文 (3)1.1设计目的 (3)1.2总体设计 (3)1.3 关键技术 (3)1.3.1HTML概念 (3)1.3.2网页文件命名 (3)1.3.3 HTML 文件结构 (3)1.3.4将JavaScript嵌入网页 (4)1.3.5部分关键元素及属性 (4)1.4程序流程图 (5)1.4.1上下跳动文本流程图 (5)1.5．主要源代码 (7)1.5.1文本上下跳动代码 (7)1.5.2定期滚动文本代码 (8)1.6 运行结果及结论 (16)2 参考资料 (19)1 正文1.1设计目的JavaScript 的特点是无穷无尽的，只要你有创意。
JavaScript是由Netscape公司开发的一种跨平台，面向对象(object-oriented)的网页脚本语言(Web Script Language)，是目前流行的网页特效设计语言。
本课设主题：网页文字特效通过两个Javascript程序（其实是一个文档，一个文本文件）分别实现文字上下跳动和滚动文本特效；对网页布局的设计、色彩搭配；文字的编辑；背景音乐、图片的插入；实现视觉、听觉美的享受。
1.2总体设计文字上下跳动文本：通过anim函数来进行位置的变换（主要的原理就是改变文本所在对象的top属性）同时实现自身的递归循环，通过start函数来实现主函数的启动。
滚动文本：浏览器情况（以document.all浏览器为例）选择不同调用函数，通过setTimeout()方法实现函数move3和move4的延迟调用（先执行其后语句）同时实现递归循环，达到滚动文本顺序滚进滚动页面区域的效果；语句：window.onload=startscroll事件加载完成，通过函数startscroll来实现主函数的启动。
网页设计与制作——JavaScript+jQuery标准教程 教案 第2章 JavaScript基础
电子商务网页设计与制作
授课教案
学年第学期
课前：
【教师布置调研任务】
调研主题：《了解JavaScrip的语法规则》
要求：以小组为单位，通过网络查找的方式了解JaVaSeriP的语法规则。
制作汇报PPT,提交到“微信群”。
【学生调研，教师线上指导】
学生采用线上调研的方式，开展调研。
教师使用“微信群”对学生进行指导。
（教师对各组调研成果进行评价】
教师查阅学生调研结果PPT,对每个小组的PPT进行评价，记录评价成绩，并挑选出优秀作品。
课后：
【学生使用JaVaSCriP代码设计一个根据分数评价等级的程序】
小组成员团结协作，练习使用JaVaSCriP代码的相关内容；使学生掌握使用JaVaSCriP 代码编程的能力。
教师使用“微信群”对学生进行指导。
填表说明：1本页可续页；2.教学方法如：项目教学、案例分析、分组讨论、角色扮演、启发引导等;
3.教学手段如：课件演示、模型讲解、实物讲解、挂图讲解、视频讲解、网络课程等。
Jq教案教学设计(最新
Jq教案教学设计(最新一、教学内容本节课我们将深入探讨《JQ编程基础》的第四章“事件处理”部分，详细内容包括事件的概念、事件绑定的不同方法、事件对象属性及事件类型。
具体涉及教材的4.1节至4.4节，内容涵盖鼠标事件、键盘事件以及其他常见的事件类型。
二、教学目标1. 理解事件在JQ编程中的基础概念，能够区分不同类型的事件。
2. 学会使用JQ绑定和解绑事件，能够编写简单的交互式网页。
3. 掌握事件对象的使用，能够获取事件触发时的相关信息。
三、教学难点与重点教学难点：事件对象的属性和方法的使用，特别是事件的冒泡和捕获机制。
教学重点：事件绑定的方法及其区别，以及如何利用事件对象进行程序控制。
四、教具与学具准备1. 教具：电子白板、投影仪、计算机。
2. 学具：计算机、网络连接、教材、《JQ编程基础》学习软件。
五、教学过程1. 导入新课（5分钟）实践情景引入：展示一个简单的网页，按钮时出现不同的效果，引发学生兴趣。
提问：这些效果是如何实现的？引出事件处理的概念。
2. 理论讲解（10分钟）讲解事件的概念，介绍不同类型的事件。
演示事件绑定的三种方法（.bind(), .delegate(), .on()）的区别和用法。
3. 例题讲解（15分钟）展示一个具体例题，逐步讲解如何使用事件处理为网页添加交互功能。
通过实例让学生理解事件对象的概念及其属性。
4. 随堂练习（10分钟）学生跟随教师演示，在个人电脑上完成一个简单的事件绑定练习。
教师巡回指导，解答学生疑问。
5. 互动讨论（5分钟）讨论事件冒泡和捕获的机制，学生分享理解。
通过实际代码演示，加深理解。
六、板书设计1. 板书左侧：事件类型列表事件绑定方法列表事件对象常用属性2. 板书右侧：例题代码展示事件冒泡/捕获流程图七、作业设计1. 作业题目：编写一个网页，实现不同按钮，弹出不同提示信息的功能。
要求至少使用两种事件绑定方法。
2. 答案：// 示例代码$('button1').click(function() {alert('按钮1被');});$('container').on('click', 'button2', function() {alert('按钮2被');});八、课后反思及拓展延伸1. 反思：学生对事件处理的理解程度，特别是事件冒泡和捕获的理解。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课程设计报告
课程名称： jQuery基础教程
课程设计名称： jQuery个人空间
系部名称：中印计算机软件学院
姓名学号：周在峰201301070001
张敏20101070032
陈慧君201301070031班级：13应用一班
成绩：
指导教师：刘效伟
开课时间：2014-2015学年第二学期
摘要
近年来,随着网上个人空间的兴起，越来越多的人开始关注这项新的网络交流方式，越来越多的人开始拥有自己的个人空间就定义而言，Blog的全文名字是Web log，中文意思是“网络日志”，是一种通常由个人管理、不定期张贴新的文章的网站。
一个典型的个人空间结合了文字、图像、其他个人空间或网站的链接、及其它与主题相关的媒体。
利用个人空间，人们可以简便迅速的将自己的生活经历、感想、个人图片、所见所闻的事件等等向外界展示，并及时的与评论者进行交流互动。
个人空间作为一种新的生活、学习、工作方式，已经被越来越多的人所接受，成为时下最流行的网络交流工具。
个人空间“网络日志”的本质决定了其固有的几种表现形式，如日志、相册、分享、留言互动区等等。
同时，作为一种典型的个人网站，个人空间的各种表现方式也展现了博主个人的风格，更体现了个人空间个性化与多样化的特征。
设计一个个人空间网站能充分运用到我们动态网页设计课程所学习的知识，在实现网站几个基本功能的前提下，学以致用，展现出自己独特的风格。
关键词： jQuery；个人空间；动态网站
目录
一、网站设计的流程 (1)
二、项目背景及发展趋势 (1)
2.1背景 (1)
2.2 发展趋势 (1)
三、项目需求 (2)
四、总体设计 (3)
4.1 设计目标 (3)
4.2设计风格、色彩搭配 (3)
4.3设计原则 (4)
五、网站概述 (5)
5.1网站主题结构 (5)
5.1.1 网站主要栏目说明 (5)
5.2 主要页面截图 (5)
六、总结 (10)
6、1 学习总结 (10)
6、2心得体会 (10)
七、参考文献 (10)
一、网站设计的流程
1.搜集资料：包括所用到的图片，文字等
2.处理图片：用PS等图片处理工具进行处理已达到网站设计的要
求，能够符合色彩搭配
3.设计logo
4.以自己的学号建立站点把图片等素材放在站点里
5.设计各个网页的整体布局（用div建立）
6.对各个页面进行设计
7.完成后检查各个页面的链接状况，以及各个页面的色彩搭配是否
合理，以及网站的整体效果是否符合网站标准
二、项目背景及发展趋势
2.1背景
在社会信息化的大背景下，对信息技术人才的需求也比较大，为了适应这个大背景，我需要做一个网站来提高自己的水平。
2.2 发展趋势
趋势一：个人空间现在正在形成个人的信誉机制，有了个人空间之后就确立了一个个人虚拟身份，简单的来讲就是个人在互联网上是有名有姓的，而不再是一种匿名的行为，网民从流浪汉变成了一个定居者。
以前在互联网上的各种行为都是在匿名状态中，相互之间是不认识的，但有了个人空间之后可以天天关注，而别的人也可以通过
个人空间找到这个人。
这样随着时间的积累就会产生一个新的东西，概括叫做“个人的信誉”，个人的信誉就是个人空间和个人空间之间发展各种关系的组合，这种信誉对每个人来讲可能是不同的，但对每个个人空间来讲就产生了新的评价机制，这个机制将是个人空间商业化的一个前提条件。
趋势二：个人空间越来越呈现出富媒体化，早期的个人空间是以文字为主，但随着多媒体发展个人空间相册、个人空间图片已经成为个人空间的基本配置，而现在许多个人空间网站已经提供了个人空间音频和个人空间视频。
趋势三：个人空间现在正在形成并完善精选机制，个人空间作为自媒体和个人媒体，产生的信息非常巨大。
其中难免产生信息垃圾，随着个人空间的发展，个人空间通过精选机制精选出大家喜闻乐见的信息，像国个人个人空间的特点。
三、项目需求
作为一个网站学习者和软件学习者，应该有一个自己的网站，但是企业型网站对一个初学者来说无疑是一种挑战，应该循序渐进，先做一些个人网站，而个人个人空间则是最好的选择。
四、总体设计
4.1 设计目标
形象定位：
提高自己在网站上的知名度，美誉度，树立一个睿智、讲诚信的形象。
功能定位：
根据自己目前的情况和实际发展方向，应该把网站建设成高度互动的，内容丰富、新颖的多功能静态利于百度优化的网站。
其主要功能有：展示自己在网站方面的心得和成绩，在线交流等。
设计定位：
采用简洁、大气、流畅的版面设计，使之富有现代时尚感；洋溢友情、温馨以服务为主导的理念，加之人性化设计来真情感染每一个浏览者；网站各版块清晰明确，彼此协调配合，突出大气形象。
4.2设计风格、色彩搭配
设计风格:网站采取垂直型的设计理念以符合不同人的浏览者的浏览方式
色彩搭配：网站主要以黄色为基调，在搭配蓝色等其他颜色。
4.3设计原则
➢经济性原则
建立适合新发现自身需求的网络平台，提供广泛的涵盖用户多种需求的功能，数据处理方式灵活以满足高度用户化的需求，节省网站建设成本，并确保其较好的拓展性和开放性；同时网站具有基于WEB 界面的管理后台，自己能够自主的对网站中大部分内容作更新、修改操作，节省了自己网站的运营成本，提高了信息更新、传播效率。
➢扩充性原则
网站的整体规划及框架设计是具可扩充性的，前台页面的设计能保证自己的网站在增加栏目后不会破坏网站的整体结构。
后台数据库的设计具有高度的扩充性，自己能够根据需要对栏目、类别的增、删、修改。
➢易用性原则
网站功能模块的开发遵循以人为本的原则。
在提供强大功能的同时，充分考虑网站维护人员操作习惯，对后台的操作进行了优化与整合，使网站后台管理易于上手。
五、网站概述
5.1网站主题结构
5.1.1 网站主要栏目说明
关于我：介绍了我的个人信息、日记、相册 娱乐：主要是我的音乐和动画 联系我：主要是给我留言
5.2 主要页面截图
首页
关于我：档案
日记
相册
娱乐：音乐
动画
联系我：留言
六、总结
6、1 学习总结
通过这学期的学习我对网页设计有了更深层次的认识，我学会了HTML语言常用标签的使用，对css+div的网站布局模式有了一定的了解，并能够使用它们进行简单的网页布局设计，对javascript也有了一定的了解并能够使用其基础的知识与Html结合设计简单的交互效果，能够熟练地使用js库和jQuery库进行高级交互。
6、2心得体会
在学习网页设计的过程中，首先应该学会基础标签的使用，然后加以实际操作，然后学习CSS+div的使用，学习过程中应该对网站的整体布局加以了解，学习javascript的时候注重区别和其他语言的不同之处，在学习javascript的过程中可以学习ActionScript，一举两得。
网站设计的学习不是一两天就能学会的，应该坚持学习。
七、参考文献
[1] 张强等编著. 网页制作与开发教程.北京：人民邮电出版社，2008
[2] 何东健，朱俊平等编著. 网页设计与Web编程.西安：西安交通大学出版社，2007
[3] 张正礼，王坚宁 4.0从入门到精通.北京：清华大学出
版社,2011
[4] 俞传正．基于个人空间的个人知识管理平台研究．天津：天津师范大学，2006。