前言：中文期刊网精心挑选了高级网页设计范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。
高级网页设计范文1
该文介绍了《网页设计与制作》项目化教学思路和方法，从设计理念与思路、对计应相关专业建设与发展的定位与作用、课程内容的针对性与适用性、教学内容的组织与安排、教学模式的设计与创新、实践教学条件的建设与使用等6个方面进行了设计与分析，为学生较好地掌握知识及快速适应工作岗位需求进行了一些思考和探索。
关键词：
高职院校;网页设计;项目化课程;开发实践
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1设计理念与思路
该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。
5教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
7结语
高级网页设计范文2
关键词: 高校网站 艺术设计 信息
近年来,随着网络技术的飞速发展,网络已渗透到全人类的各个方面,深刻影响着我们的生活和工作方式。高校也纷纷建立了自己的网站,给高等教育带来了更广阔的发展空间。高校网站承载着高校信息化管理和对外宣传之重任,所以网站的主页设计既要能充分传播信息,又要能使浏览者达到感官上的愉悦,从而对高校留下更深更好的印象,达到对高校的深度认同,促进高校的良好发展。高校网站的设计是一个系统的工作,而主页的设计又有着举足轻重的作用,只有对部分高校网站进行分析,找到规律和方法,才能设计出具有较高美学价值和丰富内涵的网页。
1.高校网站主页的内容设计
现有的高校校园网大部分存在内容繁多且拥挤的问题,将所有信息不加规整地塞进校园网页中,整体看起来杂乱无章,更谈不上艺术的价值,这样的网页看起来很满,没有留白给读者一个遐想的空间。还有一些高校网站的主页几乎没有什么内容,没有对高校内部资料和信息进行整理策划就推出了自己的网站。
高校网站与其他网站相比,不需要华丽的外表,而要多增加些校园的气息,主要还是多注重丰富的内容。高校网站的主页是校园对外的窗口,是浏览者了解高校情况最直观的平台。本校的师生都通过高校网站了解校园的发展、最新动态,以及工作安排,所以需要设置公告栏和新闻板块。而校外的浏览者则希望通过网页对高校的整体情况和特色有一个基本了解,并能在这里查询所需的信息。有些高校根据这一特点在主页分出两个入口:校内网和校外网入口,根据浏览内容有所不同而设计界面,这也是整合比较好的方法之一。当然网页的形式只是第一印象,而能持久吸引读者、发挥其自身作用的还是其丰富的内容。
通过抽取国内50所高校网站进行分析,主页的内容一般分为以下几大模块。
(1)高校概况导航栏。这是网页中很重要的部分,也是浏览者了解高校的基础部分。所以各个学校富有特色的项目在设计的时候要以显著的方式表现出来。从全国大部分高校的网页来看,其内容主要都有:学校概况、机构设置、人才培养(包括本科生教育、研究生教育、留学生和成人教育等)、教室队伍、科学研究、招生就业、合作交流等。
(2)高校新闻和公告。高校新闻一般包括校内重要新闻、专题新闻、校报电子版、报刊信息等。新闻和公告的设计要以滚动或者翻动的形式出现在校园网的首页,方便更新和浏览。其中重要新闻以图片滚动的方式能将一些重要事项及时、便捷地告知读者,免除了通知、发文等许多的行政事务。如:九江学院校园网组建后,会议安排表、重要通知和公示等都在网页上,解决多校区的办公问题,既降低了办公成本,又提高了工作效率。
(3)交互窗口。为读者提供了一个参与学校管理、反映群众呼声的窗口,也是领导了解基层、接近群众的一种途径。在这一部分,较常见的就是校长信箱。因为网络通信的隐蔽性和便捷性,较之于传统的书面意见,人们似乎更乐意通过网络来表达自己的思想。
(4)高校信息管理系统。校园网为高校教学管理和行政事务管理提供了很大的方便。许多高校将校内公文处理、人事查询、学籍选课管理、成绩查询与管理等都放在校园网主页上,教职工和学生都能借助于校园网这个平台,快捷地进行信息处理和查询。
(5)信息服务。这一部分为读者提供站点导航、搜索等相关的信息服务,使读者能方便地通过网页进入整个互联网。
2.高校网站主页的版式布局设计
确定了高校网主页的内容,我们就可以开始进行网页总体版式布局。通常人们阅读的视觉习惯是:从左到右,自上而下,先左上后右下。因此在整体版面布局时要遵循这个原则,把网页中的校园概况导航栏和校园新闻公告放到版面的上部,这样更易引起人们第一时间的注意。
根据搜集高校网站进行观察分析,大部分高校网的版式结构大概分成以下几种。
(1)“T”字型结构。“T”字型布局是指上部为横条标志,广告栏,下方左边为导航菜单,右边为内容。这种结构清晰、主次分明,简易的版面布局,使用也比较广泛。但如果细节处理不好,容易显得单调乏味。
(2)“三”字型结构。“三”字型结构,以两条色块横向分割成四块版面,对称对比布局,顾名思义,采取左右或者上下对称的布局,里面填上所要内容,一半深色,一半浅色,比如哈佛大学网站的主页,就是采取这种布局方式。优点是视觉冲击力强,缺点就是不能将两部分融合在一起。
(3)“口”字型结构。“口”字型结构的特点是:能容纳较多的信息,一般上下都有广告条,左右两边为导航和链接,中间为主要内容。这种页面的缺点就是显得画面拥挤,不太灵活。如何设计出布局合理的校园网页?首先整体要简练精准,而且在强调艺术性的同时,要通过网页页面结构的分割和造型空间的确立,合理安排组成各内容的合理位置,使页面内容和形式有所统一,具有整体美感。要考虑页面的美观和可读性,还要考虑网页浏览的特点,网页版式设计是通过视觉元素实现传播的视觉传达过程,为了达到好的效果,版式设计必须依据人们在视觉上的心理和生理特点,确定各种视觉构成元素之间的视觉关系和浏览顺序。合理的视觉流程应是在人们认识过程的心理顺序和思维发展的逻辑一致的基础上,根据信息的主次来确定各元素的顺序,并通过精心安排引导浏览者。在进行高校网站的主页设计时,版式布局既要实现“功能”又要实现“美”,而“功能”和“美”都是为了更好地表达主题。
3.高校网站主页的主题定位与统一
高校的门户网站往往只有一个主题,网页设计风格应体现高校的社会性质、办学特色、校园风貌与校园文化,充分展示自己的优势和形象,才能让浏览者有认同认知感。根据调查的高校网页的设计,这种效果的取得并不明显,一方面没有通过运用逻辑规律对网页主题思想进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,没有让浏览者快速理解和吸收,另一方面缺乏运用艺术的形式美法则对网页构成元素进行条理性处理,没有营造出符合设计主题思想的视觉环境、主题,使浏览者缺乏对网页的兴趣和内容的理解。有些高校网站注意到以上几点,对改版后的网站主题定位能准确表达。例如武汉大学网站的主页设计以“传承百年辉煌,尽展名校风采”为主题思想,融合了古建筑和珞珈山文化的元素进行设计,尤其在色彩上,运用淡雅的色调,各元素色彩间对比柔和,具有文化底蕴和校园气息。
在高校的主题定位确定之后,保持风格统一也相当重要。在被调查的高校网站中,有一小部分网页没有做到风格统一,既会让人对网站甚至高校的形象感到混乱,又会给浏览者带来不便。举个例子来说,假如每个网页上的导航排列或者颜色不同,那么浏览者进入不同页面之后就会无所适从,难以准确找到所需的信息。网页上所有的图像、文字,包括色彩、版面编排、区分线、字体、标题、注脚等页面元素,要统一风格,让风格贯穿于整个网站。保持风格的统一,既能强化风格定位所带来的作用,又能在阅览体验上给读者带来方便和顺畅。
4.九江学院网站的主页设计
九江学院是经国家教育部批准设立的国有公办全日制本科普通高等院校,面向全国30个省(市、自治区)招生。学校坐落在长江中下游的历史文化名郡――江西省九江市,位于庐山之麓、长江之滨、鄱阳湖之畔,校园美丽宜居,生态环境优越。名城、名山、名江、名湖,造就了九江学院的灵气,尤其是具有千年历史、享有“天下书院之首”美誉的白鹿洞书院,更为九江学院赋予深厚的文化气息和办学氛围。就学院的概况来看,我们选择“名城、名山、名江、名湖”为主题。首先,根据主页内容分为:学校导航、新闻公告、专题通道、站内搜索、常用服务、友情链接等栏目。根据内容的主次关系,来做整体布局设计,从版式上来看,整体采用“三”字版式构图,以庐山作为九江学院的背景图案,但在上半部分打破以往的格局,把九江学院标志及具有代表校园风景照片作为画面的注视点,大幅照片以激起片片涟漪贯穿整个画面,配以校训及文字的介绍,更能体现出优美的校园环境和校园氛围,使浏览者第一时间就能关注到,起到很好的宣传作用;在色彩方面,用九江学院标志标准色做延伸,配以灰色与灰绿色的画面,给人以稳重感。(见图1)除此之外,在设计时考虑到子页面的风格,也根据主页的元素和结构做一个延展,沿用了上半部分图案和色彩,由“三”转变为“T”字结构,左边用校园风光引出导航一目了然,更利于读者阅览。(见图2)
图2
在整个网页设计中,不仅仅是把各种文字和图案等元素放上去就行了,还要科学地考虑如何使受众能更多、更有效地接受网页上的信息,这就需要从“审美”配合“功能”的要求,设计出内容表达清晰、整体性好、具有艺术内涵的页面。所以,网页设计不但需要运用平面设计、版式编排、视听艺术,而且应懂得计算机、网络等方面的技术原理。在这次九江学院改版的设计中我们实现了一些动态网页功能。
以往的高校网站设计往往会有偏向性,如果界面比较具有艺术感,功能技术方面就有所缺少,如果功能技术方面实现比较完善,则艺术设计方面又有欠缺。高校网站的主页,网页美观性和实用性都是重要目标,所以在设计高校网站主页时,应集中技术与艺术的专业人员,综合考虑,便会制作出既实用功能完善,又具有艺术内涵的高校网页作品,把浏览者带入一个全新的网络高校时代。
参考文献:
[1]陆乐编著.网页设计.南京:东南大学出版社,2004.
[2][韩]崔美善著.马晓阳,刘娟译.设计师谈网页风格构成.北京:电子工业出版社,2006.
高级网页设计范文3
【关键词】网页设计；审美能力；创造力；技术敏感度；教学模式
如何针对高校艺术设计专业的学生上好网页设计课程，利用艺术设计专业这个平台，将网站创意、版面构思、动静态设计元素、网页色彩、网络互动技术等知识点系统地糅合在一起，将是此课程教学的重点和难点。针对艺术设计专业的学生，在讲授此课程的同时，如何更好地将其与自身专业优势结合，如何最大化地激发学生的求知欲与学习主动性，这与我们的教学模式和教学重心关系密切。
一、网页设计课程教学现状分析
如前所述，网页设计是一门综合性很强的设计课程，它不仅要求设计者具备较强的平面设计能力和审美能力，还需要一定的技术能力。国内的理工科院校的网页设计课程无一例外地是以技术教学为主，而对平面设计和审美能力的培养鲜有提及，这对于理工科专业来讲当然无可厚非。但是目前国内大部分高校艺术设计专业的网页设计课程教学都在套用理工科相关专业的课程内容和模式，在注重技术性的同时，忽略了对自身尤为有价值和优势的艺术性。而艺术设计专业的学生在学习网页设计技术的时候常常感到力不从心，致使其对网页设计课程的学习仅仅停留在技术的表面。同时在高校艺术设计专业的网页设计教学当中，还普遍存在忽视用户体验、对Web可用性缺乏了解、对技术缺乏敏感度、欠缺良好的设计观念、忽视合作的问题。究其根源，网页设计是一门实践性很强的课程，没有多年的从业经验很难对其有深入独到的理解，作为教师的授课主体本身对网页设计行业欠缺长期的、专业的深度跟踪和了解，导致学生设计理念薄弱，作品缺乏创意，刻意模仿其他网站。
二、艺术设计专业网页设计课程的教学模式
（1）树立正确的设计观念。网页设计是一个全新的设计领域，没有照搬的模式，没有从属和延续。但任何设计形式又有其规律和标准，这就需要引导学生运用已有的知识，有针对性地借鉴、评判、吸纳、运用与发挥。对于教师而言，比传授知识更重要的是教会学生如何利用现有知识，在设计语言和设计理念上进行合理创新；如何将自己的创造意图向网络工程师展示并得到理解和反馈，从而真正得以用技术手段加以实现自己的想法；如何表述网络时代全新的传媒艺术语汇；如何创造出符合人们审美需求的网络设计符号，这些都是未知的空间，都是需要我们引导学生去探索的。任何设计最终都要为人所用，特别是网页设计的艺术表现，它既是传播信息的载体，又是传递美感的使者，以人为本便是一把验证优劣的标尺。（2）培养学生对技术的敏感度。尽管艺术设计专业的学生缺乏对深度技术的知识储备和学习能力，但如果能够加以引导，通过充分的课堂案例讲解，让学生在课后及今后大量浏览和欣赏优秀网站的过程中，注意时刻关注和积累这些新技术的表现方式、适用主题和场合，就可以逐渐树立他们对技术的敏感度。设计师无法做到面面俱到，但只要拥有了对网络技术的敏感度，在今后的设计创作和工作过程中，就可以借助网络工程师的技术力量来完成自己辉煌的设计创想了，并且技术的敏感度还可以帮助设计师排除一些不切实际或不可能实现的想法。（3）培养学生的团队合作意识。网页设计涉及平面构成、色彩构成、CI等方面的知识，还涉及到Java、JavaScript、HTML、CSS等编程语言方面的内容。网页设计涉及的内容要比单纯的图像设计多得多，因而网页设计师既是平面设计师又不同于平面设计师。网络对平面设计行业提供了机遇同时也造成了威胁，而且这种趋势将越来越明显，人们将把注意力更多地集中在如何整合各种不同的媒体、利用各种不同的手段来展示创意和对网页主题的理解。而人不是全能的，人的思维分逻辑思维和形象思维两种，很少有人能兼具两者并在两方面均做到出类拔萃。此时，团队合作就显得尤为重要，一个拥有坚实凝聚力的团队，可以发挥极大的工作效率，产生数倍的能量，创作出惊人的作品，这是单一个体智慧难以实现的。所以在教学当中灌输和培养团队合作意识，对学生今后的工作方式和设计生涯有极大的推动作用。
高级网页设计范文4
一、工作介绍
我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。
二、开发技术
做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。
在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。
像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用，linux+apache+mysql+php,这种lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格（table）进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。
三、工作流程
小组分工时，我负责后台里小模块的开发工作，如：留言板或论坛，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。
php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。
四、安全检查
安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。
高级网页设计范文5
关键词：网络；数据库；专业群；转型升级；模式
1 课程发展的定位和作用
《网络数据库技术》是我院计算机网络技术专业的一门职业技能课和专业核心课程，课程的教学任务是使学生具备SQL Server 数据库的基本理论知识与应用技能，通过一个实际数据库应用开发项目的层层推进，使学生在学习解决问题的过程中，学会数据库的应用技术、原理和工具的使用，培养学生成为能够胜任生产、服务、技术和管理第一线工作的高素质劳动者和高级技术应用型人才，更好地为专业建设和专业群的发展服务。
《网络数据库技术》课程开设于学院升格初期，从最初的信息技术类专业职业技能基础课《数据库技术》Access、VFP到2005年的职业技能课《网络数据库技术》SQL Server2000，再升级到2009年的专业核心课程SQL Server2005，2012年被确定为江苏省重点专业群高层互选课程之一，同年，成功申报院“质量工程”的转型升级课程。
2 课程设计的理念与思路
以专业群“项目引领、任务驱动”的教学模式进行设计，学生在教师的带领下以完整的数据库项目作为教学资源，学习SQL SERVER 数据库应用技术。学生要完成的任务是根据实际数据库的设计和开发过程划分的子项目，包括数据库的设计、数据库的创建直至数据库的维护与管理等。其中较大的子项目又可分为若干个模块，在上课的过程中让学生通过一次或几次课逐步完成，每个模块均以数据库系统项目为驱动，提出项目开发中要解决的问题，解决问题的过程就是导入学习数据库实用、够用的知识的过程及掌握SQL SERVER数据库应用技术的过程，这样便以层层递进方式实现数据库系统设计和开发的过程。
为了能更好地训练学生掌握各项能力，针对本课程设计了一个综合的大项目――学生信息管理系统，以其具体实现贯穿教学全过程。学生在教师的带领下开发学生信息系统的过程，就是学习和掌握SQL SERVER数据库应用技术的过程。对于该系统学生要完成的任务是根据实际数据库的设计和开发过程划分为8个子项目，包括数据库的设计、数据库的创建直至数据库的维护与管理等。其中较大的子项目又可分为若干个模块，在上课的过程中让学生通过一次或几次课逐步完成，每个模块均以学生信息系统项目为驱动，提出项目开发中要解决的问题，解决问题的过程就是导入学习数据库实用、够用的知识的过程及掌握SQL SERVER数据库应用技术的过程，这样便以层层递进方式实现“学生信息管理系统”设计和开发的过程。
学生信息管理系统主要让学生课堂训练时使用，此外还使用员工工资管理系统作为课外学生自主学习的同步深化项目，使学生达到复习、巩固、强化知识和技能、开阔视野的目的，并培养学生知识迁移的能力。
通过一学期的学习和能力训练，使学生在以后的工作岗位中能够熟练使用SQL数据操作语句管理和维护数据库，并能在开发实际系统中设计规范化的数据库。
3 教学内容的组织与安排
《网络数据库技术》以任务驱动、项目导向进行教学活动组织，教师在学生的带领下，通过项目教学、问题引导、自主学习等方式，完成完整的、有实用价值的数据库设计项目，学习SQL Server数据库应用技术。教学所使用案例，是根据实际应用中数据库设计和开发过程所划分的小项目，包括数据库的需求分析、数据库设计、数据库的创建、数据库部署应用直至数据库管理维护的数据库开发全过程。
其中较大或较复杂的项目，则根据知识结构进行划分、细化，在上课过程中让学生分次完成，逐步推进，最终完成整个项目的设计，从而让学生了解软件项目及数据库项目开发的全局和细节。
具体教学内容及安排见下表。
4 教学模式的设计与创新
⑴项目引领，工学结合――通过与企业合作，开发一个具体的实际项目的学习，掌握大型数据库的应用技术。教学内容面向企业应用，与就业岗位零距离对接。
⑵任务驱动，问题牵引――宏观教学上以具体项目为驱动，在微观上采用“问题牵引”，通过在各任务单元中要解决问题的延伸、拓展，在前、后知识点之间建立起联系，实现知识点的多重循环；完成各任务单元的过程，就是以层层递进方式实现“学生管理数据库”的过程。
⑶行动导向，主动参与――此方法在本课程教授过程中已经持续使用了4届，学生普遍反映行动导向的教学法对于枯燥的程序设计来说更能够激发学生的学习兴趣和学习主动性。每个学生都能在课堂和课余时间积极地参与进来，完成项目后也很有成就感。此方法为学生创造了参与课程教学的机会，引导学生自主学习。
⑷网络平台，互动创新――学生在实践课或业余时间可以充分利用课程建设的网络资源，变简单的学生观看为学生参与，参与讨论、参与案例设计，使网络教学平台能够为学生自主学习提供支持，充分发挥了网络学习平台的开放性特点。
5 实践教学条件的建设与使用
从2009级起，我们在教学计划中增加了实践教学比重，改革了实践教学内容，改善了实践教学条件，创新了实践教学模式，增加综合性、设计性实验，倡导自选性、协作性实验。
针对专业群面向的行业（产业）与岗位群，以专业群内各专业的岗位通用技能与专门技能训练为基础，系统设计实训体系，整合核心专业与相关专业的实践教学资源，分类组建实训基地。按照实训基地的功能定位，通过“模块化”和“项目化”的形式，开展实训教学内容的系列化建设。
⑴校内实训条件（设备与环境）。为了给学生创造更好的教学和实践环境，我系建设了具备网络数据库应用开发的机房2个。学院配备了多媒体教室，分别配备有计算机、投影仪、音响、话筒等多媒体设备，极大地推动了教学质量和效果的提升。
⑵校外实习环境（建设与利用）。2006年起，我们与2家企业签订了网络数据库相关的校企合作协议，获得一些校企合作项目，业务范围主要包括数据库系统开发、网站建设、网页设计、软件开发等。对于接到的建设项目，由专业安排2名主讲教师负责，其中1名教师带领和指导学生完成项目的开发。开发完成后，由1名教师负责带领学生负责项目的管理、维护、更新工作。这样一来既发挥了作为高等学校为社会提供服务的职能，同时给广大教师和学生更多的实践机会，增强了他们的实际动手能力。
高级网页设计范文6
关键词：网页设计与制作 基于工作过程 教学设计
《网页设计与制作》是高职高专计算机类专业的职业技能课程，根据课程所对应的职业岗位网站设计制作、网站推广和网络编辑等岗位所需的职业能力要求，分析出课程能力目标为网站的规划、网页效果图的设计与制作、网站的设计、网页动画的设计、网页脚本代码等专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
1、设计思路
本课程的设计秉着“以职业岗位工作过程为主线”、“以职业能力培养为课程核心”、“以实际项目为导向”等先进的教学理念。使用基于工作过程培养模式，强调知识的实用性。突出网站设计制作、网站推广和网络编辑等行业岗位实用能力培养，以岗位能力选择相关知识点、技能点，形成理论与实践、知识与技能相统一的课程模式。在课程内容组织和实施中突破传统学科教材的“三段式”课程设置模式和知识传授过程，将知识点的讲授贯穿于一个完整的综合性网站的设计与制作，通过情景、过程、类比、模拟等教学模式提高学生的知识、技能等综合能力。
2、课程任务及目标
通过课程的学习培养学生网站设计制作、网站推广和网络编辑等方面的岗位职业能力，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，养成良好的职业道德，为后续课程综合实训和顶岗实习与毕业设计等课程打下坚实的基础。并注意渗透思想教育，逐步培养学生的辩证思维，加强学生的职业道德观念。
3、课程内容设计
课程教学内容设计根据课程所对应的职业岗位所需的知识和技能选取出来作为课程教学内容，课程教学内容具体参照表1所示
4、课程实施
4.1 课程教学模式
本课程针对高职教育特点，采用基于工作过程（工作任务驱动）的教学模式。第一次授课时就告诉学生课程要开发的网站、要求，涵盖的知识点，以此为基础展开教学，注重培养学生发现问题、分析问题、解决问题的能力以及创新思维与技术综合应用能力。具体教学模式如下：
(1)课程教学采用一体化分组教学。教学地点为计算机实训室；
(2)教师在课前展示本学期要作为教学案例的综合性网站项目，并要求学生按照自己的兴趣和爱好分组开发不同内容的综合性网站项目。然后对综合性网站项目进行前期的需求分析，确定网站项目开发规模，所需的人力物力，学生自主组成学习小组，制定网站项目开发进度表，以此充分调动学生的创新思维，培养创新能力。
(3)网站项目设计与实施：学生按照网站项目开发进度表完成网站开发。整个过程中，教师真实案例演示为辅，学生自主设计为主，教师的作用仅为答疑、过程监控以及对共性问题进行总结与归纳。在此过程中，学生的分析问题、解决问题的能力将得到有效的锻炼，使学生对课程体系有一个更加全面的认识。
(4)网站项目验收：教师对学生完成的网站项目进行验收与评价，学生需提交网站项目开发报告并答辩，学生和老师提问，按照评分标准给出成绩。对于优秀作品，进行展示与点评。
4.2 教学方法与教学手段
本课程采用的主要教学方法有以下几种：
(1)项目教学法：课程教学通过精选企业案例、分解任务，有机地将相关知识点融合到课程中，让学生对网页设计与制作有一个直观和更加感性的认识。
(2)“教”、“学”、“做”三位一体教学法。
(3)直观教学法：通过动画演示、电子教案、电子课件、投影、录像、图片等现代教育技术展开理论教学，将复杂的原理用简单的、感性的方法展现出来，并选取与学生实际生活密切相关的项目实例进行讲解，有效地使难以理解的概念简单化、形象化，充分激起了学生的学习兴趣和主动性。
5、课程考核
课程考试成绩分两大部分：网站开发过程化考核成绩和期末网站展示考核。
(1)网站开发过程化考核；网站开发过程化的任务考核从实施过程、实施结果、态度、创新性和团队合作精神五个方面考核，其中实施过程、实施结果、态度、创新性根据每个任务的完成情况，由自我评价和教师评价相结合的方式进行。团队合作精神的考核由同小组的其他成员进行。
(2)期末考试的作品考核；期末考试的作品考核方式为课程答辩，成绩为网站展示成绩和教师提问成绩总和。
参考文献
[1]王秀丽.网页设计与制作[M］.北京:清华大学出版社,2006．
[2]蒋秀玲,邹淑英,陈文东．“任务驱动”教学法在Dreamweaver 教学中的运用[J].通化师范学院学报,2009,30(10):88－89．
[3]殷兆燕,崔毓娟．《网页设计与制作》课程教学改革探索与实践[J].常州信息职业技术学院学报,2009，8(4):64－66．
[4]陈义文．《网页设计》项目化教学的实践与思考[J].安顺学院学报，2009，11(4):94－96．
