浅谈网页设计课程教学.docx

《浅谈网页设计课程教学.docx》由会员分享，可在线阅读，更多相关《浅谈网页设计课程教学.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、浅谈网页设计课程教学 浅谈网页设计课程教学 摘要：网页设计课程是计算机和艺术的交叉学科课程，应注意将技术和艺术相结合起来进行教学。本文针对“网页设计 ”课程的特点，结合实践应用，阐述在教学方面的一些体会。 关键词：网页设计，教学方法 Abstract: website design course is a cro computer science and artistry course, it is need to combine teaching methods of these subjects .this paper is to base on the feature of “websi

2、te design” course and practice , to give some opinion about teaching.Key words : website design, a teaching method 一、引言 网页设计课程是职业院校计算机类专业及电子商务专业的一门专业课程，也是一门实践性很强的职业技术课程。由于网页设计课程实践性和更新性很强，该课程假如采纳传统的教学方式，那结果是不志向的。在这里结合自身的实际阅历，谈谈网页设计课程的教学。 二、教学策略 1课程特点 网页设计课程是计算机和艺术的交叉学科课程。在教学过程中，除了要求学生驾驭基本的技术外，也必需对艺术设

3、计有肯定的了解。网页设计应注意技术和艺术的统一性。在进行网页设计时，应考虑网站的总体结构，风格定位，色调的应用，版式的设计等方面的因素，力求形式与内容的统一，让网页的显示达到快捷，美观的视觉效果。 2教学方案 要设计一个好的网页作品，首要的因素不是创新，而是“用户体验”，第一步应当站在用户的角度去考虑设计方案，全部的形象风格都必需听从主题，服务用户。这就对网页的整体形象有了较高的要求，整体形象包括版式设计，色调的应用，logo设计，素材设计，广告设计，web图像设计及优化，交互方式等等。在教学时，我们可以结合实际，要求学生从版式布局设计和网页元素的处理及色调搭配三方面着手，归纳如下： （1）

4、版式设计 网页的美感来源于网页的版式设计，它突出了网页设计的艺术性和特性，属于网页的艺术设计，好的版式设计会使得网页显得更具有美感和创意。网页的版式设计是基于内容的，应当从好用性和艺术性考虑。网页内容肯定要主次分明，中心突出；导航要清楚；可以图文并茂，是网页显得生动和活跃。除此以外，网页的版式设计要符合统 一、分割的原则。统一即指整个网站版式风格的统一性、整体性；分割即指要科学的划分整个页面。 网页的版式设计主要是表格、层等技术的应用。表格是一种最简洁的布局手法，它可以将图像和文字做最恰当的编排，达到清楚易懂的效果。层（div）的布局，是现在正值流行的排版手法，它主要应用相对位置等的关系进行精

5、确定位，再加上层叠样式表的协助，突出了它对网页的设计具有可扩展的优势。 文字是网页内容的主要载体，所以文字的视觉效果在版式设计中也起着关键的作用。文字的设置可以分为字体、大小、颜色、行距等，通过这些属性设置，使文字排列得整体和美观。但要留意的是中文字体和英文等其他字体的设置，是有肯定区分的。英文的字体有许多的选择，但中文的正文字，总的来说，就两种：宋体和黑体。在传统的版式设计中，大家都还是倾向于英文的排版，从视觉上来看，英文字体更有韵律性，因为每个字母本身高矮不一样；但是中文字体相对来说，就显得单调和独立些，所以在设计时，这两种文字要作不同的处理。另外，也不要选择一些特别特别的字体，除非用户的

6、阅读器相识这些特别字体，否则将会出现乱码。假如遇到非要运用特别字体的状况，可将文字转换成图片再将其应用。对于字号而言，单位应采纳em，而不是px，这点在运用层叠样式表（c）时尤为重要，还要留意的是em和px是有差别的，所以在运用的时候也要对上号，否则也达不到预先的视觉效果。文字一行的字数最好不超过50字，首页的标题在10-20字为佳；行距一般运用的是20-22像素的行距，这样使得完全的文字内容部分不会显得太紧凑或者太松散。文字的整体排列一般有四种基本形式：两端对齐、居中对齐、左对齐或右对齐、图文环绕排列。在整个网页版式设计中，标题文字的设计原则应当是“醒目而不夸张”。 导航栏的设计在网页设计中

7、也很重要，它对整个网站内容有提纲和导航的作用，在设计的时候，要留意首先导航栏的风格也要和整个网页风格保持统一，另外最好采纳文字，因为网络的速度可能会影响图片的正常下载；不过现在flash按钮的导航栏已经成为时尚，它可以实现丰富的动感效果。 （2） 网页元素的处理 网页元素包括logo、按钮、图片、动画、声音、banner等。在网页中包含这些对象时要留意的有：首先是logo的设计，logo代表了整个网站或者企业的文化，一个有特色、具有视觉冲击力的logo，可以干脆影响阅读者对网站的推断，给阅读者留下记忆深刻的印象。其次，要确保网页上的每一个元素都有存在的必要性，不要运用冗余的技术和内容；再次，要

8、保持形式和内容的统一；最终，要尽量的使网页具有快捷性。对于网页的特效技术，最好采纳javascript或c技术来实现。 （3） 色调的处理 并非全部的颜色都能应用于网页，网页中的颜色会受到硬件、阅读器等的影响，即使网页中运用了特别合理、特别美丽的配色方案，每一位用户所看到的效果也不肯定相同。所以，最好运用运用网页平安色来避开和解决这种问题。网页平安色是指在不同的硬件环境和软件环境下都能在阅读器上正常显示的颜色，并且现显示的效果都一样，不会出现失真的现象。在页面设计中，整个网页的色调种类最好不要超过3种，一种或者两种主体色，其他为协助色。颜色种类太多，会让人觉得很杂乱。另外，文字内容和网页的背景

9、颜色的对比要做到突出，比如：背景为深色，则文字的颜色可以选取浅色调；背景为浅色时，文字颜色就应当深些；这种深浅的改变在色调学中称为“明度改变“。比如有些主页，背景色和文字颜色都采纳的是深色，由于色调的明度较近，所以阅读者来阅读阅读的时候，会感觉吃力，从而影响阅读；但是色调的明度改变也不能太大，明度改变大会导致亮度的反差强，让人觉得很刺眼，同样会影响整个网页的视觉效果。在进行颜色搭配时，还要留意的是：第一，采纳的颜色应具有联想性，不同的色调会产生不同的联想，所以色调的选取也要和网页的内涵有关。其次，色调的合理性。依据网页的主题的不同，选取相应的色调，比如红色，可以体现出网站的热忱和喜庆；蓝色可体

10、现出科技的气息等。第三，色调要有显明性，这个才能给阅读者深刻的印象，并有耳目一新的感觉。 （4） 网页赏析 在教学过程中对学生的引导是特别重要的，设计网页得多看多学，网页设计的技术和风格在日新月异地改变，所以在提高学生设计技术的同时，还要多培育学生的审美实力，知道怎么设计才是一个好的网页。创建网页是一个不断学习的过程，在看一个网站的时候，找到这个网站的优点缺点，留意哪些是可以借鉴的，哪些是须要避开的，在看的同时，可以看些成熟的网站，也可以看些成长中的作品，在同期的比较中，也有助于自身的提高。另外，激励学生看源文件，了解某些效果是假如实现的，在效仿的同时进行改进和创新。 （5） 考核方式 网页设

11、计课程的考核应当打破传统的考试方式，建议采纳机考的方式，学生通过一学期的学习，应能自行设计各种网页，娴熟驾驭其基本制作方法和技巧，在规定的时间内设计网 2 页。这也是一种对提高学生动能实力的一种鞭策方法。 三、结束语 在网页设计课程教学中，应当充分相识到网页设计课程的特点，结合实际，实行相应的教学措施和方法完成教学任务，以达到良好的教学效果。对于信息科技迅猛的发展今日，必需摒弃陈旧的教学理念，刚好提高自身的专业水平，完善自身的教学理念，找寻更好的教学方法，激发学生的学习爱好，培育学生追求新知的实力和动手实践的实力，从而达到学以致用的效果。 参考资料： 田博文，Dreamweaver8基础培训教程，人民邮电出版社，2007年2月 孙素华，中国青年出版社，2005年10月 浅谈网页设计课程教学 网页设计课程教学大纲 网页设计课程的教学反思 网页设计课程教学大纲 网页设计课程小结 网页设计高级课程 HTML网页设计课程教学大纲 网页设计B课程教学大纲 网页课程教学总结 网页设计课程设计二 本文来源：网络收集与整理，如有侵权，请联系作者删除，谢谢！第8页 共8页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页第 8 页 共 8 页