web个人主页课程设计

2024-08-08

web个人主页课程设计（精选10篇）

web个人主页课程设计篇1

郑州轻工业学院 Web前端设计网页设计报告

院系：班级：学号：姓名：时间：

设计报告

网页设计要求题目：设计一个不限内容、题材的个人网站，要求页面数量不少于7个。具体要求

1.网页内容详实、科学、准确、积极、健康、活泼，网页文字及相关链接无错误。

2.网页文件及文件夹的命名符合要求，文件组织合理。1)首页源文件命名为：index.html。

2)文件夹image存放与网页相关的图片、动画文件等。3)说明文件Readme.txt内容包括：网页创意及制作的简单说明。3.网页设计整体设计思路清晰，网页布局合理，风格明快、主题页和其他子页之间协调，主题分明、重点突出。栏目及版面设计，层次结构及链接结构明确，内容布局合理，图画运用得当，效果生动。

4.网页上各主题和附加图片、背景的色彩选配方案要注意做到：色彩柔和、搭配美观、朴素大方，不应过分夸张，使视觉疲劳。5.使用表格、框架、Css各布局一个页面。6.有自己创作的flash、JavaScript可加分。

7.文档提交：电子稿与报告（电子稿—网站、报告—网页创意及制作的简单说明）。

网页主题及内容

主题：在世界的各个角落，邂逅最美的你内容：一些著名的外国旅游、度蜜月胜地，感受当地的风土人情，体验不一样的异域风情。网页创意

因为自己本身特别喜欢旅游，喜欢尝试不一样的生活环境，和每个少女一样，我也存在着一个和未来的另一半环游世界的梦，所以这次我的网页是以“在世界的各个角落，邂逅最美的你”为主题展开制作，在实现这个环游世界的梦以前，提前感受下各国的风土人情。网页制作的简单说明

通过主页index可链接到 “马尔代夫的蓝色心情（Maerdaifu.html）、法国的紫色浪漫风情（French.html）、在雅典，我愿意带你，走遍阳光洒过的地方（XILA.html）、行走在巴黎（BaLi.html）、巴塞罗那（Basailuona.html）、ReadMe（ReadMe.html），所有图片都经过”PS处理过。

1.首页（index.htm）：采用了CSS布局页面。

1）创建了style1.css文件在style文件中。

2）插入的Div标签有：date标签，menu标签，main标签，make

标签。

3）在代码中插入了背景音乐“

4）AP Div8插入了滚动歌词，AP Div13插入滚动图片。

5）在代码中插入了背景音乐

4）AP Div15插入了滚动歌词，AP Div12插入了滚动图片。

5）在代码中插入了背景音乐

4）在代码中插入了背景音乐

-I Hate Love.mp3” loop=“-1” />。5.行走在巴黎（BaLi.html）：

1）采用Ap层布局。

2）设置了AP Div1差

一个拥抱.mp3“ loop=”-1“>。6.巴塞罗那（Basailuona.html）：

1）采用spry选项卡式面板布局。

2）设置了AP Div1不

想去上班.mp3” loop=“-1” />。7.ReadMe（ReadMe.html）：

1）采用Ap层布局+表格布局。

2）设置了AP Div1-AP Div2两个层。

3）AP Div2 设置为滚动字幕，并插入了日期。

心得

通过《Web前端设计网页设计》的学习，我喜欢上了网页设计，在制作网页的过程中遇到很多问题，但是经过自己在网上搜索、图书馆找材料以及老师的讲解帮助下，都解决了问题。虽然我现在制作网页的能力还不好，但是我会在大学期间好好实践，将网页的制作变成自己的技术。

web个人主页课程设计篇2

1 教学目标

《Web程序设计》课程内容十分丰富，HTML语言、脚本语言、Asp对象等，各知识点之间联系密切。课程的教学目标是帮助学生建立用计算机处理问题的思维模式和提高解决问题的能力。通过对本课程的学习，学生应该掌握ASP编程的一般理论和技巧，熟练使用ASP的组件，能够在实际开发过程完成如信息发布系统、论坛、留言板、聊天室等的制作，能开发制作有一定实用性的交互式网站。具体学习目标如下：

(1)选择一个应用范围不是很大的主题制作交互式的网站：主题内容的范围不限，但不应太泛。例如设计一个留言板、论坛等最能体现交互式的网站。

(2)网站的完成要求：应独立去完成，尽量独自思考开发过程中存在的问题，碰到问题可以自己查阅资料也可以与同学进行讨论解决。

(3)网站开发过程所用的技术要求：融会在学习过程中的所有知识，并尽量应用到网站上来。采取循序渐进的方式，随着课程的进展，网站也要进行不断的丰富完善。

(4)作品的评定：由其它同学进行评定，从中指出作品的优点和不足，再进行讨论总结，解决实际开发过程中存在的问题，通过一系列活动达到“以评促教”的目标。

(5)相关学科的学习：《Web程序设计》课程融会了数据库技术、网络技术、编程技术与美术设计的等交叉学科，涉及内容广泛，技术含量较高。通过学习《Web程序设计》，不仅要掌握网站开发建设的基本技术，而且要提高学生的其它相关学科的学习，从而提高学生的综合素质。

2 教学内容

《Web程序设计》课程的教学目标是通过一系列的实验教学，培养学生的网站设计能力，提高学生的计算机应用水平，它不仅仅要求学生学习基本知识，更重要的是学以致用，独立开发一些常用的网站，具有非常强的实践性。根据课程内容及授课对象的特点，把握教学重点如下：

(1)网站基础知识：讲解计算机网站基础知识和网站开发的相关概念，介绍具体网页制作的常用工具Dreamweaver 8、Fireworks 8、Flash 8和PhotoShop CS3等，重点介绍HTML基本语法。

(2)网站开发的基本技术：讲解网站开发一般流程，建立站点→静态网页的制作→后台数据库的设计→动态网页的设计→站点的测试及管理→上传发布已完成的网站等。

(3)动态网站运行环境的建立：Windows Server+IIS，重点在于介绍IIS的基本配置。

(4)课程的核心动态ASP技术：ASP的基本对象以及对象的基本属性方法和集合，ASP的内部和外部组件有关特性。重点介绍最常的RecordSet对象有关属性、方法以及应用该对象解决实际问题。

(5)网站的发布和管理技术：包括完成的网站的测试，网络空间和域名的申请，网站的上传，发布以及后期的维护与更新。

总之，要注重教学内容的新颖性、实用性、拓展性、综合性和可操作性，同时对教材内容知识有一定的补充，并要有一定的深度及广度，使学生能较容易接受新的知识并能应用到实际开发的网站上来。

3 教学方法和手段

在教学过程中，采取了任务驱动和案例教学相结合的教学方法，开拓学生思维。网站的开发需要全面、扎实的基础知识，以及一定的技巧技能。同时重视上机实践环节，培养学生的创新意识。为达到理想的教学效果，以任务为牵引，以实例为样板，合理安排课程结构和教学顺序，这样能使得学习循序渐进，由浅入深。在《Web程序设计》课程的教学中，将教师的主导作用与学生的主体作用相结合，注重培养学生独立学习、综合设计和创新思维能力。

(1)强调教师的主导作用。教师不再是单纯的知识传授者，而应成为学生学习的引导者。教师重点讲解课程中重点、难点的内容,以点带面地讲授，并积极引导学生去思考本次的网页制作技术在互联网常见的网站中哪地方应用到了，是怎么应用的，应用这技术在本网页中起到了什么样的作用等等，对学生真正掌握网页制作技术起到了引导的作用，同时充分发挥学生的主动性，并强调学生在教与学关系中的主体地位，让学生带着疑难问题去接受新的知识,积极参与讨论课程中涉及的问题，发表个人的见解，增加学生学习本课程的兴趣，提高教学效果。

(2)采用任务驱动教学法。在信息技术课中体现“任务驱动”教学法，就是让学生在一个个典型的信息处理任务的驱动下展开学习活动，在完成任务的过程中，培养学生多方面的综合能力。为了使学生学习本课程更有动力，学期开始就先给学生布置一个总体任务：完成一个交互式网站的开发。任务是“导火索”，把所要学生掌握的内容设置为一个个任务中，使学生通过完成任务达到掌握所学知识的目的。其次，学习任务设计的另一个目的是为了允许学生可以运用不同的学习资源进行学习和选择合适的任务进行操作。在任务驱动下，学生都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这样学生的学习更有目的性和主动性。

(3)案例教学法：选择精彩实例，拓展学生视野和开拓学生的思维领域。平时注意收集一些有创意、有特色的优秀网站，在教学时给学生观摩优秀的网页实例，从中学习设计思路、设计风格和网页制作技巧，并认真分析实例，从中找到不足之处，提出解决问题的见解，尝试解决办法。整体上通过实例把各个技术点联系起来，使学生在学习网页制作技巧的同时对网站整体开发设计有一个全面的了解。

(4)加强上机实践，注重培养学生的创新意识和能力。《Web程序设计》是一门实践性很强的课程。实践作为教学中非常重要的一部分，应该引起足够的重视。在掌握课程的主要内容和基本操作要求外，也要求学生充分运用自己所掌握的知识和技能，充分发挥自己的才智，进行新作品的创作。创作新作品有助于学生在学习中的主体地位的确定，同时鼓励学生的创新精神，培养和提高学生的实践能力。

4 教学成效

要评价《Web程序设计》的教学成效，不能单纯的从学生的理论成绩来判断，而更应重视从学生是否真正掌握网站开发的操作技术来衡量。从学生完成作品的情况来看，大多数作品内容丰富，基本应用所学的基本知识技能，并且表现形式比较有新意，美工版面布局合理，整个网站效果设计合理美观。个别学生甚至通过自己的学习使用了课程中并未讲授过的技术内容，进一步的反映出学生的自学能力。这才是本课程所追求的教学效果。

5 结束语

教无定法，虽然教学的手段多种多样，但要达到的要求和目标是一致的。在《Web程序设计》教学中要不断地进行总结，寻求更好的教学方式，以促进学生能更好地掌握网站开发的基本技能。教学中仍有许多需要改进的地方。例如，教学内容设计仍需进一步更新补充完善，设计教学网站模板，提供更详尽更合适的资料供学生进行学习，同时还要增加考核学生能力功能，制定更为合理的评分标准，通过每一次的小考核，对学生的平时成绩进行评定，以便于为期末的考核成绩提供有根有据的平时成绩。

参考文献

[1]齐桂莲.21世纪我国高师教育面临的挑战及对策[J].哈尔滨:教育探索,2004(4).

web个人主页课程设计篇3

关键词:Web程序设计教学模式 .NET 教学方法

DOI:10.3969/j.issn.1672-8289.2010.10.022

围绕着《Web程序设计》课程目标,为了更好地实现课程开设初衷,在课程讲授过程中逐步形成了基于项目和任务驱动的教学模式,使学生从上课伊始对具体项目有所认识,提高其学习积极性;同时,与项目相关的任务自始至终贯彻整个课程,实现了将知识点的分解和分散,有助于学习循序渐进的进行。

1. 课程介绍

随着网络和Web等相关技术的普及和迅速发展,业界对Web技术人才的需求也越来越大,掌握 Web应用程序开发技术具有广阔的就业前景。Web程序设计课程不光是一门简单的程序语言设计课程,它涵盖了面向对象程序设计、计算机网络、软件工程、数据库应用、网页设计等大量专业知识,教学内容十分丰富,基本内容如HTML语言、脚本语言、内置对象、对数据库的操作等,各知识点之间联系密切,且发展迅速,由于web2.0技术的发展,网页技术也从过去的静态网页发展到现在的动态技术,blog、RSS、P2P等各种新技术也层出不穷。

通过本课程的学习,使学生了解Web工作原理,掌握Internet和Web发展的最新技术,掌握Web程序开发技术并能将其应用于Web程序设计。努力培养学生Web程序设计与实现能力、创新思维和创新能力,为今后研制、开发各种Web应用系统打下坚实的基础。

因此,如何实现本课程与其他课程的无缝衔接,建设具有自身课程特点的教学内容和教学方法是一个十分重要的问题。

目前,支持Web程序开发的主流技术有J2EE、Asp.NET和 PHP等,这几项各有千秋,Sun公司的 J2EE技术规范可为企业级应用提供了完整,稳定和安全的技术支持,可实现跨平台,但以JAVA为基础,较为复杂;PHP由Rasmus Lerdorf 1994年提出的服务器端脚本语言,是免费的开源代码,但缺乏大公司的支持;ASP.NET是不仅仅是ASP的简单升级,而是Microsoft推出的新一代用于构建服务器端动态文档的框架,是.NET架构的一部分,基于类库定义类,用ASP.NET开发动态WEB文档和开发非WEB应用程序类似,每个ASP.NET文档都被编译为一个类,上手相对容易,所以课上使用的就是微软的ASP.NET。

2. 课程内容

Web程序开发所涉及的内容十分丰富,且发展迅速。这也是其区别与其他程序设计语言的特征之一。基本内容包括HTML语言、脚本语言、内置对象、对数据库的操作等,由于web2.0技术的发展,网页技术也从过去的静态网页发展到现在的动态技术,blog、RSS、P2P等各种新技术也层出不穷。各知识点之间联系密切,如何在有限的课时合理安排这些内容也就显得极为重要。在本课程中,上课时间为38学时,课程内容安排如表1所示。

表1 《Web程序设计》课程内容

3. 教学方法

(1)教学内容项目化。遵循教学要求,以一个项目为基本素材,给学生一个特定的真实案例,在引入实际项目的前提下,通过一系列完整的案例来帮助学生学习相关知识,使学生由浅入深逐步掌握ASP.NET主要技术以及web应用程序开发,提高解决实际问题的能力。选择合适案例,拓展学生视野和开拓学生的思维领域。平时注意收集一些有创意、有特色的优秀网站,在教学时给学生观摩优秀的网页实例,从中学习设计思路、设计风格和网页制作技巧,并认真分析实例,从中找到不足之处,提出解决问题的见解,尝试解决办法。整体上通过实例把各个技术点联系起来,使学生对网站整体开发设计有一个全面的了解。

在教学过程中,针对高校管理学生档案、资料和成绩等信息开发的管理信息系统,该系统针对学生自身的信息进行管理,更容易被学生理解,系统功能需求相对简单,适用于初学者,但功能相对齐全,是个典型的管理信息系统。其中,包含了对学生基本信息、履历信息、成绩信息等管理功能,统计功能、学生查询功能、用户管理和系统管理功能等。

(2)教学计划任务化。“任务驱动”教学法,体现在Web程序设计课程中,就是让学生在一个个典型的信息处理任务的驱动下展开学习,在完成任务的过程中,培养学生多方面的综合能力。为了使学生学习本课程更有动力,

学期一开始就先给学生布置一个总体任务:完成一个网站的开发。所要学生掌握的知识点设置为案例中一个个具体的任务,使学生通过完成任务达到掌握所学知识的目的。其次,学习任务设计的另一个目的是为了允许学生可以运用不同的学习资源进行学习和选择合适的任务进行操作。在任务驱动下,学生都能产生一种急切地完成任务的动机,而完成任务又能给他们带来成就感和满足感,这样学生的学习更有目的性和主动性。

按照典型项目要求所设计的任务包括几个小任务,小任务并非单独存在,前一个小任务的完成应该要为后一个小任务的展开做好铺垫,几个任务层层推进,最终完成一个综合任务。所设置的任务是一种阶梯型任务链,任务由简到繁,由易到难,即高级任务涵盖初级任务,数个微型任务循环构成大的“任务链”。

以网站中常见的注册页面为例,在进行HTML学习时就可以让学生运用表格和其他标记实现此页面;在进行Web控件学习时,相同的页面可要求学生用控件来实现,并用验证控件对其中的输入信息进行验证;在学习ADO.NET的内容之后,可要求学生实现将用户的注册信息添加到数据库中去。这些任务就一层层由简到难的实现了页面上的功能,学生在学习了每次课后,都对应着每次课的内容完成相应的任务,循序渐进的掌握相应的知识点。

整个教学过程围绕1个项目中的6个任务进行, 分别为“用户登录”、“用户注册”、“网站技术”、“模板设计”、“留言板”和“权限设置”。其中,这6个任务贯穿课程始终。

(3) 强调教师的引导作用。教师不再是单纯的知识传授者,而应成为学生学习的引导者。“授人以鱼,不如授人以渔”。教师在课堂上可重点讲解课程中重点、难点的内容,以点带面地讲授,并积极引导学生去思考相关问题,如本次的所学到的技术在常见的网站中哪地方应用到了,是如何实现的,应用这技术在本网页中起到了什么样的作用,同样的功能还可以用其他什么技术实现等等,多设计一些开放性问题,对学生真正掌握网页制作技术起到了引导的作用,同时充分发挥学生的主动性,并强调学生在教与学关系中的主体地位,让学生带着疑难问题去接受新的知识,积极参与讨论课程中涉及的问题,发表个人的见解,增加学生学习本课程的兴趣,提高教学效果。在讲授内置对象的过程中,可针对一些网站中常见的功能,和学生展开讨论,如用户对网站访问次数、网页的访问次数、网站的访问次数、开心农场中仓库里的果实如何保存等,这些常见并试用的问题,更容易激发学生思考和学习的兴趣。

(4)强调学生上机实践的重要性。Web程序设计是一门实践性很强的课程。实践作为教学中非常重要的一部分,应该引起足够的重视。在掌握课程的主要内容和基本操作要求外,也要求学生充分运用自己所掌握的知识和技能,充分发挥自己的才智,进行新作品的创作。创作新作品有助于学生在学习中的主体地位的确定,同时鼓励学生的创新精神,培养和提高学生的实践能力。在整个学习过程中,针对6个任务,要求在讲授完相应课程的一周之内,网上提交相应的源代码,这个过程可以督促学生对所学内容进行及时的吸收,而老师还可以从学生作业中及时了解学生对知识点掌握情况,从而可以进行相应的反馈。

4 总结

《Web程序设计》作为计算机系高年级学生的专业课,旨在使学生全面掌握基于Web的程序设计与开发技能,熟悉项目设计流程,养成良好的程序开发习惯,培养团队协作精神。

但如何吸引高年级学生在有考研和就业两大压力的前提下来上课,是个急需解决的问题。本论文围绕着课程目标,在课程讲授过程中逐步形成了基于项目和任务驱动的教学模式,极大的提高了学生学习积极性,实现了将知识点的分解和分散,有助于学习循序渐进的进行。

参考文献

[1]宫继兵,孙胜涛,王颖. ASP.NET 2.0 Web数据库开发教程[M]. 机械工业出版社,2009年1月

[2] 程静,杨明,邱玉辉. 基于知识点对象的个性化学习系统实施[J]. 西南师范大学学报,自然科学版,2006,31(5):120-123.

[3] Natalia Stash,Alexandra Cristea,Paul De Bra. Learning Styles Adaptation Language for Adaptive Hypermedia[A]. AH 2006[C],2006.323-327.

作者简介:

王蓝婧(1982--),女,华北电力大学(保定)计算机系,助教,主要从事网络信息安全方面的研究;

基于web的课程设计开题报告篇4

题目：基于web的通用精品课程网站系统的设计与实现

一、前言

1. 课题研究的意义，国内外研究现状和发展趋势

1.1精品课程网站研究的意义

高等教育需要网络(要#源码及数据库表)精品课程，因为它能使学生体验到先进的教学方式，获取大量的学科前沿信息，使他们在大学阶段的学习内容更加丰富，知识面更加宽广，能更快地提高自身的综合素质和能力，适应飞速发展的科学要求及学科之间日趋明显的交叉融合的趋势。可以说，网络精品课程的数量和质量直接地影响到能否打造出符合未来社会发展需求的人才。因此，探索和研究精品课程网站建设的设计原则以及设计、开发的方法，将对网络教育、终身教育以及充分发挥优秀教育资源的价值有很重要的指导意义。

1.2国内外研究现状

在世界范围内来看，有关精品课程网站研究一直都在进行并且不断取得进步，特别是西方发达国家，他们在精品课程的理论研究与实际运用方法积累了大量的经验，虽然我们中国国内在精品课程网站这一方面的研究起步较晚，但我们同样也取得了大量丰硕的成果。目前已有大约750门国家级精品课程上网，为实施和推广精品课程、全面提高教学质量提供了样板。各省、市院校也建立了自己的富有特色的精品课程网站。这些优质的课程资源，已经为其他高校的教学工作起到了先锋模范的样板作用[1]。

1.3发展趋势

以网络化、数字化、多媒体化和智能化为代表的现代信息技术正在改变着人们的工作、学习与生活方式，也给教育的内容和发展带来了新的发展空间。课程是教育的核心和灵魂，大学课程则是大学培养目标与培养规格的具体化，是高等学校教学工作的重要依据，而精品课程更被上升为学校办学水平的重要标志。高校实施精品课程建设是一项深化教学改革、提高教学质量的系统工程。因此，高校建立一个自己的精品课程网站是十分必要的事情，这不仅是能使更多的人享用宝贵的教育资料源，同时也对于提升学校自身的知名度，提高学生自学能力，有相当大的帮助。

二、设计方案的确定

1.原理、特点与选择依据

1.1方案的原理

本系统是主要以JSP ，SQL Server ，JavaScript，CSS等技术来实现。设计方案思想及原则如下：

(1)使用CSS技术设计前台的页面，用JavaScript技术进行后台验证;

(2)在JSP中使用java代码连接SQL Server 2005，实现数据的存储和提取，实现通用精品课程网站系统的用户管理、新闻管理、论坛管理,教学资料管理等模块的增删改查功能。

1.2方案特点与选择依据

JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。

JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。JSP与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。

JSP可以将内容的生成和显示进行分离。使用JSP技术,Web页面开发人员可以使用HTML或者XML标记来设计和格式化最终页面,使用JSP标记或者脚本片断来生成页面上的动态内容;其编写的程序的执行效率高。JSP 页面将被编译成Servlet并由Java虚拟机执行,编译过程只在JSP页面第一次执行时进行,不需要每次执行程序时都编译;对不同浏览器的兼容很好;强调可重用的组件。绝大多数JSP页面依赖于可重用的.、跨平台的组件(JavaBeans或者Enterprise JavaBeans 组件) 来执行应用程序所要求的更为复杂的处理;采用标记简化页面的开发;具有Java的所有优点。包括高效的存储管理、安全性、易扩充性、强大的数据库支持以及各种API的支持。

自JSP推出后，众多大公司都支持JSP技术的服务器，如IBM、Oracle、Bea公司等，所以JSP迅速成为商业应用的服务器端语言。

JSP的优势如下：

(1)一次编写，到处运行。在这一点上Java比PHP更出色，除了系统之外，代码不用做任何更改。

(2)系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。相比ASP/PHP的局限性是显而易见的。

(3)强大的可伸缩性。从只有一个小的Jar文件就可以运行Servlet/JSP，到由多台服务器进行集群和负载均衡，到多台Application进行事务处理，消息处理，一台服务器到无数台服务器，Java显示了一个巨大的生命力。

(4)多样化和功能强大的开发工具支持。这一点与ASP很像，Java已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下。

2.设计步骤

2.1需求分析

web个人主页课程设计篇5

院系：年级：姓名：学号：指导教师

2009年12月

一、课程设计题目

本次课程设计的题目为：导航菜单树及其权限分配。

二、系统需求分析与设计

 需求分析

依据课程实际的题目，我们可以分析出本系统由两部分组成：导航菜单树，导航菜单树的权限管理。系统根据登陆用户所拥有的不同权限，赋予其对菜单树的不同访问和操作。

1．导航菜单树的设计

导航菜单树的模式与windows系统的资源管理器类似，可以展开和收缩，用户通过对导航菜单树的节点进行操作来实现对不同的页面和内容进行访问。

2．导航菜单树的权限管理

导航菜单树的权限管理部分要实现的功能为：用户在登陆以后，系统通过存储在数据库中的用户信息来判断此用户所拥有的权限，并根据用户的权限来控制用户对不同信息的访问，限制用户对无权限内容的访问。

 数据库设计

数据库的设计很简单，只需要在数据库中创建两个表，一个用来存储用户信息，一个用来存储用户权限。

用户的信息内容为：用户名，用户密码。

用户的权限分为三种：visitor，member，admin。

表的截图如下：

图1.用户信息表

图2.用户权限表

三、系统具体实现

1.登陆实现

登陆模块需要用户输入用户名和密码，然后系统判断用户输入是否有误，若用户正确则进入导航树菜单页面，错误则提示用户并重新输入。

输入页面代码：

课程设计个人总结篇6

我在纸篮的制作工作中负责剪黄色和蓝色小花，并做了剪黄花时的双手作业分析。下面就我的两项工作做出分析和总结。

1.流水线工作

最初我们为了制作精度更高选择用裁纸刀划，这样虽然精确度很高，但是工作效率太低，工作时需要多次更换工具，左手搬运次数多，右手等待时间长，导致我的工位物料堆积，第七工位缺少物料，严重影响了工作进度。

为了寻找最节约时间，并且不会影响精确度的方法，我们进行了多次测时实验。通过实验结果，我们确定了现在的操作方法。

由前一工位进行涂色，我先折叠，然后再剪。这种方法存在的问题就是，必须要折的很整齐，不然会剪歪。为了解决这个问题，我们进行了多次练习，以及我自己私下练习折叠剪裁。虽然现在不能百分百做到完美，但也已经做的不错了。

2.报告的编辑

我所负责的部分是绘制双手作业图，由于word软件运用的不够熟练，绘制的图很不规范，连线、文本框、等问题。根据老师的建议，我安装了visio软件进行绘图。

从学习安装软件，到学习使用软件，再到画出令小组成员们满意的图用了两天时间。这两天其实是我收获最多的时候，最开始不知道要怎么画，通过学习之后，不仅画出了满足要求的图，而且学会了一种软件的使用方法，这对于我是很大的进步。

3.个人心得体会

团队合作最重要。八个人合作完成纸篮的制作，最重要的就是合作，只有合作的好，效率才会高。我们工作时，安排了明确的分工，每个人都能很好的完成自己的工作。并且在工作过程中，不断的发现问题并及时提出改正，每个人都很积极的配合，为我们的效率提高打下了良好的基础

及时发现问题并改正。在最初的流水线设计和每个工位的操作方法上，都不是很成熟，我们本着发现问题的想法，在练习中不断改进，不断进步。问题需要及时的发现，才能更快的改变，更快的进步。

采葑采菲，扬长避短。由于每个人性格特点和擅长的不同，我们进行不同的分工，细心的剪裁，有耐心涂色，手巧的折叠，理性的统筹，等等。我们每个人都喜欢自己的工作，并很认真的对待自己的工作。

勤能补拙，孰能生巧。在工序流程已经确定之后，提高效率就必须孰能生巧了，在半个月的时间里，我们一共练习了200张纸，不断的熟悉自己的工作，不断的提高自己的熟练程度，达到了现在的水平。

重在过程，不断学习。我觉得这次课程设计最重要的意义不在于报告做的多漂亮，比赛成绩多么好，而是在于这期间学到了什么，有对工业工程有没有更深一步的了解，有没有学会更多的东西。

web个人主页课程设计篇7

关键词：设计导向,工作过程系统化,课程标准,学习领域

1 引言

“设计导向”职业教育的目的是满足企业对产品质量和创新能力不断提高的要求[1], 学习内容不仅包括专业技能, 更重要的, 还要培养学生创新能力等综合实践能力。不仅培养学生处理开放性工作任务的能力, 更要培养学生独立设计解决问题的策略的能力。

工作过程系统化是“设计导向”在职业教育的体现与具体化。工作过程系统化摒弃了学科结构系统化学习中偏重理论、缺少应用能力培养的弊端, 在具体的职业行动中培养学生的职业能力;工作过程系统化通过“从工作领域—学习领域—学习情境”这一具体可行的转换步骤, 使“设计导向”职教理念在实现以人为本, 培养学生做事、做人上更具操作性。

本文从企业、市场调研入手, 通过与行业专家、企业人员、毕业生多层次面谈讨论, 归纳出网络技术专业可能就业的典型职业岗位。然后调研企业专家、技术人员, 确定该专业工作岗位的典型工作任务以及开展该专业职业教育所需的教育条件, 进而形成行动领域。再按照一定教学法、方法论导出相关的“学习领域”。其中, 《web应用开发》是“动态网页设计与开发工程师”学习领域的内容之一, 之后, 按照工作过程系统化课程开发的课程内容选择和序化要求, 使该课程标准即学习领域的开发体现“设计导向”的职业教育理念。

2 基于设计导向的工作过程系统化的课程标准开发的总体步骤

姜大源等在《德国职业教育学习领域的课程方案研究》一文中归纳了工作过程系统化学习领域课程开发的总体思路, 给出了课程开发的八个基本步骤。第一步通过分析职业岗位的工作过程, 了解职业与工作过程之间的关系;第二步调查并掌握该教育职业开展所需的教育件;第三步根据典型工作任务, 确定该教育职业所包含的职业行动领域的数量和范围;第四步描述职业行动领域, 主要是描述和界定所确定的各个职业行动领域的功能、所需的资格或能力;第五步与行业企业专家做出评价、选择行动领域;第六步根据教学法、方法论由行动领域导入到学习领域;第七步扩展描述学习领域, 包括学习目标、时间及内容;第八步扩展表述学习情境, 主要通过学习情境具体化来深入展开。“工作过程导向”的学习领域包括课程目标、课程学时和课程内容三个要素。其中课程内容的两大关键性因素是课程内容的选择和课程内容的序化。在学习领域课程内容的选择上, 课程开发摒弃“惰性知识”而关注“行动知识”, 即掌握那些对行动至关重要的应用性知识。谢尔滕博士和里德尔博士将应用性知识分为陈述性知识范畴和程序性范畴, 并将陈述性知识再细分为事实性和概念性知识以及理解性和论证性知识。而程序性知识指的是处置性知识和策略性知识, 除应用性知识之外还具有一定控制和调节作用, 旨在激活其他类型的知识———元知识[2]。

3《web应用开发》课程标准开发

3.1《web应用开发》课程标准开发过程 (见图2)

网络技术专业教师与深圳行业企业专家、毕业生进行了多层次的面谈讨论, 了解到网络技术专业典型职业岗位有网络管理员、系统管理员、网站管理维护员等首次岗位以及网络工程师、系统工程师、网站设计师等发展岗位。同时了解了岗位职业教育所需的教育条件, 确定了首次岗位和发展岗位的工作任务和工作过程, 进而把在实际工作中出现频率高、知识性强的工作任务集合形成行动领域, 从而得到网络技术专业的行动领域, 包括网络管理、系统管理、网络构架集成、网站设计、网络信息安全、网络数据库维护等工作任务。其中, “网站设计”行动领域具体包含“程序设计、静态网页制作、动态网页制作”等典型工作任务, 按照“由浅入深、逐步递进”的教学法、方法论导出“Web应用程序设计与开发工程师”职业的“学习领域”, 见表1, 因而《web应用开发》是该岗位学习领域的内容之一。然后, 开发该学习领域, 确定学习目标, 学习时间及学习内容。在学习内容设计上, 按照工作过程系统化课程开发要求选择和序化课程内容。

“设计导向”要求“以人为本”, 培养学生的职业综合素质, 因此, 在扩展描述学习领域中, 《web应用开发》学习领域的学习目标不仅包括知识目标, 还包括能力目标和素质目标。通过这一学习领域的学习, 掌握web应用项目开发的基础知识和基本技能, 培养严谨务实的分析问题与解决问题能力, 并培养诚实、守信、坚忍不拔, 善于沟通和合作的品质, 为提高职业能力奠定良好的基础。

在学习时间选择上, 《web应用开发》应在《静态网页设计》、《数据库设计与维护》等学习完成之后开设。

课程内容的两大关键性因素是课程内容的选择和课程内容的序化。

在课程内容的选择上 (见图3) , 《web应用开发》把网站开发环境、窗体控件、主题母板、报表等概念知识和理解性知识作为陈述性知识, 把项目开发的可行性分析、功能模块划分、软件测试等作为程序性知识, 把独立设计解决问题的策略作为元知识, 不仅培养学生的专业技能, 更加重视学生解决问题、创新能力等综合能力的培养。在课程内容排序上, 《web应用开发》以“网上书店”案例为载体, 该案例对知识模块进行重组, 课程开发采用阶梯式连续递进的线性结构化形式。

3.2《web应用开发》课程标准简介

3.2.1 课程概述与设计

《web应用开发》是计算机网络技术专业的一门专业拓展课程, 将课程理论与实践相结合, 是一门实践性较强的课程。

课程的目标是web应用程序设计与开发工程师岗位职业能力的培养。其总体设计理念是, 打破以知识传授为主要特征的传统学科课程模式, 转变为以工作任务为中心组织课程内容, 并让学生在完成具体项目的过程中学会完成相应工作任务, 并构建相关理论知识, 发展职业能力, 为学生可持续发展奠定良好的基础。课程内容突出对学生职业能力的训练, 理论知识的选取紧紧围绕工作任务完成的需要, 同时又充分考虑了高等职业教育对理论知识学习的需要, 并融合了相关职业岗位对知识、技能和态度的要求。

本课程的先行课是《程序设计基础》、《静态网页设计》、《动态网页设计》等。

3.2.2 课程目标

通过本课程的教学, 在知识目标上实现:掌握web应用项目开发的基础知识和专业技能。在能力目标上实现:培养严谨务实的分析问题与解决问题能力, 能胜任综合商业网站的开发工作。在素质目标上实现:为就业与可持续发展奠定基础, 培养诚实守信、坚忍不拔, 善于沟通和合作、具有创新能力的综合素质和品质。

3.2.3 课程内容

依据web应用程序设计与开发工程师岗位的能力目标, 在总体设计思路基础上, 依据项目安排表, 设计每个项目的教学目标、教学内容、重点难点及解决方案, 给出具体的教学实施方案。本课程将网上书店综合项目分解为十个具有递进关系的学习情境, 具体包括:网上书店系统需求分析、网上书店系统功能设计、数据库设计、母版页设计、主页的设计与实现、用户注册与登录页面的设计、购物车管理、后台管理、运行测试、网站发布。

3.2.4 学业评价考核

学业评价考核中贯彻能力本位的理念。变单向教学评价为多元评价, 将静态教学评价变为动态评价。变学生被动应对考试为主动参与考核, 将结果式考核变为分阶段分层次的不同学习情境的过程考核, 重点评价学生的职业能力。以过程性考核为主, 结果性考核为辅, 其中过程性评价的比重为60%, 结果性评价的比重为40%。

4 结论

《web应用开发》学习领域课程标准的开发基于“设计导向”的理念, 借鉴德国的“工作过程系统化”学习领域课程开发的八个基本步骤。本文分析了在课程标准的设计与开发中需要关注的课程开发的两大关键性因素, 详细介绍了课程内容的选择和序化。

参考文献

[1]赵志群, 王炜波.基于“设计导向”的职业教育思想[J].职业技术教育:教科版, 2006, 19 (27) :10-13.

web个人主页课程设计篇8

[关键词]Web20;个人知识管理;知识管理

[中图分类号]F0623 [文献标识码]C [文章编号]1008-0821(2010)05-0170-04

Research of Personal Knowledge Management Based on Web20Wei Bailian Zheng Jianming

(Department of Information Management,Nanjing University,Nanjing 210093,China)

[Abstract]As a new generation of the Internet,Web20 has been widely used with its technical superiority.The operation mechanism of personal knowledge management has been discussed in this article.Technical support for personal knowledge management of Web20 platform has been summarized in this paper from the knowledge acquisition,knowledge processing,knowledge exchange and sharing aspects.A personal knowledge management process has been proposed and demonstrated,the superiority of personal knowledge management based on Web20 and the attention which needs to be paid to three issues of personal knowledge management in Web20 era have also been discussed.

[Keywords]Web20;personal knowledge management;knowledge management

1 Web20与个人知识管理的关系概述

11 个人知识管理内涵

丹麦图书与信息科学皇家学院的Trine Schreiber教授指出,个人知识管理是创建信息结构的过程,这个过程支持个体的学习。个人知识管理还是一种方法,这种方法减少信息过载带来的不便,同时又不减少个体学习的机会[1]。简单来讲,个人知识管理是以人为中心,以信息为基础,以知识创新为目标,将知识看做一种可开发资源的管理思想。它用计算机技术、通讯技术和网络技术帮助个人有效地管理飞速增长的信息,把个人认为最重要的且将成为个人知识库的信息进行整合,为那些零散的、随机的信息转换成可系统利用的以及可扩展的个人知识提供了一种策略[2]。

个人知识管理包括三层含义:其一,对个人已经获得的知识进行管理;其二,通过各种途径学习新知识,吸取和借鉴别人的经验、优点和长处,弥补自身思维和知识缺陷,不断建构自己的知识特色;其三,利用自己所掌握的知识以及长期以来形成的观点和思想再加上别人的思想精华,去伪存真,实现隐性知识的显性化,激发创新出新的知识[3]。

12 Web20与个人知识管理

Web20最大的特征是以个人为中心注重用户参与,更具开放性、去中心化,信息传播以微内容为基础,它为个人知识管理提供了一系列有效的技术与平台:通过RSS信息推送服务、网络书签的信息推荐服务、网络标签的定制、博客专业搜索引擎等手段来实现个人知识的获取;通过互动标签TAG来进行知识组织;通过博客、WIKI等实现知识的创新与交流;通过简易信息聚合、社会性网络软件以及网摘等技术与平台实现知识的共享。Web20这个新的互联网模式与个人知识管理相融合,可以使得Web20的优势充分发挥,个人知识管理发挥最大的效益。

13 知识分类

个人知识以显性和隐性两种形式存在。隐性知识根植于个人的内心世界,它源于个人的经历,体现在其行为、世界观、价值观和情感之中,它是知识创新中最为基础性的,它具有很强的抽象性和个性特征,并且往往很难被以某种方式表达出来,因此这种形态的知识很难被交流和传递。显性知识是在对待某个具体问题上所采用和体现出来的知识[4]。个人显性知识是指个人可以有效利用的外在知识,包括因特网上的各种信息、个人所在组织的知识库、书籍报刊等包含的信息等等,相对于个人来说,这些显性知识属于社会知识。本文重点研究个人显性知识的管理。

2010年5月第30卷第5期基于Web20的个人知识管理研究May,2010Vol30 No52 个人知识管理的运行机制

个人知识管理可分为4个部分:知识获取、知识存储、知识共享和知识利用。其具体运行可以描述为:明确自己的信息需求,制定一个知识获取战略;搜集信息并对其进行整理加工;管理个人已有的显性知识,使其条理化、系统化;将获得的信息进行筛选、梳理,并与自己原有知识体系进行融合,重新建构知识体系;评估/评价所存储信息和目录的价值,与他人交流共享;知识创新,知识利用。用下图1表示如下:图1 个人知识管理运行机制图

个人知识管理是个人与社会不断交互的过程,个人为了满足自身的信息需求,需要不断的从社会环境中获取信息完善重构自身知识体系;个人提高了自身知识水平,在解决实际问题的同时也在不断地给社会贡献新知识,两者相互依存。我们可以从个人和社会两个角度来研究个人知识管理,从个人角度来看,个人进行知识管理是个人为了满足自身信息需求而进行学习、获取知识,其结果是个人不断满足自身的信息需求并创造新知识;从社会角度来看,个人进行知识管理使得社会知识不断被利用,从而实现知识的价值,同时,社会总知识在不断的增加。

21 知识获取机制

知识有显性知识和隐性知识两种,对于不同的知识类别,其获取机制不同。隐性知识深藏于个人的头脑、经验中,难以用与语言表达、传播,管理学大师彼得•德鲁克曾经说过:隐性知识只能被演示、证明它的存在,学习这种知识的惟一方法是领悟和练习。因此,可以通过与他人进行沟通交流并学习从而获取其隐性知识。显性知识根据记录方式、记录载体的不同而分为不同的类别。对于网络上的知识资源,可以通过访问站点、搜索引擎搜索等方式获取;对于个人所在组织知识库的信息,可以通过查找知识数据库获取所需知识信息;对于发表在书刊、报纸上的文章,可以通过购买图书、订阅报纸而获取相关知识。

22 知识共享机制

知识共享要通过一定的平台进行。对于个人已成系统的知识,可以以论文、著作等学术性成果公开发行的方式供他人参阅,将个人知识与他人、社会分享;对于一些个人经验、价值观之类的隐形知识,可以通过召开座谈会或者写博客等方式与他人沟通交流,将经验与他人分享从而促进知识的转移和学习。Web20为知识共享提供了丰富的平台,比如Blog、SNS、P2P、Wiki等,这些技术平台加速了知识共享的进行。

3 基于Web20的个人知识管理

31 Web20为个人知识管理提供技术支持

311 知识获取

Web20平台下的RSS、BLOG、WIKI等为个人知识获取提供了便利的渠道。RSS,也叫简易信息聚合,是快速获取信息的一种有效方式。它可以根据用户的需求自动浏览和监控某些指定网站的内容,将预定的内容推送给用户并自动更新。有了RSS,用户再也不用一个网站一个网站,一个网页一个网页去搜集信息,只要将所需要的内容订阅在一个RSS阅读器中,一旦有了更新,RSS阅读器会自动更新,给用户节省了很多时间。BLOG是个人或群体以时间为顺序所作的各种纪录,并且不断更新。BLOG有很多种,比如个人博客、企业博客、产品博客、知识库博客、公共社区博客等等,个人可以根据自己学习或者生活的需要,针对某一特定类型或者综合几种博客类型搜集自己所需的信息。WIKI站点一般都围绕一个严格的主题进行写作,站点的内容要求着高度相关性,问题讨论得很充分、深入。每个主题的信息充分、完整、权威。维基是个人知识管理的一个关键工具,易于使用,它的协作式写作方式节省个人的时间和成本[6]。

312 知识加工

Web20为个人知识加工提供的工具有TAG、网摘等。TAG是Web20环境下形成的一种新的分类方法,其对象是日益丰富的网络信息,其功能是以关键字的形式进行内容分类。互联网上的信息海量繁杂,只有对其进行归类整理才能为自己所用。TAG提供的关键词分类与以往的关键词有所不同,用户可以按照自己的理解选定关键词,而不需一定用文中某个词作为关键词,这一特征有利于个人对自身知识进行个性管理。各个TAG之间形成平行的关系,个人可以对TAG进行相关性分析,产生相关性的分类,可以有效管理关联信息。网摘是一种互联网服务,提供收藏、分类、排序、分享互联网信息资源的方式,它可以提供很多本地收藏夹所不具有的功能,它的核心价值已经从保存浏览的网页,发展成为新的信息共享中心,能够真正做到“共享中收藏,收藏中分享”。网摘对网址的汇集、索引功能,为个人进行知识管理提供了重要手段。

313 知识交流与共享

Web20汇集了大量支持交流的平台,人们利用这些平台,可以进行畅通的交流与探讨。博客以其知识性与互动性的特征,可以促进具有相同兴趣爱好或者具有相同专业背景的人及时地进行沟通与交流,实现知识的共享[7]。除此之外,IM、P2P等也是信息交流共享工具。IM是一种可以让使用者在网络上建立聊天联系的实时通讯服务,目前在互联网上受欢迎的实时通讯软件包括QQ、MSN Messenger、Yahoo!Messenger、NET Messenger Service、ICQ等。利用P2P技术,个人可以直接连接到其他用户的计算机进行文件交换,而不用像过去那样连接到服务器去浏览与下载,P2P让个人与个人之间直接联系起来,交流与共享更加方便与快捷。

32 基于Web20个人知识管理的流程

321 知识获取——个体知识更新——个人发展

获取知识是个人进行知识管理的第一步,Web20环境下,知识来源更加丰富、知识获取途径更加快捷。网络上大量的BLOG为个人知识获取提供丰富的知识来源,个人只需去BLOG站点访问即可获取所需知识。一般,BLOG都提供RSS服务,更加节省个人知识获取时间。WIKI以提供专业、权威的知识被广泛关注,个人可以从WIKI站点获取所需的专业知识。Web20环境下的知识提供形式,大大提高了个人获取知识的效率,为个人知识管理提供了优质平台。

322 知识发布——社会总知识增加——社会发展

知识发布是与知识交流共享同步的过程,个人通过BLOG、BBS等平台与他人交流、共享知识,在这个过程中,个人发布了自己的认识与经验,其他人通过交流平台可以共享其知识成果。社会总知识的增加由所有个体共同贡献,每个人都是推动社会发展的主体。人人参与是Web20的一大特色。

323 知识循环——相互促进——共同发展

个人知识管理的过程是促进社会知识不断循环的过程,个人知识与社会知识相互转化,社会知识为个人知识的更新提供知识源,个人为社会总知识增加贡献力量,两者相互促进、共同发展。

33 基于Web20个人知识管理的优势

331 统一的管理平台

Web20为个人知识管理提供了统一的管理平台,个人可以随时随地获取信息、交流经验、发表观点,有利于知识的共享与传递,以及新知识的创新。用图2来表示个人在Web20平台下如何管理自身知识,从图中可以看出,Web20平台让个人与社会联系起来,通过这个集中统一的管理平台,个人可以顺畅的获取外界信息,并将其有效的内化为自身知识,最终创造出新的知识并发布出去,为社会知识的创造贡献力量,Web20环境下,每个人都是知识的贡献者。

332 高效的信息获取能力

Web20环境下,个人获取信息不再需要一个个网站、一张张网页去搜集,RSS的信息推送使得用户只要被动接收,各种博客也包含大量的高质信息。Web20平台有一系列组织、加工网络信息资源的软件,这些软件的存在使得纷繁芜杂的网络信息变得有序、可控,个人可以高效、快捷、精确地获取所需信息,大大节省了个人的时间。

333 加速了隐性知识和显性知识的相互转化

Web20为用户提供了丰富的交流平台,通过知识的交图2 基于Web20个人知识管理流程图

流与共享,个人可以获取到他人的隐性知识并内化为自身隐性知识,最终个人将自己的感想或所得通过共享平台发布,实现了他人隐性知识——个人显性知识的转化。个人将自己的经验等隐性知识记录在博客上,也是隐性知识的显性化。通过阅读他人的博客,去伪存真,学习消化,最终内化为自身的隐性知识,从而又达到了显性知识隐性化[8]。

334 专家级协助

博客是Web20时代的一大主流产品,很多领域专家都有个人博客,他们在博客上会发布对专业问题的见解,通过阅读专家们的博文,我们间接的获得了专家级帮助。博客除了发布信息的功能以外,还支持留言/评论,我们可以通过博客的留言栏与专家进行互动,在专业问题上寻求他们的帮助。

34 Web20时代个人知识管理需要注意的几个问题

341 个人隐私保护问题

Web20为个人知识的存储提供了平台,比如个人在微博上记录生活经历,对于个人而言,是一种知识的存储,同时,这些记录里难免会包含一些个人隐私知识,他人通过访问微博主页可以获取这些隐私知识。因此,Web20网络模式下,个人需要注意隐私保护问题。

342 知识正确性问题

Web20提供给用户的是自由的信息交互空间,基本或者很少有内容的审核和控制。因此个人进行知识管理时需要注意知识的正确性,以确保个人知识管理的有效进行。

343 知识产权保护与知识共享问题

Web20的一些应用及技术,典型的如p2p软件等,因为缺乏监控的人员和机制,无法有效的控制盗版软件、书籍、音乐、电影等的发布及下载,因此,Web20在为知识共享提供便利的时候知识产权保护问题也随即凸显出来。

4 结束语

Web20以其丰富的技术与平台为个人知识管理提供支持,在Web20环境下,个人知识管理更加高效、快捷,个人知识与社会知识不断循环更新,个人与社会不断发展进步。

参考文献

[1]Schreiber,T,& Harbo,K.Information literacy and personal knowledge management.the Nord I&D,Knowledge and Change,12th Nordic Conference on Information and Documentation,2004.

[2]史新伟.个人门户30下的个人知识管理[J].情报资料工作,2009,(2):61-62.

[3]孔德超.论个人知识管理[J].图书馆建设,2003,(19):17-18.

[4]邱均平.论知识管理与知识创新[J].中国图书馆学报,1999,(3):5-11.

[5]Jones,Rachel.Personal Knowledge Management through communicating[J].Online Information Review,2009,(33):225-236.

[6]Lyn Grace,Tay Pei.Wikis as a Knowledge Management Tool[J].Journal of Knowledge Management,2009,(13):64-74.

[7]Ward,Ruth.Blogs and wikis:a personal journey[J].Business Information Review,2006,(23):235-240.

施工组织课程设计个人小结篇9

学号111308227 在5月底，崔老师布置施工组织的课程设计，我们组的数据是6幢5层工期15个月。我们寝室共5个人。经过我们的共同努力，分工合作，于6月17日这份课程设计终于出炉。而我负责画横缸图也就是施工进度横线图！而其中的数据就要感谢我们寝室的林施华同学，是他经过辛苦整理计算所得。当然其他人也功不可没！

由于条件有限，没有专业的软件来画施工进度横线图，我们只好有了Excel，这还是有隔壁寝室金飞告诉我的。他是我们寝室请来的外援，并在他的强有力的助攻下帮助我完成了这个施工进度横线图！由于上课木有仔细理解老师的上课讲第二章的内容也就是如何绘制施工进度横线图，我在其中遇到了困难。在金飞同学的指导下和他们组已经完成的施工进度横线图为模版，用了一个下午的时间，我们终于完成了这图。完成之时我们充满了成就感和喜悦感，因为这是我们自己独立完成的！原来课程设计也没我们想象中的那么难。所有事只有做了才知道难易！

个人博客课程设计说明书篇10

课程名称：项目实训

（一）课程设计

设计题目：个人博客

已知技术参数和设计要求： 1.问题描述（功能要求）：

个人博客系统用来展示个人风采，其中模块主要包括：(1)个人档案(2)博客日志(3)技术文章(4)友情链接等网站常用频道性能需求如下：

(1)界面友好，易于操作。(2)简洁美观

其他要求：

1）HTML网页代码不用借助于工具，通过祼编程实现，如记事本实现2）每行代码增加注释 3）所有文档规范完整

4）所有里程碑需通过小组评审 2.运行环境要求：（1）客户端： windows操作系统 360浏览器（2）服务器：

windows server 版操作系统 IIS组件安装

3.技术要求：

要求分别使用三种不同的方式来实现。

 HTML  CSS  JavaScript  XML  PhotoShop（（（（(1)了解有关Web网站建设的基本概念与方法。

(2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。

(3)掌握网络信息发布与维护的方法。

设计工作量：

40课时

工作计划：

(1)2011级软件工程所有班级

2课时：课程设计相关知识介绍。多媒体教室 18课时：设计，普通教室。

16课时：上机、调试。计算机系机房 4课时：答辩。计算机系机房。

（具体时间地点老师先申请，机动安排）

指导教师签名：

日期：

教研室主任签名：

日期：

系主任签名：

日期：

摘要

课程的综合网页与网站的制作实践，是在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此设计对实现本课程的培养目标,提高学生的综合素质有着重要的作用.本课程设计是培养我们创建一个静态的个人博客网页，主要采用的是html语言编写（其中还包括CSS层叠样式表和JavaScript脚本语言），里面包含六个模块，分别是首页、个人档案、心情日志、温馨相册、友情链接。是为个人设计的一个介绍与展示自我的数字平台。

本次实训是培养学生自学能力，而且通过实训提高学生的个人学习素养以及团队精神，以后更适合就业。本次通过对博客的制作，让学生学习制作网页，了解网页制作。培养学生综合实力。

该网页编写内容用到html顶级代码、ps制图、设置下拉菜单、图片运动和怎样创建链接、插入图片、音乐、跑马灯、动态时间，以及用户界面的设计。

关键词：博客系统，html，设计网页,css

1个人博客系统需求分析...................................................................................................................................5 1.1 题目描叙...............................................................................................................................................5 1.2 实训目的...............................................................................................................................................5 1.3 需求分析...............................................................................................................................................5 2静态网站开发技术介绍...................................................................................................................................7 2.1 PhotoShop效果图设计方法..................................................................................................................7 2.2 HTML脚本语言....................................................................................................................................8 2.3 CSS层叠样式表....................................................................................................................................9 2.4 JavaScript脚本语言..............................................................................................................................9 3 网站开发具体实现........................................................................................................................................10 3.1 首页布局设计.....................................................................................................................................10 3.2二级页面设..........................................................................................................................................16 3.2.1个人档案.................................................................................................................................16 3.2.2心情日志效果...........................................................................................................................18 3.2.3 技术文章效果..........................................................................................................................19 3.2.4 程序设计效果........................................................................................................................21 3.2.5 网页制作效果........................................................................................................................23 3.2.6温馨相册效果...........................................................................................................................26 3.2.7友情链接效果...........................................................................................................................29 3.3 跑马灯设计.........................................................................................................................................30 3.4 动态时间设计.....................................................................................................................................32 3.5 下拉菜单设计.....................................................................................................................................33 4网站创新与改进点.........................................................................................................................................35 4.1创新点.................................................................................................................................................35 4.2改进点..................................................................................................................................................35 5总结.................................................................................................................................错误！未定义书签。参考文献............................................................................................................................................................36 附录A 源代码:.................................................................................................................................................37

1个人博客系统需求分析

1.1 题目描叙

个人博客系统用来展示个人风采，其中模块主要包括：

1）首页

整个博客的主要部分，其中包括动态时间、下拉菜单和状态栏等难点问题。首页主要显示个人信息，最新的心情日志信息。2）个人档案

括基本资料（用户名，QQ，昵称，性别，移动电话，所在城市，生日，E-main）就读大学，个人说明，座右铭等信息。3）心情日志

显示所有的心情日志，包括日志名称，发表时间。也可以考虑分页显示。3）技术文章

技术文章包括程序设计和网页制作。技术文章显示所有的文章，包括文章名称，发表日期。二级页面程序设计中包括所有关于C语言的文章，可在三级页面中打开。网页制作也一样。4）温馨相册

显示所有的相册，包括相册封页和相册名称。大图显示单张照片（三级页面）。5）友情链接

显示友情信息，其中包括多个网站。

1.2 实训目的

通过本实训，应具有创建一个静态的小型个人网站，并将其发布到Internet上运的能力

1）.掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。

2）.了解有关Web网站建设的基本概念与方法。

3）.掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。

4）.掌握网络信息发布与维护的方法。

5）.掌握HTML、CSS、JavaScript等也页面设计方面相关技术

1.3 需求分析

设计的题目是个人博客系统，所需功能如下： 1）首页

首页主要显示个人档案，最新的心情日志信息 2）个人档案

个人档案主要包括几个大的分类：基本资料，教育背景等 3）心情日志

显示所有的心情日志，包括日志名称，发表时间。4）技术文章

显示指定的文章信息，包括文章名称，发表时间。5）友情链接

显示友情信息 6）温馨相册

显示所有的相册，大图显示单张照片。7）其他频道信息。

依需求分析，设计如下的功能结构：

2静态网站开发技术介绍

静态网页早期的网页都是一些静态网页.这些静态网页也称之为静态HTMI.文件，它是一次性写成。制作好静态网页后，内容相对稳定.不需经常修改，文件比较小.适合在网上传抽，执行效率很高;但具有固定信息的HTML文件，当需要改变其信息内容时，就必须重新使用没计工其来更改，然后重新放置在Web服务器上。HTMI，文件从本质上来说是文本文件.它不需要进行编译就能执行，是靠运行它的浏览器解释执行的。静态网页中一般包含文本、图像和超链接。

2.1 PhotoShop效果图设计方法

用PhotoShop网页效果图设计最大特点就是色彩统一，布局协调，结构清晰。给人以沉稳，纯朴的感觉。图像关键首先在于背景图象的选择，图像如果过于花俏则会使表单过于杂乱，如果颜色过深则会掩盖了表单上的字，这个实验很多要用到椭圆工具和钢笔工具，因此要先熟悉地掌握他们的使用方法，多看课本并进行一些实验操作能比较快地掌握它们的使用方法。部分的图形元件然后执行“修改组合路径联合”命令，联合途径，因此不能把整个图象作为绘制的对象，否则就不能达到实验效果，操作的难度也会加大。同时对 “修改组合路径联合”命令要深入了解才能在适当的时间和位置使用。最后用ps对色彩的表现和转换、改变、编辑。首先要掌握PS，我们要学会：

常用选择工具及填充色彩工具的使用。

路径工具及色彩工具的使用。

图层及图层混合模式的使用。

常用滤镜使用技巧

图层色彩调整及图像模式的使用。

路径工具的使用技巧。

通道及路径的使用技巧。

图层、通道、路径高级实例分析讲解。

常用滤镜使用及外挂滤镜使用技巧。

Photoshop在照片中的应用，婚纱照、老照片等技巧。Photoshop在平面广告创意中的应用。

Photoshop在包装盒制作中如何布局及包装盒制作中的应用。Photoshop在网页制作中如何布局及网页制作中的应用。Photoshop在效果图后期处理中的应用。

一、建立新文件

不要太大，因为背景图一般是平铺在底面上的。然后把背景填充上浅浅的颜色如淡黄色：

二、输入文字

1.选择喜欢的字体和颜色输入文字，然后调整字的大小和位置。这里有几个注意事项：

第一，字的大小和字型最好不要太死板，最好用另外的字体和不同的尺寸突出你想突出的一个或几个字，必要时可以拉长或压扁。

第二，字和背景的颜色搭配要得当，这没有什么规律可言，一般只要看着顺眼就行了。2.然后选择“图层->新建->图层”或Ctrl+N快捷键建立新层。3.在图层上进行编辑。

三、插入图片

这一步，可以从外部插入图片，也可自己利用PHOTOSHOP制作一些图片。

三、技术处理

1.这里的步骤很随意，试几个滤镜，只要得到自己满意的效果就行了。从这里的操作体现出个人的审美观点。

2.在层面板上点击背景层前面的小眼睛，隐藏背景层，然后对单个图层进行操作。[1]

2.2 HTML脚本语言

HTML（Hyper Text Markup Language 超文本置标语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名。生成一个HTML文档主要有以下三种途径：

1.手工直接编写（例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具）。2.通过某些格式转换工具将现有的其它格式文档（如WORD文档）转换成HTML文档。3.由Web服务器（或称HTTP 服务器）一方实时动态地生成。

HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样。[2] 2.3 CSS层叠样式表

CSS 指层叠样式表(Cascading Style Sheets)，样式定义如何显示 HTML 元素，样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题，外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中，多个样式定义可层叠为一样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的.css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。[2]

2.4 JavaScript脚本语言

JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。由数行可执行计算机代码组成。JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，函数由关键字function定义（也可由Function构造函数构造）；使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用；函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数；return语句用于返回表达式的值。[2] 网站开发具体实现

3.1 首页布局设计

网页的内容通常是由图片和文字组成。由文字构成的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是网页能吸引人的一个有力保证。所以我在首页布局时特别考虑了颜色的搭配和图片的选择。同时，超链接是网页中最活泼、最有吸引力的一种元素。表格在许多工作中有着广泛的应用。

首页是以一整张图片做为背景，其头部有首页、个人档案、心情日志等六个超级链接，使用的代码是列表UL，图片代码如下：