网页设计稿件 第1篇
关键词： 网页设计 教改 团队合作 项目实践
随着社会的发展进步，以及计算机科学技术和互联网技术的不断创新，计算机已经广泛应用于各个行业中，计算机操作技能成了职业技能的重要组成部分。当今社会，无论政府机关、企业还是学校、个人都需要一个自己的网站，通过网站进行对外宣传和交流。精美的网页可以吸引用户进行浏览，增加访问量，从而提高网站的知名度，这就需要运用网页设计和制作技术。《计算机应用技术：网页设计》是高等院校为非计算机专业的学生开设的公共基础课，以《计算机基础》为前导课程，在提高学生计算机操作技能方面发挥重要作用。我结合多年实际教学经验，从网页设计课程的教学模式、教学方法和实践教学等方面，对《计算机应用技术：网页设计》课程的教学改革进行初步探讨。
“好的开端是成功的一半”，在课程开始之前，首先应最大限度地激发学生对网页设计的兴趣，进而培养学生的动手操作能力和创新能力[1]。在教学实践中，我这样设计教学：在讲每一个章节的理论和具体操作步骤之前，首先演示用本节理论制作的精美网页，这样就能立刻吸引学生，激发学生的学习兴趣，调动学生学习的积极性，接下来课程围绕“这个网页用到了哪些知识”、“我如何制作”展开，强化学生的参与意识，以学生为主体，以能力培养为中心组织教学[2]。学生了解了学习的意义所在，就会迫切地想自己尝试制作网页。
下面以网页设计中表格一课为例，谈谈教学体会。学习表格时不要开始就直接讲如何插入表格、嵌套表格，如何设置单元格宽度、高度、对齐方式等，而是先演示一个用表格制作的有现实应用的精美网页，我以儿童摄影工作室的主题网站为例制作了一个宝贝写真网页，里面用到了表格的嵌套、单元格的合并及拆分进行页面布局，网页顶部由图片和线条组成，底部是版权信息和联系我们，网页中部是主题，左侧用嵌套表格制作了栏目导航，右侧将多张宝贝写真照片分别放入表格拆分后的单元格中。在制作过程中用到了表格和单元格的相关属性，通过制作这个网页，学生掌握了表格部分的重要知识点。另外，表格中关于细线边框和圆角表格的介绍，我也采用网页案例讲解，以一张几米漫画图片为内容制作一个一像素表格，学生看到后的反应是，这个网页好美，很喜欢，接着就迫切想知道怎么做。在讲圆角表格时，展示了一个用可爱的动态图片配上圆角相框制作的网页，学生因为觉得好玩，非常乐意自己动手制作。这种教学方法主要考虑到教育应“以培养学习兴趣和信息素质为主”，兴趣才具有稳定性，是决定学习效果的关键因素，培养学生兴趣比讲书本上的具体知识更重要。
在教学中积极开展师生交流互动。虽然是计算机应用技术类课程，但是课堂互动亦非常重要，只有将老师讲和学生做恰当结合，才能获得好的教学效果。课堂上以启发、引导为主讲重点操作，其他简单操作让学生自主看书，上机操作，发挥掌握。教师在课堂教学过程中，充分利用多媒体[3]，随机点名同学操作电脑，通过多媒体做给全班同学看，被提问的同学遇到难题，其他同学可以出谋献策，帮助操作的学生完成这个网页的制作。这样可以营造学生动手并且相互合作的学习氛围，课堂上，同学们个个聚精会神，都参与其中。
为了弥补课堂教学的局限性，为学生提供更广阔的学习环境和交流平台，班级建立QQ群，师生都加入其中。为了实现资源共享，将网页设计课程资料如教学资源、教学视频、课后练习题目等上传到QQ群共享中，这样课余时间学生可以利用这些资料自行上机操作练习，遇到问题既可以参考教学资源和教学视频进行解决，又可以和老师通过QQ交流解决。在通信如此发达的环境下，师生还可以使用手机微信随时保持联系，就学习生活过程中遇到的问题及时进行沟通交流，及时解决。应用网络平台，不仅能帮助学生获取更多知识，提供丰富的信息资源，而且能为师生提供多种交流和对话的方式，增进师生之间的感情交流，进而及时帮助学生答疑解惑。
对学生进行综合量化考核。传统的期末闭卷考试方式，不适合网页设计课，为了更好地检验学生的学习成效和计算机应用能力，采用“平时成绩+设计作品成绩+期末作品成绩=学生总成绩”[4]的综合量化考核方法。
平时成绩主要参考课堂回答问题情况和课外作业完成情况，课堂提问能有效地增进课堂互动，检查学生对授课内容的掌握情况；课余对学生提出扩展要求，布置课外作业，学生可以利用网络查阅相关资料，完成上机作业。另外，每学完一个重要章节，留给学生一个大作业，即制作一个作品，应用到本章学习的技术，设计作品成绩评定主要依据这些作品的完成情况，同学们可以分成小组完成，遇到难题通过各小组成员之间讨论、分析进行解决，在此过程中同学们的能力得到提高。下次课上，给每个小组3～5分钟时间，让代表利用多媒体展示自己小组的作品，详细阐述提交的网页作品的设计思路、使用的关键技术，并分析该网页的结构、风格、创意和特色，最后老师进行评价，酌情给出该小组的设计作品成绩。学生分组做项目，既有利于相互之间学习交流，培养创新精神，又有利于培养团队合作能力。期末作品成绩是对本学期所学的全部内容，提出考核要求，安排学生在规定的时间内进行上机考试，这种方式要求学生有熟练的操作技能，重视平时的操作练习，提高动手能力。实践证明，这种考核方式能够客观、公正地检验学习成效，督促学生积极主动学习，增强教学效果。
提高教师业务素质和水平。计算机技术更新较快，新技术不断出现，网页开发工具多样化，而且版本不断更新，有很多新增功能，这就要求任课教师不断更新知识，时刻关注并学习掌握新技术[5]。高校应该根据计算机专业的特点，为教师提供外出进修或者学习的机会，多组织教师参加教育部、其他高校及公司等单位组织的培训。通过学术交流，构建开放式教学平台，并与公司建立友好合作关系。
网页设计课程的最终目的是实现学以致用，给学生提供机会参与项目实践。因为学生的计算机基础操作能力参差不齐，所以在上机时应该进行分层次教学指导，对于基础薄弱、计算机操作技能差的学生，上机指导要特别关注，多为他们解答疑问，保证完成教学任务，布置教材上要求的网页项目让他们完成，确保这部分学生能完成教材上要求的项目。对于计算机操作能力强，前导课计算机文化基础掌握很好的学生，在完成现有的教学任务后，可以分配一些有实用价值的项目给这些学生做[6]。介绍学生为一些老师制作精品课程网站，也可以为公司设计网站，多提供这样的机会给学生，这样不仅可以使学生学以致用，还可以为学生提供勤工助学的机会，增强学生的工作能力。将教学与项目相结合，在完成项目过程中，培养学生思考问题、解决问题及动手、协调的综合能力，调动学生学习的积极性与主动性，激发学生的自信心，实现教学目标。
在教学过程中，通过不断创新教学方法，培养学生自主学习的兴趣，利用科技进步，增进师生交流和资源共享，通过分组项目实践，培养学生合作能力和团队精神，将理论知识应用于实践。这样教学，提高了学生的动手能力和创新能力，在培养学生能力方面取得了显著效果。
参考文献：
[1]罗春雷.全程结合工程实际的工科专业教改实践与思考[J].长沙航空职业技术学院学报，2009（2）：15-17.
[2]王东燕，赵鑫，喻革武.关于信息技术文化基础课教改的几点思考[J].电脑知识与技术，2010（26）：7426-7427.
[3]赵玉亮.郑旭东.多媒体技术在高等数学教改中的作用[J].科教文汇，2010（01）：84.
[4]莫学值.浅谈程序设计课程教改实践[J].广西轻工业教育研究，2010（1）：134.
网页设计稿件 第2篇
关键词:网页设计;元素;色彩
互联网技术日新月异的发展,已成为人们生活中不可缺少的一部分。互联网的发展使信息传达的范围速度与效率都产生了质的飞跃,随着时代的发展,网站建设越来越接近于一门艺术而不仅仅是一项技术。
――引言
网页设计作为一个全新的设计领域,没有照搬的模式,没有从属和延续但任何设计形式又有去规律和标准。但也有些出学的设计者,将艺术的设计语言和设计理念抛到脑后,机械的完成设计,完全成为了技术的奴隶,因此,我想从平面设计基础理论在网页设计的应用来浅谈我对网页设计的理解,希望给广大读者带来一些启发。
一、平面设计元素在网页布局中的应用
第一个要素――点:在日常生活中很多东西都可以看作点,如晶莹剔透的一颗雨滴,大海中的一页孤舟,星空中的一轮明月……从几何学角度来说,点是线的交点,它没有大小和形状;从造型艺术来说,点是最基本的要素,指画面中某一小块区域;从视觉的角度而言点不但有大小还有形状。在具体构成中点并非都是以远的形式出现的,一些较小的个体元素都可以视为点。例如,在网页中的一些按钮就可以当作点来处理。在运用点的时候重点不仅在于外形,更在于点在整个空间中所起的作用,在相同的视觉环境下相对面积越小点的感觉越强。点越多其间隔就越短,免得感觉就越强,这对把握画面的整体效果和统一画面十分重要。
在Racing乐队网站中20个大小相同的圆点铺满了首页这些圆点既是页面中的按钮,又是页面的装饰元素,在不同的色彩映衬下圆点似乎产生了韵律感和运动感,浏览者的视线会不断在这些点之间徘徊决定最终去向。
第二个要素――线:线是由无数个点构成的根据其长度宽度方向等构成线。线是点移动的轨迹线在页面中有强调分割引导的作用。垂直的线给人平稳挺拔的感觉;弧线使人感到流畅轻盈;曲线使人跳动不安。不同粗细的线在空间的性格也是不同的,粗线条给人粗犷,勇敢阳刚的感觉;细线条可以表达锐利敏感速度之感;当粗线和细线进行结合时粗线必定先进入视觉,若线的长短符合透视规律,就能表达出强烈的空间感。因而,线的构成在网页设计中有着广泛的应用,网页设计师常用简洁的线条进行页面构图,以此传递丰富的视觉信息和思想感情。
第三个要素――面:根据几何学定义,面是线移动的轨迹。点和线的密集可形成面;面的分割面与面的合成亦形成新的面。面试构成空间的基本单位一段文字可以视为一个面,一张图像可以看作一个大面,一大片留白可以成为一个面_面_的概念不是固定的,面试网页构成中常用的元素,它的大小曲直变化都会影响页面的整体布局。
分割面是规划空间的重要手段,在网页设计中,设计者通过面的分割组合虚实交替等多种手法来实现页面的整体效果。在网页设计技术中表格和框架就是用来分割页面的利用面的分割,可是网页页面主体清晰,层次分明。避免杂乱的重要原则就是:少即是多。另外,在网页设计中要敢于留白,善于留空。空白可以定义为页面中没有安排内容的地方,空白空间并不一定是白色的,它可以是环境空间的颜色或图案。
第四个要素――空间:网页设计中的空间并非生活中的立体空间,而是一个假象的空间,是看得见而摸不着的,是在二维平面上建立的空间关系。在设计中,我们可以利用对比强烈的大标题可以作为前景,大面积的正文构成中景,附属的版权信息构成背景。实践证明,这种清晰而和谐的层次关系,极大地提高了页面的整体艺术效果。
二、网页设计中色彩的运用
网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
在网页设计选择颜色时应注意几点事项:第一不要大面积使用很高的纯单色,否则会使浏览者感到视觉疲劳;第二当网站面对的用户超出本国范围时,最好使用网络安全色;第三为增强网页的可读性,背景与文字内容的亮度差最好在102以上。
在色彩运用过程中,由于生活地理文化位置的差异不同的人对色彩的喜恶有很大的差异。如生活在高原地区的人喜欢用暗色;生活在草原地区的人用红色;生活在闹市区的人喜欢用淡色……在网页设计时想要透过色彩传达某一意象时,必须将色彩形成的背景因素与目标群结合分析。同时色彩的认知是会变动的同样的一群人在不同的时间地点都会对色彩产生不同的解读。因此,不但要关注上述因素,还要考虑到网页配色的共性:色彩的鲜明性;色彩的独立性;色彩的功能性和习惯性;色彩的有限性;色彩的周期性。
三、结束语
网页界面页面设计的一个基本特色便是吸引浏览者,一个美观漂亮的页面不管内容多么空洞,也会有人欣赏,反之一个内容充实但页面简陋却往往不会有人去浏览,从这便可看出网页界面艺术设计是多么的重要。网页界面艺术设计是永远也学不完的一门学问,因为它会跟着你的成长也变化,直到形成你的一种风格,网页界面艺术设计需要大胆创新,需要新的思维,需要不断的努力。
网络对艺术设计行业同时造成了威胁和机遇。真正有魅力的设计师设计者的思想素养对艺术的理解及表现技术的综合体现。任何设计最终都是为人所用的,特别是网页设计的艺术表现,它既是传播信息的载体又是传递美感的使者,设计者只有不断增强交叉设计的能力,使艺术与技术有效地结合才能适应不断变化的时代!
网页设计稿件 第3篇
通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
2.考核方式