高级网页设计
开篇：润墨网以专业的文秘视角，为您筛选了八篇高级网页设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！
高级网页设计范文第1篇
在我国，视觉传达教育起步较晚，但是发展迅速，其人才培养和教育模式倍受社会关注。目前很多高校在艺术类网页设计课程的教学上存在两种主要现象：一是重设计、轻制作；二是重软件、轻艺术。第一种培养出的学生一般只注重静态页面的视觉效果，对网站的动态更新关注较少，不利于网页后期维护；第二种培养出的学生侧重于Dreamweaver、Flash等软件的操作，对网页的版式、VI形象等关注较少，制作出的网页往往缺乏个性、艺术表现力不强。因此，对视觉传达专业的网页设计课程的教学改革势在必行。
二、课程教学目标的重新确定
我们都知道，一门学科的课程目标通常决定了该学科的最终导向，它不仅能为教师传授正确的学科理念提供依据，同时也给学生指明正确的课程学习方向。因此，视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知，高等教育培养出来的人才最终要服务于社会，社会的需求决定了该学科的教学内容和教学目标。随着科技的进步，时代的发展，不同时期对网页设计人员的需求也是不同的。通过市场调研，我发现目前社会上网站分工越来越细，招聘的相关岗位大体分为三类：第一类为前台美工，以视觉传达专业为主，以网站的形象塑造和界面美化为岗位内容；第二类为网站后台服务，多以h7V5数据库等做交互型网站的，以计算机专业为主；第三类就是两者都要具备的全才网页设计师，是具有技术背景和多年实战经验的创意人才。由此我们可以确定视觉传达专业培养出来的网页设计人才的岗位定位应是网页美工师，他应该具有两种专业素质：一是掌握网页设计的基本要素和美学知识相结合的方法与技巧；二是懂得简单机算计软件（PS、Dreamweaver、Flash）的操作，便于在制作网页界面时考虑到后台维护的便利。而“艺术设计教育的人才培养目标是：培养综合素质高、创造能力强的高级应用型设计人才”。所以该课程教学目标应该是培养具有以上两种专业综合素质的、创造能力强的高级网络应用型设计人才。新的培养目标确定后，该课程的教学内容应该在此基础上重新调整。
三、课程内容的调整
视觉传达专业网页设计课程教学内容应该为教学目标服务，知识结构要合理，应注意知识点之间的交叉及有机结合，同时也要有效地培养学生的创新性思维及独立分析、解决问题的能力。基于此，新的教学内容调整为两大板块：理论课程内容和实践课程内容。
1.理论课程内容
理论课程内容在课程编排中为最先讲授内容，以教师PPT演示传授为主，学生讨论互动为辅，课时安排为总学时的四分之一。在教学过程中又分为两个环节来实现：（1）第一次课的设计把第一次课设置为课程概述，主要对网页设计课程的教学特点、教学内容、教学目的、教学重点和难点加以通篇介绍，对学生说明课程安排和考核要求，并通过简单上机实例操作来提高学生学习兴趣，进而引入网页基本理论教学环节。（2）网页基本理论学习网页基本理论学习包含三个知识板块：网页设计的基本要素、网页界面的版式设计、网页VI形象的美学塑造。我们知道每个设计门类都有自己独特的构成元素，这些不同的构成元素形成了该门类不同于别的门类的独特的艺术魅力。了解和掌握这些构成元素的特点和作用，有助于我们更好地进行设计工作。网页构成元素按功能和形式划分为两大类型，按功能划分为页眉和页脚、背景与底纹、按钮与控件、导航器和目录、功能板块和广告位；按形式分为文字、图片、色彩、多媒体和超级链接。网页设计中的构成语言不同于传统平面设计，它们之间存在很大差异，例如网页设计中的颜色是光色，是标准的RGB色彩，而传统平面设计中的颜色在输出过程中是以印刷色CMYK形式出现的；传统的平面设计不用考虑网络传输的因素，而网页设计中的构成元素应考虑在不影响显示效果的前题下，尽量压缩文件大小，便于网页文件的上传与下载；又如动画、音频等多媒体语言在传统平面设计中不用考虑，而在网页设计中它们是给网页增加活力的重要手段因此，教师在此板块教学中要选择大量实例进行比较，不但要指出网页设计各构成元素的特点和作用，而且还应指出与平面设计中相对应元素的异同之处，便于学生区别学习。网页界面的版式设计不同于传统平面设计的版式设计。平面印刷品有着各自固定的纸张大小或裁切规格，而网页界面则不然，它的显示尺寸受到电脑显示器的限制，不同尺寸的显示器显示的网页界面是有区别的。除此以外，它的最终显示控制权其实掌握在浏览者手中。如果过分注重网页界面版式设计的视觉完整性，就不能顾及网页设计元素的灵活性。所以，教师在此板块教学中应该强调网页界面版式的变化性，同时也要强调首页与内页版式的连贯性，要求学生在设计中注意网页界面版式完整性与灵活性的关系。网页设计是VI设计的一个重要组成部分，是企业视觉形象执行标准的延续和拓展。和所有的线下公司一样，一个好的网站也需要依助于VI设计。准确的、有创意的VI设计，有利于树立网站形象，使其在众多同类网站中脱颖而出，增加浏览者的浏览欲望和浏览记忆，对该企业的推广和宣传也能起到促进作用。网页设计课程上引入VI设计概念，教师应该保持教学的延续性，要求学生在进行网页设计的同时，将VI理念应用到网页界面中。网页设计应主题突出、富有创意，色彩搭配应协调统一，具有强烈的视觉冲击力，从网页LOGO到色彩运用均要突出企业视觉形象。
2.实践课程内容
视觉传达教育的目的就是培养出创造能力强的高级应用型设计人才。应用性人才的培养模式里实践性课程比例要大，网页设计课程也是这样，理论是基础，实践是灵魂。所以实践课程内容在课程编排中为比重最大的内容，课时安排为总学时的四分之三。实践课程包含软件操作板块、简单代码学习板块和实际案例制作板块三个知识点。此部分内容在教学过程中又分为两个环节来实现：
（1）软件操作和简单代码学习板块的教学
此部分教学为计算机软件学习阶段，Fireworks、Dreamweaver、Flash是传统的网页设计软件学习内容，根据当今互联网开放性的特点和视觉传达学生对现有软件知识掌握的情况（PS是基本功，是学生都已掌握的软件），把传统软件教学内容更改为“网页新三剑客”（PS+Dreamweaver+Flash）的学习。简单地说，就是用PS制作静态网页界面和切图，并处理图片，用Dreamweaver布局和超级链接，用Flash做特效。而这三个软件知识板块里面教学重点依次为Dreamweaver、Flash、PS。在软件教学环节，教师可借助类似“红蜘蛛”一样的网络教学平台和学生互动教学。学生可根据老师在线传送的素材临摹教师的操作，教师也可以在线观察学生执行情况个别辅导。同时根据艺术学生英语和数学水平普遍较低的特点，在教学中应该增加一些简单代码知识，介绍一些常用的代码语言及Html标签和CSS规则的使用方法，便于优化网页样式，使整个网站风格统一，也便于对已有的网页模板进行更改，进而大大提高学生的岗位实践技能。
（2）实际案例制作教学
此板块教学采用以项目为载体、以任务为驱动的教学方法。教师可以引入实际项目或者虚拟项目，提出项目名称和项目要求，辅导学生进行实际案例设计。实际案例制作教学应充分强调实用性和自主性，教学环节可分三步进行。首先是教师示范环节：教师要根据实例要求演示创作过程，从网站创意草图到制作静态界面；从创建站点到Dreamweaver网页布局，创建超级链接；从美化网页样式，到制作网页特效，利用简单的代码语言和Flas实现动态、实时、交互的页面效果教师应将每个创作环节一一展示，并将知识点设计应用到整个案例实际操作中去，做到知识点与案例有效融合，案例之间能承上启下，有机衔接。其次为学生设计环节：学生可以根据老师的思路对经典案例进行学习和分析，依据实际任务的要求，进行网页设计实际操作。其间遇到问题学生可以相互讨论，或求助教师解决难题。在整个讲课过程中，教师指导为辅，学生对案例进行学习和分析为主，充分发挥学生的主观能动性。要求学生充分发挥创意性思维，从被动学习转换为为了实现项目目标而进行多渠道主动学习，提高学生学习效率，缩短和实际岗位间的操作差距，进而为走向社会奠定基础。最后为展示评价环节：学生对自己的作品公开演示汇报，并鼓励别的学生对其作品评价，找出优劣点，好的保留，差的改正。教师根据作品质量和学生评价对作品打分，以此作为该生整门课程成绩的一个依据。
四、结语
高级网页设计范文第2篇
关键词：工作过程；网页设计；课程体系
“基于工作过程系统化课程模式”最早在20世纪90年代，由德国不莱梅大学技术与职业教育研究所FelixRauner教授和他的同事提出。其内涵是以学生的职业能力为中心，将“教学过程”转向为“工作过程”，将现有的学科体系转变为行动体系，使学生在“工作”中学习，培养学生的职业能力。
1 “基于工作过程”的网页设计课程特征分析
基于工作过程的课程开发是一种变革式的改革，其在课程目标定位、课程内容组织、方法设计等方面不同于学科体系课程设计的特点。
1.1 “基于工作过程”的网页设计课程目标定位
通过调研，社会企业对网页设计人才的职业岗位能力主要集中在项目开发、创意思维、动态网页制作、相关动画制作等方面。概括而言，网页设计课程定位于培养网页设计师以及高级网页设计师。其专业理论课程教学与技能教学相结合的特点要求学习者要掌握网站开发的经验，包括网页设计思想、搜索引擎优化、域名管理、网站CMS系统、PHP/ASP编程等高级技术。
1.2 “基于工作过程”的网页设计课程内容组织
基于工作过程的课程内容组织是以工作过程的系统化为基点，而非学科体系架构的系统化。传统的学科体系课程内容组织是以“平行结构”为主，而工作过程导向课程是由人的认知规律到职业工作顺序，呈现出一种“串行结构”；其次，按照工作过程序化知识，并不意味着对陈述性知识即理论知识的弱化，而是以工作过程为参照系，将陈述性知识有机的嵌入到工作工程当中，实现对过程知识的诠释和补充。课程内容基于工作过程而又高于工作工程，将教学过程与工作过程紧密结合，使课程内容能尽可能地与工作过程一体化。因此，课程开发要因地制宜，结合地方和学院的实际，在现有的条件下进行；其次，课程开发离不开周边的环境和背景，都有被“本土化”的倾向；三是以课程开发为基点，树品牌，创名牌，以品牌开拓市场，以名牌掌控市场，走有“区域特点、校本特色”的创新之路。
1.3 “基于工作过程”的网页设计课程评价
“基于工作过程”的网页课程的设计从目标的确定到选择内容，到活动的设计，以及计划的实施，不一定都能产生预期的教学效果。为此，必须结合行业、企业现状，最大限度的融入企业元素，力争教学效果校企共评对课程作适当的评价，这是完整课程结构中不可缺少的一个环节；是促进课程不断改进、完善，教育质量逐步提升的必要环节。
2 “基于工作过程”的网页设计课程体系构建
构建“基于工作过程”的网页设计课程体系是一项全方位、多渠道的系统工程，需要从目标定位、课程内容、组织结构等方面进行不断优化。
2.1 网页设计课程目标定位与职业定向相结合
在传统社会中，社会生产发展缓慢，技术水平要求不高，职业岗位相对稳定，因而职业教育可直接面向生产实际需求，而当代社会职业岗位多样化，并不断提高技术水平以及技能的强度，职业变动频繁，教育开始从职业岗位逐渐扩展到职业生涯。因此，网页设计课程目标定位应充分关注行业或职业的各个方面，以“工作本位为导向”的同时更应考虑学生的长远需要，适应学生未来的职业定向。
2.2 网页设计课程内容组织与工作过程相衔接
网页设计的课程内容的选择与职业岗位群的相关程度越大，就越能符合课程建设的标准，也越能提升学生的核心竞争力。因此，课程设计人员应有工作本位学习的理念，以职业以及工作本位需要为依据探索如何组织课程内容来培养专业人才，选取符合生产、服务、管理一线直接需要的经验和技能，最终实现课程内容与实际工作相衔接的格局。
2.3 网页设计课程组织结构与行业组织相对接
在整个教育体系中，学校是课程实施的实体机构。顶岗实习、校企合作等人才培养模式是学校―行业对接交流的一大特点，也是教育的创新点和突破口。网页设计课程组织结构要坚持改革创新，与时俱进，不断加强与企业力量的联系，把优秀的行业资源以及企业人文精神引进课程，积极创设条件，构成学生与员工，课程与工作本位的互动交流，安排课程设置人员到基地或优秀企业考察实践，亲身体会，从而达到课程与工作本位交替结合的良好效果。学校需要通过实验室和实训中心的设立，或开设校办工厂与企业合作办学等方式保证课程的实施。
3 结束语
基于工作过程系统化的课程强调对工作过程性知识和经验性知识的学习，符合培养高素质技能型人才的要求。实践表明，基于工作过程系统化的网页设计课程体系构建主要是通过校企合作、工学交替和岗证结合的教学模式来处理好工、学、岗、证四者之间的关系，使它们能更加稳妥地渗透于课程体系中。
[参考文献]
[1]姜大源.关于工作过程系统化课程结构的理论基础[J].江苏：职教通讯，2006（5）：7-9.
高级网页设计范文第3篇
本文简要地对网页设计与图形设计进行分析，通过其运用价值的总结，概括出了图形设计在计算机网页设计应用中的要点，以供设计工作者参考。
【关键词】
网页设计；图形设计；运用价值；运用要点
前言
科学技术的不断进步，促进了计算机技术以及互联网的迅速发展，在各个国家基本实现了全覆盖。随着信息时代的到来，人们对于信息的利用更加频繁，对网页的关注度逐渐升温，好的计算机网页设计会给企业以及浏览者带来更大的价值，要想成功吸引更多的人们注意网页，就需要将图形设计完美的融入其中，以达到想要的效果。
1网页设计与图形设计概述
网页设计，是为传递信息而进行页面设计的工作，其主要是依据企业的需求，利用计算机为媒介，将信息展示在浏览者面前。作为一种宣传媒介，网页设计的精美程度决定了浏览者对其的关注度，更绝对了其利用价值的大小。网页设计包含以下种类：功能型网页设计、形象型网页设计和信息型网页设计，其主要利用颜色、字体、图片、样式进行美化设计，根据用户要求策划和设计出满意的网页，高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。网页设计最为常用的工具包含PS、FL、AL、DW等[1]。图形设计，是网页设计技术中的重要组成部分，影响着网页设计的效果，对提升网页的设计感和感染力具有重要作用。图形设计重在图形，它是传达信息的图像符号，通过不同的表现形式，将作品中要表达的意境表现出来[2]，其重在创意上。图形设计拥有众多优势，有直观性、审美性、指示性、象征性等，这些都能够提升计算机网页的设计效果。
2图形设计在网页设计中运用的价值
2.1提升计算机网页设计的艺术效果
图形设计的创新性，可以在计算机网页设计的策划中与众不同，更能够提升计算机网页设计的艺术效果，将网页的别具一格的设计展现在用户面前，让更多的浏览者关注网页，激发用户群体的浏览兴趣，起到更好的传递信息的效果。在计算机网页设计中，利用图形设计中的完整的表达力，为用户打造信息传递的视觉盛宴，保证计算机网页设计的质量。据相关调查显示，最受关注的网页，往往是利用图形设计相结合的。
2.2增添计算机网页设计色彩，向多元化发展
图形设计的形式多种多样，更可以说是资源丰富多彩，其利用音频、图像以及艺术文字的形式进行计算机网页的设计，大大的增添了艺术色彩和愉悦的氛围，并使得传统的单一网页形式向多元化方向发展。传统的计算机网页只是通过简单的元素将信息传递给浏览者，在表达上基本上就是文字配以简单的图片，在信息的检索上更是以文字为主[3]，将现代的图形设计加入到计算机网页设计后，用户可以通过音频以及图片进行搜索，这种表现形式的变化图形设计所起的作用功不可没。
2.3加强了视觉冲击力与感染力，更加人性化
计算机网页设计主要是通过文字和图像相结合向使用者展示信息，图像设计是将文字与图像再加工，利用其独特的处理技术，将文字与图像的表现形式更具有视觉冲击力与感染力，能够较深浏览者的印象，提升浏览效率。图形设计能够将文字与图像互相转换，满足浏览者的需求，并给人以简洁美观的效果，更能够体现设计者的理念，使计算机网页设计更加人性化。
3图形设计在网页设计中运用的要点
3.1图片格式设置要符合
在图形设计中，设计工作者一定要注意计算机网页设计中对图片格式的要求，只有符合的才能够实现其利用价值，才能够达到设计方案中的实际效果。我们在浏览网页中，经常会出现图片、音频打不开的现象，使得我们需要的信息没有很好的读取。因此，在计算机网页设计中，一定要合理的处理图像以及连接图片，使其格式满足网页设计的要求，为用户展现良好的视觉效果。
3.2图像大小要控制在要求范围内
在计算机网页设计中，对图像大小的要求非常严格，如果在利用图形设计中不控制好图像的大小，就会严重影响图像在浏览者面前呈现的效果。计算机网页设计本身就收资源空间大小的限制，只有控制好图像的质量与范围，才能够提升网页设计质量。例如，我们在浏览网页时会经常看见一些失真、或者比例失调的图片，不仅影响了我们浏览效果，还严重影响了我们继续浏览下去的兴趣。
3.3图片颜色配置要科学
不同的色彩表现形式有所不同，同一的色彩会显得单调，多种色彩搭配会显得凌乱，在计算机网页设计中使用图形设计时，无论哪种颜色都要优化配置好，并要有一定的科学性。在图形设计中，可以通过PS实际软件对图片进行颜色调整，使其适合计算机网页设计整体色调，为浏览者展示良好的画面感。
4结束语
计算机网页设计本身就具有一定的难度，图形设计的加入使之更加的繁琐，设计人员在运用过程中一定要加以注意，更具网页设计的实际要求进行图形的选择与处理，才能够增强图形设计在计算机网页设计中的视觉效果，实现其使用价值。
作者：占怡 单位：江西乐平市信息中心
参考文献
[1]王正红.探讨网页设计中图形的应用[J].现代装饰（理论），2014，11：86.
高级网页设计范文第4篇
关键词:心理学；用户体验；网页设计
设计的心理学，是运用心理学方面的理论、方法和研究的成果，基于心理学基础上，用来解决设计领域与人的各种行为、意识等有关的设计研究问题。用户体验（UserExperience，简称UE/UX），一般指在用户在使用某个产品之前、使用的过程中、以及使用后所产生的所有感受，包括生理、心理的反应、情绪、情感的变化、行为、认识等方面的整体感受。而对于网页设计范畴而言，研究用户的心理变化是如何影响其对网页的浏览体验，成为一个重要的课题。网页设计作为一个以互联网为载体的信息交流平台，用户通过该平台获得新闻、进行交流等活动，网页设计则是根据用户的特点，用户的需求等，有针对性地对网页的视觉、功能等进行网页的功能策划和页面的创意设计，网页设计是一门新兴的学科，是设计与网络相互交融的学科，它以设计者在不断更新的科技时代下，所积累的各项技术和经验为基础，依照用户的不同需求和特点，采用特殊的设计语言进行的创意设计活动。
1以小见大，注重浏览者的一些习惯
心理学应用于网页设计中，越来越成为一种趋势，经过专业地分析而后结合出分析的数据和结果等设计出的网页，会更能贴合用户的喜好，更利于网站在营销方面转化率的提高。用户浏览在视觉方面的习惯的影响，比如网页的相关栏目设置、版块编排，以及图文的结合、内容的语言风格等，都可以直接影响到用户的浏览体验。有几个方法需要注意：1）浏览模式：人们总是习惯以“Z”字形浏览一个网页，由左向右、由上到下、由大到小，由图片到文字，作为设计师，应了解这样的浏览习惯，从而决定内容的具体布局、编排。由此可见，常态下，网页上半部的位置、以及左边的栏目板块更受重视，那么相应的，把网页想传达的重点内容，放置在网页的上部，并着重进行精心设计，是网页工作的重点所在。2）简化设计语言：内容过于冗繁、编排杂乱的网页，用户一般不会有更多的耐心去浏览，在读图时代的今天更是如此，因此将网站的设计元素进行简化、规范化，在设计上清晰、简洁明了地突出重点内容，是网页信息更有效传达的方式。3）使用用户的语言：即采用用户更容易理解的文案，在设计上有意强化内容的主次关系，使用户更方便、更容易理解的设计语言，让内容信息的传达更直接有力。4）强化重点：每一个网页都应该有一个重点，即视觉的焦点。最重要的，最想展示的内容应该成为网页的焦点，设计的时候，需要借助设计的语言进行特别强化，让浏览者在第一时间里知道他们在这个网页里主要收到了什么信息。最是忌讳一个网页里呈现太多内容，太多信息，越是想传达更多的内容，结果越是适得其反。5）注意留白：条理清晰，错落有致，一个编排得当、设计优秀的网页，绝不会是画面拥挤、满满当当的网页，善于留白，善于利用设计语言引导访客阅读浏览的网页设计，会给用户带好更良好的浏览体验。
2分析研究用户心理，对应设计“合适的”而不是外观“漂亮的”网页
那些外观上看似华丽唯美的网页，不见得就是用户所需要的网页、未必就能获得用户的认可，未必能获得良好的用户体验。在科学技术日新月异的今天，单靠“炫技”或单靠网页外在的“高颜值”，已不能满足用户的需求。我们依然可以借鉴著名的马斯洛需求层次理论，将需求的五大类进行细分：1）生理需求，即网页的常规功能。在科技不断进步的今天，仅仅拥有常规功能的网页已经非常普遍，基本不会有任何优势可言，已远远不能满足用户新形势下的更多尝新需求。因此，网页设计需要，需要对设计的规则提出打破常规的要求。2）安全需求，稳定、正常地运行的网页，会给用户以安全可信的感受，在这一安全层次普遍能达到的今天，不稳定和不正常的状况，会大大降低用户对网站的信赖程度。3）社交需求，用户希望在使用、操作网页的时候是简单、方便、容易的，因此，一个网页里设计要素如何组合、如何呈现，都会在很大程度上影响用户的使用感受。4）尊重需求，在用户的基本需求得到满足后，如何在心理上达到更高层次的满意度，则需要考虑在基本的功能之外，还可以为用户提供什么样的扩展设计。5）自我实现需求，当低层次的功能需求成为普遍，网页设计需要在创造性上下功夫，围绕着体现主要内容或主要诉求为出发点的设计，从交互方式，从艺术范畴等更高级的方面，获得更高的价值。
3关于色彩对心理的影响
色彩是有语言的、有影响的，会潜移默化地向接受者传递不同的信息。而色彩心理学在设计领域有着更专业的学科分类，虽然看似复杂庞大，但基本的一些色彩语言还是需要网页设计师能有所掌握，能熟知不同的色彩会产生不同的心理感受，做到有针对性的用色。色彩的选择和网站的目标定位有关，网页选择什么样的色彩，最终取决于网页的受众范围，只有符合受众审美需求的色彩，才更容易引起共鸣。举例如：一款针对青少年的产品，为了突出其时尚、活泼、充满生机与活力的感受，如果选择的是黑灰的色彩，传达出来的是沉闷、压抑的感受，这明显会背离该网页的初衷。
4以用户为中心的网页设计
4.1理解用户
许多的单位或企业还是围绕着“公司介绍、产品展示、在线留言、联系我们”这样的单向的、老思维、旧模式去策划网页，毫无特色可言，而依托先进技术和先进手段，在对用户进行深入了解之后，通过数据化理性调查，真正在了解、理解用户的基础上，去分析和解剖客户的需求而设计的网页，才是真正有价值的网页。
4.2形式不是重点，基于需求的功能是王道
高级网页设计范文第5篇
（1）网页设计这门课是要求学生有一定的专业基础，例如Phtoshop、Flash等等。该课程的教学实践性较强，在机房电子教室学习效果最好。
（2）网页设计技术不断地发展变化，新的技术、新的方法也不断涌现。从1997年Dreamweaver首次推出，经历Mx、Mx2004、到Dreamweaver8，现在普遍使用ADODBDreamweaverCs系列，我这学期使用的dreamweavercs4。网页布局也从传统的表格布局转换为Div布局。所以不论是从选择软件到选择网页设计的方法，都不能太落后。
（3）从目前网络公司行业来看，网页设计与后台代码分开日趋明显，所以并不一定要求学生设计与编程并重，毕竟对于中高职学生，编程相对较难理解。设计方面可以图文并茂，在一定程度上能够激发学生学习的兴趣。对教材的使用也必须同时考虑在内，有部分教材案例缺乏美感，计算机专业的学生对审美本身就很缺乏。对于学习初期的学生，可以引导学生多欣赏比较优秀的网页。早期可以模仿，不是美术专业毕业，这方面不是一下子能够改变过来，自己也是深有体会，只有在今后长期的锻炼、设计中寻找。
2教学方法
2.1课前准备在教学之前首先从网上下载优秀的网页截图给学生欣赏，然后制作一个非常简单的静态网页以激发学生学习的兴趣。有很多教材编辑的很全，从文字带后台编码。对于各种教材，并不一定要全部讲解。只需要讲解实际操作性的。例如从文字到布局。
2.2教学方法教学过程是教师与学生之间信息传递及反馈的过程。在学习过程中，要给学生明确的思路，运用任务驱动法、模块教学法、案例教学法和项目教学法等多种教学手段，引导学生主动思考，解决问题。不论是选用何种教学方法，最重要的一点是要贴合实际。以上几种教学方法并不一定对每个章节都适用，也不一定对每门课都适用，因人而异。总之，要贴合自己的实际，以及学生的素质、水平、层次等等。
2.2.1任务驱动法在教学过程中，以完成任务为导向，把教学内容贯穿于每个任务中，在完成任务的过程中，发现问题、解决问题。采用任务驱动的教学方法，任务设计是关键。比如说在网页设计教学中，文字、链接、图片章节都可以用任务驱动法，网页设计这门课本身就是易学易忘，所以在设计任务的时候，不断复习之前学习的内容，以此来加深和巩固之前所学习的知识。任务驱动评价中教师评价相对容易些，但是学生互评，现在还没有系统能达到这样的功能，有待于开发。
2.2.2模块教学法主要分为以下几个步骤：划分小组、确定内容、布置任务、学生实施、评价结果。现在不仅是网络公司还是其他企业等等，都是团队合作，讲究的是团结协作。网页设计公司现在也是，很多网站界面都实行模块化，每个人负责完成自己的任务。模块教学法就是有目标，有任务，有内容。目前中高职学生水平参差不齐，所以在分组的时候要特别讲究。每节的重点和难点一定要讲透，尽量慢，有的时候虽然讲过一遍，但是很少人能够理解体会。有时候需要在做的过程中加以辅导，不能放鸭式学习。模块化教学更适合用于网页设计最后的综合实例。例如完成网站首页，需要设定目标，分配每个成员的任务。但在实际运用中，相对较难完成。个人观点，模块化教学不适用于网页设计教学。
3总结
高级网页设计范文第6篇
一、课程现状及存在问题
1.课程特点
《网页设计》是一门由很多知识综合而成的。主要包括：图形图像处理、动画的制作以及HTML语言、JavaScript语言、CSS+DIV等方面，涉及的软件主要有DreamWeaver、Flash、Photoshop等，它们相互渗透和依赖，构成一个科学的、完整的课程体系。《网页设计》侧重学生对网页的设计技术掌握和实际应用能力培养，为了保证实训教学能够达到培养目标，因此要求课程在对图形、图像和声音处理能力强的计算机房进行，这样既可以锻炼学生的动手能力，又可以激发他们的学习兴趣。
2.学生分析
本课程主要针对的是中职二年级学生，中职学校的学生一般都是中考落榜生。他们在初中阶段由于不能实现预期的学习目标，学习上的挫折使他们失去了学习的信心和进取心。他们的接受能力和动手能力很强，但自我约束力差，学习积极性不高，职业竞争力更是无从谈起。
3.存在的问题
分析了课程特点及学生特点之后，我认为，我校的《网页设计》课程存在如下问题：一是课程教学内容过于分散，现状是把课程分成三部分，由三个老师在三个学期分别讲授，这使得本来是一个整体的内容无法集中，学生形成的知识体系也自然是分散的；二是教学内容部分知识更新过缓，无法满足当前社会需求；三是教师的教学方法有待改善，教师应该做到授之以“渔”，而非授之以“鱼”，学生的状态是学而不会用。
二、教学改革措施与方法
1.课程安排的改革
将课程设置作如下安排：一个班的授课由三位教师改为由一位教师完成，授课时间由周6节改为周16节，授课学期由三个学期改为一个学期。这样，整个教学过程既能保证前后的连贯性，又能保证知识的完整性。
2.教学内容的改革
在教学内容安排上要以实际项目或目前应用中的项目为教学内容，让学生参与到实际项目的研究内容中去，从项目制定、需求、开发、测试的全过程安排教学内容，从“因材施教”转变为“因需施教”，从而调动学生的学习主动性和热情。整个教学的流程如图1。
3.教学方法的改革
采用任务驱动教学法，所谓“任务驱动”就是在学习信息技术的过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在强烈的问题动机的驱动下，通过对学习资源的积极主动应用，进行自主探索和互动协作的学习，并在完成既定任务的同时，引导学生产生一种学习实践活动。“任务驱动”是一种建立在建构主义教学理论基础上的教学法。它要求“任务”的目标性和教学情境的创建。使学生带着真实的任务在探索中学习。在这个过程中，学生还会不断地获得成就感，可以更大地激发他们的求知欲望，逐步形成一个感知心智活动的良性循环，从而培养出独立探索、勇于开拓进取的自学能力。在制定任务时，要进行科学规划，力求所制定的项目不仅有利于教学的开展，而且有利于调动学生的学习积极性。要对具体的任务提出明确的知识目标和能力目标。我们将《网页设计》课程的总任务确定为开发一个企业的网站，并根据其涉及的知识点，将课程总任务划分为若干个子任务，每个子任务再根据知识点划分为若干个由基本知识、基本操作构成的实验任务。
三、基于认证的课程培养模式
目前社会就业对网页设计人才需求的缺口较大。针对一部分学生对网页设计有较大兴趣的实际，努力培养学生成为从事网站开发、WEB技术等方面专业技能的IT高级专门人才。依据目前网页设计认证方向和学生的经济承受能力，可以选择ADOBE网页设计认证作内容作为培养方向，在教学内容、网站设计中穿插一些网页认证的教学设计，起到以点带面、提高学生就业能力和水平的作用。通过网页认证知识的学习，促使学生不仅能学到新的和社会接轨的知识，还可以通过参加认证考试，获得相应网页设计认证证书，提高学生的专业技能和就业能力。
高级网页设计范文第7篇
1理论教学
1.1课程目标《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。
1.2.4Flas制作重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5JavaScript程序设计JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
1.3.1模块教学法根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
1.3.2案例教学法在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的<img>标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例——具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。
2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
高级网页设计范文第8篇
关键词：职业学院；网页设计；教学改革
中图分类号：G4文献标识码：A文章编号：16723198（2014）07013001
1突出高职学院的实践性教学特色
高职学院以培养高等技术应用性人才为根本任务；以适应社会需要为目标、以培养技术应用能力为主线设计学生的知识、能力、素质结构和培养方案，毕业生应具有基础理论知识适度、技术应用能力强、知识面较宽、素质高等特点；以“应用”为主旨和特征构建课程和教学内容体系；实践教学的主要目的是培养学生的技术应用能力，并在教学计划中占有较大比重；“学校与社会用人部门结合、师生与实际劳动者结合、理论与实践结合是人才培养的基本途径。
2教材改革
选好教材、用好教材是搞好教学的重要保证。根据高等职业教育教学的特点，我们采用以工作过程为导向的新理念教材，以“任务驱动”形式来重点突出了教学的实用性和操作性。我们选用的《网页设计》教材各部分都采用任务驱动教学法；介绍了网页制作、站点管理与规划、Flas设计与Fireworks网页图像处理，并将其三者融为一体，通过典型任务并且连贯的讲述了网页设计的总体思想以及详细的设计步骤。对重点概念、重要的操作技能，力争通过典型工作任务讲深讲透。
本教材每一章节都将教学重点列入纲要，结构清晰、重点突出，对每个知识点的概念都加以详细的说明，各个典型任务充分体现教学重点和重要的操作技能，能让学生深入消化理解掌握并达到举一反三。本教材也适用于其他网页设计软件的升级版教学。
3教学方法和教学手段的改革
高等职业学院的教学应具有较强的实践性，针对学生的具体情况，我们采取相应的教学方法，在教学方法上，应注重理论知识简洁凝练，要采用多样化教学手段，实行启发式教学、任务驱动教学、实例教学以及精讲多练、边讲边练等多种教学方法，激发学生学习的兴趣。
采用任务驱动和实例教学法。在课前，教师要做好充分的教学准备工作，通过网络资源搜索和本节课内容相关的教学实例和视频，在开始上课时，给出本节课的基本任务和学习要点，接着给学生播放已经设计好的实例或网上下载的视频来演示本节课的主要内容，播放视频或实例的过程中，要求学生仔细观察页面的结构和特点，并总结出实例要点和制作的关键环节，之后教师提示并给出学生的具体操作步骤。
例如在讲到“表格”时，根据教学目的和教学内容选用典型的实例，先对学生展示该实例使用表格的效果，然后再详细讲解表格的创建与基本属性的设置，每讲完一个属性都要让学生创建表格并设置一下其相关的属性值，让学生能够浏览到网页的直观效果，然后再让学生举一反三，独立完成一个类似的表格设计，从而达到巩固知识点的目的。这样可以激发学生的学习兴趣，提高学生的学习积极性，案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力，
在实际教学中，学生计算机知识接受能力不同、水平参差不齐的状况，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课后对课堂内容进一步复习巩固，教师可以给学生布置一些相关实例，可为学生联系一些企业网站设计任务，使学生能够更好的巩固学习、发挥自己的创新能力，制作出结构清晰、内容合理的网站。教师可以将课件及相应的学习资料放到教学邮箱里，对于重点和难点和知识，教师还可以录制教学过程视频，放在学校网站上，学生可以随时访问下载并进行学习，另外，教师还可以通过电子邮件或者QQ和学生交流，在课后也能随时解答学生的疑问。
4课程考核方式改革
在《网页设计》课程的考核过程中，主要采用网站创建测评。该课程考核主要分为作业考核、期中测试和期末课程设计测评几个方面。作业要体现出每节课程的中心内容和学生的创意思维，期中测试要对半学期所学的理论与实践设计相结合，制作出符合内容需要的合理页面。最后在期末课程设计测评中，要求学生结合网页设计的三大部分dreamweaver、flash、fireworks，开始着手收集资料，自己制作网站需要的相关图片和动画，规划网站的整体框架，总结网页上体现的所有网页元素，通过详细设计分析，创建自己特色的个人网站。每位学生自己设计一个个人网站，该网站首先必须是原创；其次，要有自己的特点，除了网站首页设计外，还要具备相关的几层链接来扩展网站的内容。为了进一步提高学生的网站建设及维护能力，我们还开设了相关的动态网页设计课程等。
总之，职业学院的网页设计课程教学模式的改革已经成为必然，它对于应用型人才的培养具有举足轻重的作用，因此，本人对《网页设计》课程的教学进行了适当的改革，积极探索，用于实践，努力提高教学水平，吸引学生的学习兴趣，在教学过程中，从学生感兴趣的角度出发，对理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生主动探索，抓住学生的兴趣所在，提高其上机操作技能，拓展其知识面。
参考文献
[1]娄枫.浅谈高职院校计算机基础课程的教学改革[J].中国科技信息，2006，（10）：237238.
[2]朱士高.浅谈高职院校计算机类课程教学模式的改革[J].高教论坛，2006，（6）：208209.
[3]王锋.高职院校计算机公共基础课技能目标与实际探讨[J].职业技能，2007，（3）：2728.