网页设计 分别显示 第1篇
1目前企业对网页设计师的要求
随着4G网络的成熟和智能手机的普及，网页设计师不仅能制作普通网页界面，更多是能设计艺术界面和交互界面的网页，能适应多平台等特点。根据我学院每年对企业调研，目前企业对网页设计师的要求：（1）根据企业需求和定位能够设计符合当下交互技术的流行网页界面；（2）能够制作静态网页和网页前端javascript特效，较好配合后台程序员进行网站开发；（3）有较强的自学能力，是艺术与技术相结合的高素质技术技能型人才。
2高职网页设计课程的教学现状
我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：
开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程，是它包括构图、排版、特效制作等多种知识，决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施，但针对性不强，如针对企业需要艺术与技术相结合的网页设计人才，专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础（java方向）》相关专业技术课程，也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程，但没有真正以企业工作过程为导向，开设艺术与技术相结合的网页综合项目课程，学生很难融会贯通运用综合知识进行网页设计，另一方面由于网页设计技术的飞速发展，从最早的表格布局到现在DIV+CSS布局，网页语言从最早的到现在的HTML5，网页的设计风格也随着时代的变化而不断改变，社会对网页设计师的要求不断提高，而高职院校相关专业课程没有适时更新，学生也缺乏提升自我的学习能力，因此高职毕业生很难适应网页设计这一行业的人才需求。
教师专业水平有限，团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程，但由于各个任课教师专业水平不同，团队意识不强，较难形成一个企业整体项目意识，通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学，有的教师自身受限专业水平与实践技能，无法与专业组教师达成共识，造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系，网页设计综合技能很难得到提高，只能满足于淘宝美工却无法胜任电商网页设计师。
教学方法单一，仍以传统教学为主长期以来在教学中仍以教师为主体，而忽略学生的主体地位。h教师在授课中，往往先讲解网页各独立元素的设计制作，与整体案例的设计制作相分离，导致学生在实践过程中，学生只掌握每个工具单独使用，不能将网页各独立元素的制作与整体项目相结合，当需要综合运用各种软件工具知识去制作完整项目时，却显得力不从心，即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整，授课内容还是以理论知识为先导，教学手段单一，老师虽是孜孜不倦的教，而学生兴趣缺乏，参与性不强，不能培养学生的自主学习能力和团队协作能力，往往老师累得满头大汗，学生却收获甚微。
生源质量参差不齐随着高职招生人数不断上升，生源质量参差不齐，生源质量也在下降。教师引入企业项目进行网页设计教学，学生完成的程度和质量不一，有些同学无法跟上进度，就出现厌学、迟到及旷课等现象。
3网络环境下“网页设计”混合式教学构建模式及优势
网络环境下“网页设计”混合式教学构建模式网页设计集艺术与技术为一体综合性课程，既需要个人创意设计能力，又需要全面应用高新技术能力，具有很强的实践性和综合性。在网页设计授课过程中，教师要从易到难引入企业项目，引导启发学生，并在课堂上统一进行项目分析，在讲解过程中，将网页设计的艺术美学及专业技术知识融入到所要完成项目中，调动学生的学习积极性、自主的对网页综合知识进行建构，同时通过现代网络视频教学，演示网页设计从选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等环节，激发学生对网页设计项目整体认识，对网页设计的兴趣，让学生自己产生要制作属于自己的项目作品，学生从传统教学“要我学”变为混合教学“我要学”的教学模式。通过混合式教学模式，把传统学习方式的优势和网络学习方式的优势结合起来，教学以学生为主体，充分挖掘学生学习过程过程积极性、主动性和创造性，培养艺术与技术相结合的网页设计技术技能型人才。搭建好的网页设计的网络教学平台、教育教学资源库，运用在线教学与课堂教学优势互补的混合式教学模式，教师通过基于网络的课堂进行教，学生除了课堂学习外，课后自主在线学习、在线做作业、讨论协作、在线答疑等学习活动。将教师的网页设计教学由课堂上扩展到了课堂外，才能真正培养出综合能力强、创造性思维突出的网页设计人才。
网络环境下“网页设计”混合式教学的优势(1)提高教师“双师”素质：网页设计课程是基于企业项目教学，项目设计是项目教学的成败的关键，要求教师不仅要具备深厚的理论知识，还应具有一定职业技能与实践经验，即教师具备“双师”素质，通过网络教学平台建设，优秀专业教师与企业技术人员带领专业较弱教师，共同完成项目网页设计整体设计。通过开展混合式教学，进一步提高教师的教学设计水平和实践技能，更新教师的教育观念，提高教师自身的业务水平，促进教师向双师型转变。(2)教学资源丰富：教师与企业技术人员在网络教学平台提供各种媒体素材，包括视频、动画、课件、网页设计优秀作品等教学内容，远远超过教师课堂讲授与教材内容。网络教学平台进一步为学生提供课后学习实践企业项目，引入企业项目任务，能从高职学生特点出发，项目从易到难，循序渐进，让学生学习实践觉得能“跳着够得着”，既有挑战性，又能完成企业项目并使学生获得成就感，提高学生综合实践技能。通过网络在线教学优势，为学生提供了自由选择的学习空间，有更丰富网络学习资源，激发学生学习兴趣，调动学生的主动性与积极性，有效提高了学生的创新思维能力，对于培养学生的创造精神和树立终身学习的观念有重要的意义。(3)学习自主性：传统的课堂教学受限上课时间，教学内容也受限，存在形式与内容单一。特别对于学生难于理解的重点与难点，老师可能认为在课堂已讲解很清楚，但学生还是没有理解等诸多弊端，而通过混合式教学，利用网络在线教学等辅助手段在很大程度上弥补了这种不足，让学生能在课后按需学习，让差生或请假学生补缺补漏，赶上全班统一进度。通过网络教学平台和教育教学资源库，可以24小时开放教学，大大打破上课的时间限制，学生可以把课堂当中没有消化的内容利用网络的在线自主学习，进一步的加深理解，使课堂教学加以延伸。利用在线学习，基础好的同学也可以通过网络教学平台和教育教学资源库进行自学，提升自己的学习能力。(4)网络在线答疑：利用在线系统为教师和学生提供一个良好的交流平台，师生通过平台将获得更多的沟通机会，师生之间在平台上在线讨论交流答疑，学生之间也可以在平台上在线讨论交流答疑，及时解决学习过程中遇到问题，调动了学生的积极性，进一步提高教学水平。
4混合式教学模式实例分析
在网络环境下，构建与传统教学相互融合网络教学平台，实现交互式教学平台，学生自主学习的空间。下面以学院《Dreamweaver网页设计》为例说明，实现传统教学与网络教学的混合教学模式。
1.设计制作企业项目。课前教师与企业人员共同设计制作《**企业网页设计》项目，共构建八个学习情景：《学习情境1企业网页图文混排》；《学习情境2企业网页表格数据制作》；《学习情境3企业网页表格布局》：《学习情境4企业网页超链接设置》：《学习情境5企业网表单网页制作》；《学习情境6企业网页制作-css样式表应用》：《学习情境7企业网页布局-div+css布局》；《学习情境8企业网页JavaScript特效应用》。
2.课堂教学内容以网页设计的工作过程为依据，划分上述八个学习情境，采用混合式教学模式，按任务展开教学。每个学习情境都包含：①任务导入：首先提供学生与所讲知识相关的网页案例，吸引学生注意，然后导入学习情境任务；②分析总结：教师引导学生发现问题，并提出问题，激发学生学习兴趣，经过共同分析与讨论，总结出具体的制作方法；③实训(仿真实践，在线测试)：学生根据学习情境，在教师的示范讲解下，独立完成操作，在线测试。④讲评总结：学生在制作过程中会出现各种各样的问题。教师所做的是将问题汇总。总结出相关的注意事项，点评作业时，侧重学生的思维引导，及时给予学生鼓励。⑤能力扩展：提供给学生实践性较强的案例，要实现效果，需要结合以前的知识和运用一定的技巧。这样既扩大了知识面。又体现了知识的综合性。在课堂讲解环节，可以适时插入教学视频、技术操作视频、实例展示等内容，解决传统教学方法无法讲清楚的知识点和实际操作演示，使教学效果更生动具体。通过学习情境，学生目的明确，整体性学习Dreamweaver软件各个工具，运用到每个学习情境任务中，学习网页各独立元素与整体学习情境相结合。
5小结
混合式教学模式突破了传统的单一课堂教学模式，在网络教学平台上信息量大，开放性、灵活性、交互性强，与传统教学相互融合，不断补充和完善网页设计教学内容，拓展了学生的视野，为学生提供了广阔的学习时间与空间，全面提高高职学生网页设计操作技能和综合能力培养；调动了学生的积极性，变“要我学为我要学”，使得以学生为中心自主学习得以实现，提高学生自主性学习能力；从教学形式上，进一步完善了教学方法与教学手段，在信息技术环境下，混合式教学模式是网页设计教学的一个新的发展方向。
网页设计 分别显示 第2篇
该网站使用了CSS3的媒体查询功能来适应不同屏幕尺寸。通过为不同屏幕宽度设置断点，并调整布局、字体大小和间距等样式，确保在不同设备上都能提供良好的视觉体验。例如：
@media (max-width: 768px) {
.container {
width: 100%;
padding: 20px;
nav {
flex-direction: column;
网页设计 分别显示 第3篇
1、网页中使用的多媒体技术
图形图像处理技术
图形、图像是一种非常直观的表现形式，也是在多媒体信息当中占有很大一部分的比重，在网页当中是设计者非常愿意运用的一种形式。通过如下几个步骤：获取元素、处理元素、输出元素、元素的数据压缩以及图像的储存介质能够出现二维或三维的图像。一般情况下获取元素使用工具的采集以及扫描技术进行，能够出现很多种不同类别的输出形式。处理的方法也各式各样，如使用photoshop等软件，按照有关的要求经行对于图像的处理，像剪切、柔化、对比度等方面，最后使用合适的图片输出。一般常用的图片格式为：BMP、GIF、JPEG、TIFF等，现在有很多的网站能够浏览并且储存GIF、JPEG格式的图片。网页在进行设计时运用不同的元素的图像能够让网页更加的生动，起到吸引眼球的效果。
动画处理技术
一般的动画格式有GIF、FLIC、SWF以及JAJA等，在目_络上以及生活中使用最多的为GIF以及SWF格式的图片，因为FLASH动画为矢量的，使用这两种格式的图片能够保证其动画显示的效果达到理想的状态又能保证其体积小的特点，所以在网络上得以广泛的运用。JAVA是一种编程语言。可以用起来编写的applet的小程序有着跨平台执行的优点，适合网上互动的游戏以及手机上的动画，其前景十分宽，适合进行更深的发展。
音频处理技术
现在，网上一般支持格式有MIDI、MP3、WAV等，其科技在多媒体技术当中已成为比较成熟的科技，在网页设计当中应用的时间也比较长。网页当中的音频的获得方式各式各样，比如说能够购买素材库以及在网络上直接下载获取等方式来获得所需要的音频。这项技术已经拥有了一般的音频模拟的方法所拥有的优点，还在互联网上传播、在线播放等方面有着很好的声音效果。声音已经成为了信息资源重要传播途径，将音频以及视频相互结合，能够得到更好的效果。
视频处理技术
能够在VCD光盘、模拟视频收集以及摄像机的储存器当中来获取其有关的视频。视频的特点为数据量比较大。比如说，数字电视的图像当中的SIF的格式，一般的没有经过压缩的图像数据流量为20xxkb左右，但是在CCIR格式的视频，一般没有经过压缩的视频的数据流量能够达到140Mbps.因此，能够看出视频的数据流量是比较大的，假设将没有进行压缩的视频上传，能够出现资源的吞没，甚至能够出现网络崩溃的严重情况。所以，网页设计当中对于视频处理的中心环节就为视频压缩。
2、多媒体技术在网页设计当中的使用
动画、视频设计
在很多网站当中，能够发现有很多动画以及视频的内容，设计富有新意，假设设计合理的情况下，其内容就能更好的突出想要传播的主题，这么做的方式的优点为能够更加直观的表现其内容，还有了视觉的冲击感，让内容更加的具体饱满。FLASH动画已经成为了在动画当中不可或缺的一个组成成分，拥有体积小、传速快的特点在动画当中占据了很大的比重，FLASH动画不仅仅能够表现简单的动画，还能够在网页设计当中建立电子画册，在另一个角度来看，引领了时代的潮流。
图形、图像的版面设计
在制作网页的时候尽量使用少量的图片。因此在运用图像以及图形的时候需要经过精心的筛选，选取一个最能够突出网页内容的图像，并且使用某些软件对图像进行处理，达到预期的效果，在网页当中选择一个最好的摆放位置。把图形文字化或者将文字图形化都是特殊的方式将其内容合理的表达，所以说对于一些将进行图形处理文字，在网页的版面设计当中，这些文字也作为了一种图形来处理。将文字和图片进行结合，不仅仅形式上富有新意，并且能够显得更加的美观。
多媒体元素的使用应符合网络风格的整体性
在设计网页时，一定要应按照原有的主题，依照其主体使用听觉视觉的方式来呈现个观赏者，其多媒体元素使用是用来服务主题的，既要美观又要突出网站的功能。
多媒体技术与艺术相结合
由于多媒体技术的飞速进步，让其在创作的过程就忽略了美观性。所以，将艺术以及科技完美的融合，能够达到更好的效果。多媒体技术的不断进步推动者网站的建设不断的完善，多媒体技术在网站上的应用已经成为了以后发展的趋势，有着宽广的发展前景。
减少多媒体元素格式的使用失误
在网页当中动画内容不应有太多，应于实际情况相结合。多媒体元素的格式完全影响着打开网页的速度，假设网页打开过慢，则浏览者则失去耐心，不愿等待，所以合理设计网页是不可忽视的重要环节。
3、结语
使用者能够使用网站无论在任何时间或者地点接收和发送信息，因此不再受环境和时间的限制。网络媒体已经变成了重要的传播途径，如果注意多媒体元素的合理应用，就能够让客户观看更加有效率。多媒体技术的应用以及体现在社会的各个地方，为人们的生活和工作提供了便利，今后多媒体的应用也会给人类带来巨大的改变。
网页设计 分别显示 第4篇
响应式网页设计原型研究
网页设计毕业论文内容
当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用方法，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。
1两个关键概念：响应式网页设计与原型
响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用JR安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法，它包含三个步骤：
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用
+css布局完成固定宽度桌面版网页的制作并生成网页文件和样式表文件;接着，在这套代码的基础上，利用媒体查询技术、流式布局、弹性图片技术，结合平板终端的页面效果图将代码改造成兼容桌面及平板的网页;之后，在上述修改的基础上，继续利用媒体查询技术和弹性图片技术，结合手机终端的页面效果图将代码改造成兼容桌面、平板、手机的网页;最后，利用火狐和IETester软件查看初步完成的响应式网页，解决跨浏览器的兼容问题，形成完整网站。该过程中任何环节如果出现不妥当都应该返回上个步骤进行重新修改。结合上述对网页设计活动的功能与结构分析，不难发现，响应式Web设计活动原型中的6个典型子活动复杂程度不同。其中“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这4个典型子活动是比较复杂的，包含了很多熟手的关键技术，需要进一步阐述。
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。
兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异，熟手利用HTML5+CSS3制作桌面版网页制作时，一般会在样式文件(扩展名.css)中给出如下初始化代码：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:_宋体_;font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;
及css3完成固定宽度布局时，默认所有内部布局
向左浮动，溢出属性为隐藏;所有构成页面的HTML5元素的默认边距和填充属性为0px;HTML5的列表标签默认项目符号为空，边距和填充为0px。此外，确定页面尺寸,目前大多数显示器为1024像素*768像素，那么以此为默认显示器时，页面的宽度尺寸一般设置为“1007像素”。初始化CSS代码后，接下来就是利用
+CSS完成布局，这里提示新手：完成布局后，务必在IETESTER和Firefox中检查网页布局是否能够兼容主流浏览器。然后，根据桌面版网页平面设计效果图完成页面的制作。此外，熟手的经验是制作过程中频繁检测桌面版网页是否能够完美兼容各种浏览器。
利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸，将最外层的布局
(例如：#wrapper{width:1007px;...})的宽度设置为96%(这个值取决于当前页面的视觉效果，也可以给其他数值);然后，将最外层的布局
内部的页头布局、导航布局、内容布局、侧边栏布局、页脚布局
对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局，也就是将固定像素宽度转换成对应的百分比宽度。
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。
(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时，一般采用“渐进增强与降级”、“利用javascript修复老版本IE”、“使用Modernizr辅助修正样式，按需加载资源”、“给IE6，7，8追加媒体查询功能”等方法。
4结束语
对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
网页设计 分别显示 第5篇
在自然界中，我们所能接触到的图形和文字时相当丰富的，在大自然中充斥着大量的信息元素。在将平面设计应用于计算机之前，平面设计中的视觉元素在信息传递方式上主要是运用于报纸、摄影、广告、标志等传统的平面设计中。随着网络高速的发展，网页中越来越多的运用了平面设计的原理，本文从各地域文化在网页中的设计进行分析，研究地域文化中的视觉元素在旅游网页设计中的影响。
一、网页设计的产生、发展及其特点
我们通过自然界能够接触到大量的图形和文字，这些信息元素充斥在我们的生活生产中。如今，在科技发展的推动下，人们不光只通过纸质平面媒体来传达信息，从动态的传达方式中，我们能够获取声音和影像信息，这些传达方式主要运用于电视录像、广播等传媒媒体。这些影视、平面媒体形成了传统视觉媒介体系。在最近十年来，随着科技的发展除去纸质媒介、广播、电视之后，第四中媒体——网络媒体随之出现，这在我们人类文明的进程中起到了巨大的作用，现如今互联网广泛采用平面设计的原理，其所承载的信息资源可以说是无限大的，其高效性、人机互动性特点对印刷媒体带来了巨大的冲击，可以说网络媒体对平面设计带来了一场史无前例的革命。文字、图形、色彩等元素构成形成了丰富的含义，在网页设计中的通过对视觉元素的不同表现，就能产生不同的效果。网络已经成为了我们日常生活中最为重要的传播工具，也是我们的一种生活空间，为我们的工作、学习以及生活带来了很多便利，网页现以成为网络信息的性能和传输的最重要的组成部分。在网页设计的发展中，这些年来，网页的视觉表达已经从单一的文本布局，到了向各种视觉元素结合的方向发展，而新媒介下的网页设计也已经成为了视觉传达的新方式。因此，视觉元素在网页设计中的应用是网页设计中最重要的部分。
二、目前国内外网页设计研究现状
这些年来，随着越来越多的可视化专业网页设计软件的开发，网页设计制作变得简单易学。随着越来越多的网页爱好者、设计爱好者步入这一艺术领域，使得网页设计、个人主页等热门词汇开始在社会中广泛传播出来。
1.中国旅游网页设计中的现状
在我国的网页设计中，我们正处在方兴未艾的阶段，网页设计人员也是一些大公司所争相礼聘的人才。我们不难发现一些设计人员并没有意识到技术与艺术的结合，只是在片面地理解艺术设计的含义，大多数只是浮于表面，关于网页设计的布局、色彩的搭配这些方面还是注重的太少。主要表现为：第一，一些热门网站的设计布局可谓是千篇一律、色彩的混乱搭配、表面绚丽光鲜实则空洞；第二，网页中广告繁多，版式的纷乱；第三，缺乏地域文化的特色，落后且平庸，缺乏设计感。造成这一现状的原因有很多，一是设计师没有经过专业的训练，更多的是网页设计师的雇佣方式照成的，很多用人单位在招聘的时候往往需要应聘者什么技术都会，抱着_美术设计员精通程序设计”这一想法去招聘，所以造就了大部分网页设计公司都是程序员兼顾着网页设计一职。但是这一方法从根本是就没有解决问题，也不是长远之计。
2.国外旅游网页设计中的现状
国外的网页了设计就很时尚，很突出其个性特点，行业明确，功能明确，安全性高。如韩国和日本的旅游网页设计，他们的设计是艺术性与技术性的结合，能够很好的将本土文化与网页设计结合在一起，传统艺术设计理论与人机交互设计理论结合使得网页界面能够更好的、有效的传递信息，其在旅游网页中的设计中遵循图文搭配的均衡性、色彩的统一性、信息传达有效性和主题的一致性等原则。并且还研究分析了设计中各个信息相互之间的关系，这些优点，都是具有很好指导意义和经验总结的。
三、地域文化概念
地域不只是自然地理环境上概念，其中还包括政治、经济及人文历史背景下的综合体。是指在特定区域中的民俗、传统、习惯等文明表现，是古人传承下来的文化传统。地域文化是具有空间意义的形态，在一定的空间范围内，人们在这一区域中的生态环境下具有相同的风俗习惯，形成独有的心理、审美观念等文化概念。区域文化是物质和精神产品在社会发展过程中的共同作用的结果，是以区域为基准，以历史为主线的。
四、地域文化的视觉元素
地域文化是由多个层次综合而成的，自然环境、人文历史、民俗文化、饮食文化、建筑文化等方面富含很多文化符号元素，这些都能代表一个地域的文化元素，这些文化元素的组成使得地域特征更加丰富多彩。从视觉形象的形态、色彩、风格等的视觉形象的视觉元素中提取，无论把哪种艺术形式所表现出的艺术风格及其独特的文化特征运用在网页中，都能体现一定的地域特征的视觉效果。
五、地域文化对旅游网页设计的影响
视觉元素的图形设计是基于页面功能上的审美设计体现，在旅游网页中，对于预览方面不仅是审美和功能的设计，也需要加入当地人文历史方面的宣传。结合一些优秀案例，吸取地域文化的特殊元素，展现当地文化的魅力。地域文化结合网页设计中传统艺术设计原理，能够更好的让浏览者清晰的了解当地文化，独特的地域元素能够给网页设计带来独有的地域风情，在使用过程中能够有效的宣传，提升地域文化的认知度。
网页设计 分别显示 第6篇
1计算机网页包装设计与图像处理研究
网页包装设计中的图像处理方法
借助计算机设备所进行的网页包装设计，需要对图像资源进行有针对性的处理，制作成为计算机软件开发应用需要的形式。在对图像进行制作时，要明确图像的格式，如果是制作成为GIF图片需要对图像资源进行透明处理，将其处理成为系统需要的图片形式，并在图片资源使用前，进行反复的控制研究，帮助进一步提升图像的色彩搭配合理度，动画格式的图像在内存中占据的比例比较大，根据网页打开后的内存资源来对系统进行更深入的设计，通过将各项设计理念结合使用，能够促进网站设计后的图形表现效果也更加理想，这是传统技术方法中很难实现的，也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些，可以对图片的整体色彩以及明亮程度进行调整。
网页设计中的两种特殊应用
2图像处理在网页设计中的应用解析
网页设计中使用图像的意义
网页图像处理的技巧
3结语
网页设计 分别显示 第7篇
【摘要】网页设计是一种直观的视觉语言，需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别，但是其两者依然存在一定的相似之处，网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。
【关键词】网页设计；布局；排版；文字；设计论文
网站是企业或政府向用户传递信息，提供服务的一种重要方式，是企业开展电子商务的重要平台，是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台，因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中，布局与排版是十分关键的内容之一，其会直接影响到浏览者对网页的第一印象与体验感。因此，对于网页设计的布局与排版进行研究具有十分重大的实际意义。
1．计算机网页设计布局与排版原则
1．1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验，在进行布局版本过程中要始终秉持以下原则:第一，整体布局，和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式，通过空间的文本与图形建立其平衡的状态，从而产生和谐的美感［1］。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此，可以在对称平衡设计中融合一些活泼、有趣的词汇、图形，但是要注意需要与页面和谐统一。第二，主次分明，中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑，该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此，最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序，能够突出重点的视觉效果。第三，疏密有度，错落有致。在网页布局排版中，一定要做好疏密有致，预留出一定的空白，灵活的使用字间距与行间距，制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理［2］。例如，黑白搭配、圆形与方形搭配，以便获得更佳的视觉效果。第四，图文并茂，生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大，则文字会相应减少，从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此，网页布局与排版应该做到图文并茂、合理搭配，从而给网页带来更加丰富的内容，让网页变得更加有趣。1．2布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一，简洁明了。布局排版最为重要的原则就是一名了然，让网页浏览者可以更加顺畅的浏览信息。第二，主色调鲜明。网页设计给人的第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的，主色调过多会给浏览者带来一种厌烦的感受，不利于浏览者长时间浏览网页。因此，网页版本的主色调要进行合理的控制，其中主色彩不能超过五种，并且要以一种主色调为主，凸显以主导地位，另外几种颜色作为烘托与点缀［3］。一般来说，网页设计的主色调包括黄、蓝、灰、黑和白。第三，字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则，通常来说不应该超过三种字体，并且字体在版面中不宜过大，从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是，要避免闪烁的文字在网页设计布局中出现，其会给浏览者带来一种厌烦的感觉。同时，在网页标题栏中字体应该相对于正文来说要更大，颜色也需要进行区分。
2．常见布局与排版
2．1T字型T型结构是顶部的页面布局为网站的标语和横幅，下列左侧为主菜单，右侧为内容显示。由于菜单的背景布置颜色更深，因此整体效果视觉类似于英文字母“T”，因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局，其优势在于页面结构清晰、明确，容易正确把握主次关系;缺点在于较为沉闷，缺乏灵活性，如果无法准确把握，不注重细节与色彩的配合，十分容易出现无趣、枯燥的现象［4］。2．2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容，类似于一个口字型，左侧通常包括注册信息、内容导航、搜索引擎，右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面，囊括较大的信息量，缺点在于页面较为拥挤，过于死板［5］。口字型布局大多被应用于国外站点中，国内使用频率较低。2．3POP布局POP布局是将一张合适的照片作为页面设计的中心，并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的，但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果，其优势在于美观，缺陷在于运行速度较为缓慢。2．4同字型同字型的网页布局一般来说内容量都较大，网页上方为标题栏，其中内容可以是网站主题或横幅广告，在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说，可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置，从上至下，根据内容的重点、类型来进行区分。网站下部分通常为空白，即使有内容也是一些十分常规的内容，包括网站制造方、网站基础信息等。
3结语
计算机网页设计布局与排版是一门艺术，针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则，以设计出美观、简洁、便捷、人性化的网页，让浏览者可以舒适的浏览网页。
参考文献:
［1］李娟．浅述网页设计中的页面布局技术［J］．考试周刊，20xx(27):116～117．
［2］董磊．网页设计中视觉传达的整合设计［J］．明日风尚，20xx(05):123，106．
［3］许炜熔．让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议［J］．课程教育研究，20xx(26):248～249．
［4］梁日有．网页设计中艺术创新的研究与实现探讨［J］．学子(理论版)，20xx(03):12～13．
［5］尹涓，崔晓曦．浅谈网页视觉设计的应用和技巧［J］．电脑知识与技术，20xx(15):204～205．
网页设计 分别显示 第8篇
《网页设计》是一门综合性的“大课程”，鉴于其专业的特殊性，至目前艺术设计专业开设的此课程尚没有相对完善的教材，教学内容和教学方法也处于探索阶段。笔者结合多年从事web开发和网页设计教学经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。随着信息时代的到来，互联网技术改变了人们传统的生产和生活方式。网络资源的共享和发展已经融入社会生活，站、网页浏览已经成为一种生活习惯。作为服务于社会经济发展的高校专业设置，为适应时代需求，如计算机、电子商务及艺术设计等专业都开设了《网页设计》课程。就专业技术而言，《网页设计》课程综合性较强，涵盖的知识面较为广泛，一个网页的建立到发布过程，涉及到了网络基础知识，W3C标准和与之对应的结构：（X）HTML语言，表现：CSS样式，动作：JavaScipt，图像处理、动画制作等诸多领域。鉴于其专业基础的特殊性，这也导致了该课程针对不同专业在教学内容、教学模式、教学方法等方面存在很大差异。理工科专业多侧重于程序语言的编写学习，较为重视纯技术方面，而艺术设计专业则更多偏向于网页界面的版面设计，包括形式美感、色调处理等。但在实际人才应用中，用人单位更想兼顾以上两方面的技术应用型人才。目前艺术设计专业《网页设计》课程并没有相对完善的专门教材，教学方法与内容也处于探索阶段。由于大环境和师资的局限，开设该课程的很多高校在教学上并没有结合艺术设计专业的自身特点，往往“复制”和计算机等理工科专业一样的课程教学模式，“教”和“学”都陷入一定的尴尬境地，达不到本专业所需一定程度的教学目标。另一方面，艺术设计专业的学生，具有一定的美术基础和审美意趣，制作网页有一定的美感优势，但有时也过于追求美观而忽略用户体验，脱离实际，华而不实。笔者结合多年从事web开发和网页设计教学的相关经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。其中的艺术设计专业，尤其是视觉传达方向的平面设计专业都开设了《网页设计》课程。
一、课程目标
二、教学内容
（一）在艺术设计专业的人才培养计划中，网页设计课程
一般安排在课程学习的中后时间段。就本课程而言，我建议教学内容并时间安排如下：
软件的学习和应用为重点讲解，讲授和实践为5+5个学时。Dreamweaver软件的主要任务就是完成网页设计的版面架构，教学中，主要讲解本地站点的创建和页面结构搭建。在早期的网页排版中一般使用网页表格（table）及其嵌套的模式布局页面，随着技术更新和用户需求，表格结构已不适合现在时代发展的需要，即不适合手机及平板电脑的用户浏览，呈现逐渐被淘汰的趋势。现今网页版面架构大都采用div+css的方式设计，具有浏览速度快，适合在手机或平板电脑上浏览的优势。结构和样式的相分离，也便于日后的网页改版的便利；
2.网页编程基础方面：HTML语言、CSS样式、JavaScipt，讲授和实践7+7学时。非计算机专业的学生一般错误的认为使用Dreamweaver这样所见即所得的工具页设计，不再需要学习太多的“语言”。其实不然，HTML是网页的灵魂，它不像C语言那样“生涩难懂”，相对艺术设计学生而言，完全有能力学会和掌握。CSS通俗讲是控制网页中内容的颜色、字体大小、宽度背景等样式，并由此来实现各种各样网页样式的统称，也是需要熟悉和掌握的。JavaScipt与C语言不同，它提供一定的面向对象能力，因此模块、名字空间、类、对象、封装、函数等功能在JavaScipt中的实现方式是其教学的重头戏，它们才是现代JavaScipt语言的精髓；
动画，讲授和实践6+4学时。Flash主要制作二维动画，体积小，便于使用，学习难度小，能够满足网页设计的需要，如：网页Banner条的设计、片头动画、课件等；
4.网站客户端的表现原则、开发流程、面向客户的网站设计，讲授和实践2+0学时；
为辅助2学时，艺术设计专业的学生已经学习并掌握photoshop的使用方法。因此，减少这方面的讲解，给其他新知识点留下更充裕的时间。
（二）结合网络技术发展和用户体验要求，本课程教学还需注意下面要点：
1.面向用户体验的网页设计：学生在学习和制作网页时，总是以“自我”的感觉为主导，很少考虑并分析用户需求，以为自己的设计有相当的“吸引力”但是对于访问者来说，大多数的设计过于空洞、内容繁冗，徒有漂亮的外观。所以学生应该明确，网页设计应该以“用户”为中心，而不是展示、甚至炫耀网页技术或技巧。因此，有必要引进面向用户的网页设计教学。
2.当前互联网技术飞速发展，网络资源共享已成趋势，学生获取知识的渠道已不仅仅满足于课堂上教师的讲解，包括每一步所要学习的知识点。充分利用网络，包括丰富的教学资源和便利的搜索功能，面对现实中存在的问题，引导学生如何利用互联网页设计方面的前沿知识，发现并解决。鼓励学生使用博客、论坛，通过发现其中有趣的文章，得到解决问题的新方法和代码片段。向学生介绍开源社区，并鼓励他们在线发表自己的代码，使用社交媒体进行资源查找，并形成专业的社交媒体互动，更加专注于他们的代码与工作，真正激发学生的学习兴趣。
三、教学方法
《网页设计》课程具有交叉学科性质，结合艺术设计专业学生的自身特点，在教学过程中，我运用任务驱动法、模块教学法和项目教学法等多重手段，给学生明确的思路，引导学生多动脑，勤动手，发现问题，分析问题，解决问题。
（一）任务驱动法
任务驱动法，即通过创设问题情境来调动学生的学习兴趣，进而启发学生的求知欲。“兴趣是最好的老师”，只有发现问题，才有任务和动力，教师利用专业知识，结合课堂所讲章节内容，分析并解决问题。只有这样才能有利于培养学生独立分析问题、解决问题的能力和创新能力。具体到《网页设计》课程教学中，通过导入新课环节，将所要讲授的新知识隐含在一个或几个任务之中，引导学生对所提出的任务进行分析讨论，明确大体涉及所需知识，承前启后，找出哪些是需要复习巩固的知识，哪些是需要探索学习的新知识，在教师的指导下找出解决问题的方法，通过任务的完成实现对所学知识的构建。
（二）模块教学法
团队合作、模块运营是现代企业生存和发展之道，网页设计公司亦是如此，很多网站界面都实行模块化，每个部门负责完成自己的任务。为和现代网页设计公司相适应，《网页设计》课程尝试实施有目标、有任务、有内容的模块教学法，将本课程教学内容有意识地分化为几个模块，针对每一个模块设定具体的教学目标、任务和要求，将课堂所讲内容和现实所需实践有机结合。同时让学生自由组合成一个个小团队，团队之间、团队之内分工协作，团队合作，真正做到锻炼学生综合能力的教学和实践。
（三）项目教学法
通过实施一个完整的“项目”而进行教学活动，其目的是在课堂教学中把理论与实践有机的结合起来，充分发挥学生的创造潜能，提高学生解决实际问题的能力。《网页设计》课程相对来说，有非常多的“项目”可供实施。一般是在知识体系讲解完全后，给出一个具体的项目命题，如学生（或学校）个人（或创业小店）的网站、网络上征稿的企业网站等，在实施这些“项目”过程中发现问题并且解决问题，一方面可以锻炼学生的实践能力，更重要的是及早让学生有实战意识，真正实现课堂教学和单位实习的“零距离”。
（四）双师教学法
聘请工作在网页设计一线，且具有丰富实践经验的设计师作为兼职教员，加入到课程教学中来。兼职教员能制作最专业的网站，对本行业的最新趋势有着完整的把控力，对网页设计实际工作中有可能遇到的问题有着独到的见解。他们可为学生开设讲座、解惑答疑，结合全职教师对教学内容和方法的深入研究，两种教师互补，增强学生的学习体验和兴趣，提高教学质量。
四、结语
艺术设计专业的《网页设计》课程是随着互联网而产生的新兴课程，同时也是为适应地方社会经济发展和普通用户的生活体验的。互联网技术的日新月异、社会经济的迅猛发展和普通用户的生活便捷也决定了课程的必须不断更新变革。教学是动态的过程，只有确立好课程目标、梳理好教学内容、掌控好教学方法，根据实施过程中的具体情况灵活调整，并不断充实完善，才能取得更好的教学效果，真正做到培养网页设计的应用型专业人才，服务于社会，以人为本。
网页设计 分别显示 第9篇
摘要：通过对传统教学模式的调查研究，了解到传统模式逐渐无法满足学生的需求。项目教学法作为一种新的教学模式，在《JSP动态网页设计》课程中是一种新的尝试，通过学生自己完成项目的方式，自主学习JSP网页设计，整个过程由学生自己负责设计，实施，对提高JSP教学的效果有着显著的指导意义。
关键词：项目教学法;教学改革;JSP动态网页设计;步骤
通过对项目教学法的研究，选取与JSP网页设计课程相关的项目来创设“情境”[1]，让学生主动从零到一，完成自我思考，自我学习，自我强化的过程，认证搜集资料并进行整理，充分整合资源，发挥学生的自主创新精神，最终完成整个JSP动态网页设计的学习。
一、概述
高职院校为了实现毕业生和企业直接对接的目标，在学生的培养方面主要是注重学生动手能力的培养，为了实现这一目标，项目教学法是最为合适的一种教学方法。该方法已经成为高职各科课程教学中必选方式之一了。明达职业技术学院的《JSP动态网页设计》这门课程也采用了该方式组织课堂教学，该门课程的实践能力要求较高，社会只用性很强，是专业核心课程。主要选用项目是”基于JSP的学生管理系统”，从部分功能开始，讲练结合，让学生做到能在理论的基础上，举一反三实现理论到实践的转化。课程结束时，学生应具备了了解软件开发的过程，熟悉开发工具，掌握理论实践的操作。
二、项目教学法的含义
项目教学法是在教师的指导下，将一个相对独立的项目由学生小组自己进行资料收集，方案设计，由学生自己评价项目实施的成果，学生通过该项目，了解和掌握在整个过程中每一环节的基本要求。“项目教学法”的特点是最显著的项目为主线，以指导教师为主导、学生为主体”，体现在：多目标;培训周期短，速度快;可控性好;注重理论与实践相结合。项目教学法是教师和学生共同完成项目的一种教学方法[2]。在项目教学法的实施过程中，教师将需要解决的问题通过对学生设立项目的形式来呈现，一本每个项目都会有具体的任务要求和说明，学生通过老师发放的项目要求任务书来设计项目，负责整个项目的设计和实施。通过小组协同工作的方式，自学完成，期间有任何不懂得问题可以咨询导师，导师相当于是学生的左右手，有什么不懂的随时可以寻求帮助，给予学生一定的指导。最后学生共同根据项目制定计划，完成分工，搜集项目的资料并将进行整理，在实践中发现问题，分析问题并解决问题。
三、《JSP动态网页设计》运用项目教学的意义
(一)《JSP动态网页设计》教程简介
《JSP动态网页设计》是计算机专业学生学习的一门核心课程，其实践性较强，不但要通过日常的书本上的学习，还要在计算机上反复实践操作才能掌握。JSP全名为JavaServerPages，中文名叫Java服务器页面，是一种网络程序设计语言，用来开发动态网站[3]。它和JAVA的特点很相似，都简单易操作，全面向对象，平台安全可靠且无相关性。使用java编程语言的类标签的XML脚本的JSP技术，对动态网页的处理逻辑[6]。网页也可以通过标签和服务器应用逻辑脚本资源访问。显示器的分离设计，JSP页面逻辑和网络，为支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。很多高校基于这些特点，都将其作为计算机专业学生继学习JAVA后的有一门必修课程。但是由于其难度和枯燥性，很多学生表示很难驾驭得了，在步入社会以后，所学的知识没能发挥在工作上，从而降低了整个行业的就业质量。
(二)在JSP课程中应用项目教学法的重要性
在传统的JSP课程教学中，学生通常按照课程的标准先学习一部分的基础内容，后期通过简单的上机操作进行理论的巩固，在这种教学模式下，学生很大一部分在前期就已经丧失了学习JSP的兴趣，后期的上机练习也只不过是现在教学的一种硬性要求，对于真正想要学习的学生无疑是一种沉重的枷锁，学生学习的效果很差。但是通过运用项目教学法，将课程的标准以项目完成的方式分成若干块，学生通过完成项目任务来获取学分，在项目中自学，不用拘泥于传统教学模式下的上课，学习更自由了，学习的动力也更强了，这在很大程度上提高了学生的学习积极性和学习的热情。
四、项目教学的应用步骤
(一)培养目标的确定
高职院校“JSP动态网页设计”课程必须确定其具体的知识培训的目标、能力和情感与相应岗位职业能力目标[1]。1.知识目标：通过本课程的学习，熟练掌握配置JSP开发环境;熟练掌握JSP脚本元素、指令元素的用法;熟练掌握JSP中内置对象的特点及用法;熟练掌握JDBC访问数据库技术;熟练掌握JavaBean组件的基本知识;熟练掌握JSP中的标准动作标签;熟悉Servlet的通信方法，掌握Servlet的上下文接口;掌握JSP中标签的用法;掌握JSP中Filter过滤器的用法;掌握应用JSP进行WEB程序开发的能力，初步具备开发实际应用程序的能力;2.能力目标：能熟练使用eclipse软件，实现学生管理系统的注册登录功能;信息添加删除功能;查找等功能;能解决开发过程中出现的各种错误提示;测试完成。3.情感目标：具备较强的规范意识、较强的市场竞争力和承受压力的能力、良好的学习习惯，具备自主学习和团结合作、创新能力。
(二)教学项目的划分
该项目是确定项目教学成功实施的关键因素，必须根据企业对学生工作任务的能力要求进行分析，结合学生的认知特点和接受能力，合理选择项目。并根据企业的工作流程，明确项目的任务，我院JSP动态网页设计”课程的项目被确定为：
(三)教学方式的选择
高职《JSP动态网页设计》课程可设定多媒体讲练结合、岗位调查、学校实验室项目培训、联系个别实习企业，让学生置身于企业中去参与项目的进展，充分利用各种教学资源，丰富教学形式，提高学生的学习兴趣，突出课程的实践性强的特点，从解决实际问题出发，提高学生的创新能力和自学能力。
(四)教学方法及过程的组织
1.从学生角度教师进行项目教学时，应重点侧重于学生自我实践能力的加强。以程的核心内容为项目依据为学生制定任务，并确保每个项目都是由简到易，层层递进，充分调动学生的学习兴趣。尽量选择和生活贴近的案例和素材，如布置的学生管理系统项目，利用情境教学法，让学生更好更有效地学习。在项目完成后，教师可以分别让组员互相做出评价和改进方案的建议，上交个人作品作为课程结束的作业。学生在交流中与老师互动，老师在学生做项目的时候可适当提出意见完善项目并修改，将理论与实践有机结合起来。2.从教师角度教师在授课之前应该做好项目的备案，充分考虑到学生对所选项目的适应性和项目本身的难易程度。在上述帮助学生加强实践能力的同时，提升自我的修养和学识。在实施之前，授课老师应对项目教学有一定的认知和了解，在具体应用中将理论知识与项目的实践应用融会贯通并传授给学生。自己在项目经验方面也要多下功夫，提升自己，提高教学服务的质量，培养出更一流的学生。实践能力的提升并非一蹴而就，在日常生活中教师还要多多接触社会中有关专业方向的工作要求，并及时反馈给学生，让学生及时了解到社会所需要的人才结构。项目教学应用是学生和老师互相学习的过程，是共同进步的纽带。不仅仅是学生自身能力的提高，也是老师对完善多年教学模式的一种新的认知。
(五)考核方案的设置
适应项目教学需要，为培养学生的综合能力，对学生的.考核也要注重过程化的考核，鉴于课程实践性强的特点，重点考核学生的软件操作和软件开发、处理能力，本课程主要采用以下几个部分进行考核：1.平时表现考核占总成绩的60%，由平时出勤、课堂表现和作业等内容构成。2.分阶段、分项目考核占总成绩的40%，即最终整体项目的考核情况3.根据上述各项成绩按比例总评得出考核结果。不再进行传统的期中考试项目教学法在《JSP动态网页设计》实施教学中的注意事项1.排课安排要以半天或一天为单位进行排课，和以往的以一节或2节有所区别;2.班级人数不宜过多，应该在20至30人之间。
结束语
项目教学法的实施，有利于丰富和发展全国计算机专业学生的教学模式，提高计算机人才进入就业市场后的适应能力，最大程度地满足经济建设和社会发展的需要。21世纪的信息时代，学生更需要接受像项目教学法这样的教学模式而非传统教学，这是一种新的尝试，更进一步地发挥了学生自主学习的能力，打破了以往刻板的教学，体现了高等教育的特色，这样学校才能够更好地培养出有效的高素质的技能型人才。
参考文献
[1]欧志先._动态网页设计(JSP)_项目教学法初探[J].科学咨询,20xx,(7):79.
[2]杨文.《JSP动态网页设计》项目教学法的研究与实践[J].福建电脑,20xx,25(8):206,204.
[3]李阿芳.项目教学法在《JSP网页设计》课程中的应用研究[J].电脑知识与技术,20xx(18)
[4]赵海冰,李瑛,邢翠芳.浅谈项目教学与任务驱动在“C程序设计”教学中的应用[J].计算机工程与科学,20xx(z2).
[5]王向阳,李东,张惠玲.项目教学法在程序设计课程教学中的应用[J].价值工程,20xx(6)
[6]陈民.基于J2EE学生网上评教系统的系统设计[J].电脑知识与技术,20xx(12)