2024年如何实施《网页设计》教学课堂设计 网页设计课设5篇

【请您参阅】下面供您参考的“2024年如何实施《网页设计》教学课堂设计 网页设计课设5篇”是由阿拉网友精心整理分享的，供您阅读参考之用，希望此例范文对您有所帮助，喜欢就复制下载支持一下小编了！

如何实施《网页设计》教学课堂设计 网页设计课设篇1

燕山大学

电子商务法论文

题目：网络链接引发的著作权案

学院（系）：经济管理学院年级专业：09级电子商务学号：090105070023学生姓名：郭振宏

指导教师：胡心专

日期：2011/4/1

4网络链接引发的著作权案

摘要：链接是互联网上快捷地传递和获取信息的一种技术手段，是互联网的重要功能。上网者通过链接获取的网上信息存在侵权问题时，一般应当追究上载该信息网站的法律责任，提供搜索引擎链接服务的网络经营者不承担侵权责任。但是，如果该网站经营者明知其他网站网页上含有侵权内容的信息，还继续提供该种服务，则应承担侵权责任。

关键词：非法链接；著作权保护

1、刘京胜诉搜狐侵犯著作权案

2000年10月，原告刘京胜在上网访问被告搜狐公司的搜狐网站时，发现通过点击该网站“文学”栏目下的“小说”，即进入搜索引擎页面。根据页面提示顺序点击“外国小说@(5064)”、“经典作品(86)”、“唐吉诃德——[西班牙]塞万提斯”、“译本序言”后，可在页面上看到其翻译作品《唐吉诃德》。于是，原告刘京胜申请北京市公证处对以上上网的操作过程、路径和终端监视器上显示的页面内容进行公证，后据此于24日向北京市第二中级人民法院提起诉讼。11月6日，被告向北京市公证处申请按照原告上网的过程、路径进行公证。15日，被告向北京市公证处申请对上述网站访问《唐吉诃德》中文版的过程和路径进行公证。被告两次公证的目的在于证明：1.该作品不是其搜狐网站上载，亦不在搜狐网站的网页上，而是通过搜狐网站的搜索引擎进入他人的网页后才看到该作品;2.直接访问、网站，即可看见载有原告翻译作品的网页;3.由于搜狐网站与上述三个网站有链接关系，所以能通过搜狐网站访问这三个网站载有原告翻译作品的网页。

11月23日，本案开庭审理时，原告当庭明确要求被告断开与上载其翻译作品的网站的链接。被告以法律未规定链接是侵权为由拒绝。30日，被告才断开链接。

裁判结果：北京市第二中级人民法院认为：根据《中华人民共和国》第十二条的规定，原告对《唐吉诃德》享有翻译作品著作权，应当受到法律保护。未经许可使用其作品，是对著作权的侵害。当得知侵权行为发生或可能发生时，任何与该侵权行为或结果有一定关系的人，都应当采取积极的措施，防止侵权结果扩大。

被告向公众提供搜索引擎服通过搜索引擎与侵权网站发生了临时链接，其虽然难以控制搜索引擎的特定搜索结果及其附带的临时链接，但完全有能力控制对特定网站或网页的链接。原告提起侵权诉讼时，虽因了解两种技术的不同而将搜狐公司链接行为指控为上载，但毕竟将自己是涉案作品的著作权人、其权利被侵害以及希望尽快制止侵权的意思表示清

楚。被告收到起诉书后，没有及时断开链接，使侵权结果得以扩大，起到了帮助侵权人实施侵权的作用。依照著作权法第四十五条第(八)项的规定，被告应当对自己的这种行为承担侵权的法律责任。

2、娱乐基地诉百度mp3深层次链接

2006年4月7日，杭州原创音乐网站“娱乐基地”向北京市第一中级人民法院正式起诉，控告百度、新浪和雅虎mp3搜索引擎侵犯其著作权，并要求每家公司赔偿其经济损失500万元。“娱乐基地”指出，百度等3家公司通过搜索技术直达“娱乐基地”网站的下载后台，将本该付费下载歌曲的绝对地址开发给网民免费下载。“娱乐基地”认为百度等搜索引擎公司的行为给其造成了经济损失。

“娱乐基地”称，百度提供的“深层链接”，其链接的是数据库的mp3文件，这使得网民无须打开被链接网站的页面就能免费下载，百度从中获取巨大的商业利益，而无需承担上传、保存、编辑等劳力财力支出。“娱乐基地”需要为此承受各种硬件资源，维护网站的成本每年高达数千万元。由于搜索引擎提供免费mp3下载，“娱乐基地”在数字音乐方面得不到任何收益。因此诉至法院，要求百度、雅虎、新浪三个被告立即停止侵权、公开赔礼道歉，并各自赔偿经济损失计500万元。

百度方面则认为，侵权的是提供盗版资源下载的网站，而非搜索公司。百度只为网民提供搜索结果，但无法判断搜索到的东西是否侵权。

2007年1月，持续了10个月的娱乐基地诉百度 mp3 深层链接侵权案有了庭审结果：北京市第一中级人民法院驳回娱乐基地对百度的诉讼。

网络服务商免责：提供链接、搜索服务，接到通知停止链接、不明知不承担责任。对于搜索链接服务商的责任，《信息网络传播条例》第二十三条规定了免责条件，即网络服务提供者为服务对象提供搜索或链接服务，在接到权利人的通知书后断开与侵权作品的、表演、录音录像制品的链接的不承担责任；但是明知或者应知所链接的作品侵权的，应承担共同责任。

3、法律与网络共同发展

互联网是一个高速发展的全新行业，对于浩瀚的信息来说，搜索引擎使其从混乱无序、随意的状态，转变成有规律、系统的世界。链接则将网上的关联内容同时呈现，又排列有序，使普通用户可以轻松得到需要的信息，最大程度的发挥了互联网对信息的传递功能。

对于这个日新月异的互联网领域，法律是不可能事无巨细的超前规定的。各国目前都在对搜索、链接服务引起侵权责任进行探讨，但都还没有明确的规定。美国的dmca为了鼓励搜索服务，提供了“安全港”原则，使isp在接到通知后，只要删除被主张权利的作品，或停止链接该作品，即可免去承担侵权责任的危险。但在其napster判决中，提供侵权内容链接的行为，却又被认定为侵权的帮助行为。使其对搜索、链接的态度更加难以判断。

相信随着互联网sp业务发展的不断成熟，在不久的将来，我国法律对于搜索、链接的问题，必然会做出明确的规定。

参考文献：

1《反不正当竞争法》

2《著作权法》

3陈坚《试析非法链接的著作权间接侵权责任，中国政法大学硕士学位》

4王迁：《论网络环境中版权直接侵权的认定标准（上）》，载于《东方法学》2009年第二期，第一页

本文地址：http:///zuowen/

如何实施《网页设计》教学课堂设计 网页设计课设篇2

如何实施《网页设计》教学课堂

袁志军

新疆乌鲁木齐 新疆职业大学

830011

摘要：新的时代，新的教育理念，教育也提出新的改革，尤其是高职教育, 以培养技术应用能力为主线,设计学生的知识、能力、素质结构和培养方案, 对我们教师的工作提出了更高的要求，那么我们应该怎样来合理安排我们计算机类的教学设计任务呢？笔者根据自己授课的实际经验写出自己在教学任务安排当中的实际感受，以供大家相互探讨。

关键词：网页设计

教学项目

教学课堂

how to implement the“ webpage design” teaching class

vocational university

yuan zhijun(xinjiang vocational university, urumqi, xinjiang 830011, china)abstract: with the advance of new era and new education idea, the new education reform is proposed, especially the higher vocational education, which is based on the cultivation of application ability, designing for students' knowledge, ability, quality structure and training programs, raises higher requirements for our should we arrange our computer teaching designing tasks? according to the author's own teaching experience, here i want to share my own teaching arrangements in the real sense with words: webpage design, teaching project, teaching

在教学任务设计设计中由于每个教师的思想、气质、知识结构、教学能力和审美情趣不同，针对不同的教材和学生的实际，在从事教学活动时，在方法上每位老师都有自己的选择和侧重的角度，都要采取自己得心应手的方式方法，创造出自己的授课路子和风格。不同的教学特色和授课风格可以并行，不应嵌在一个框子里，其实只要是效果好，质量高，学生爱学的就是好方法。

这学期我上的《网页设计》课程102课时，网页设计主要涉及到的软件有:dreamweaver、flash、firework、photoshop加asp动态网站基础开发及后台管理等，也是学生比较热衷的一门课程，互联网已经成为人们获取知识、网上购物、传递信息、相互交流、和共享资源的重要途径，而网站作为人们与客户通过网络相互交互沟通已成为了最主要的桥梁，更成为网络应用的一大热点。随着网站相关技术的不断发展，越来越多的人开始接触网页设计和网站开发工作，网页设计师正成为互联网应用领域不可或缺的职位之一，这也大大激发了学生对这门课的学习兴趣。但是学生作为一个新手，对网页设计知之甚少，而现代社会工作节奏快、时间紧，怎样才能在有限的时间内快速掌握网页设计的基本技能且印象深刻、既实用并能快速上手呢？我们如何通过大量实例项目演练,扎实理论与软件基础,注重学员实践能力培养 ,提高就业保障呢？下面简要结合本课程的教学方法来与大家一起探讨。

一、课前准备 我们备课中不仅要备学生而且备教材备教法，根据教材内容及学生的实际，设计课的类型，拟定采用哪一种教学方法，并对教学过程的程序及时间安排都作详细的记录，认真写好电子教案。每一课都做到“有备而来”，每堂课都在课前做好充分的准备，针对《网页设计》这门课我采用的是项目分组与实例应用结合的方法来上课，上第一堂课之前先调研学生在其它课程中的学习状态、学习能力、学习态度以及用功程度等考察学生的综合能力。然后根据能力大小将学生搭配分组，以好的带差的，以强的带弱的。通过学生之间的相互辅助增加同学之间的友情，同时也可以增强小组之间的竞争能力，另外也让同学们在学习的同时也认识到团队合作精神的重要性。

二、第一堂课 老师确定自己的教学思路并与学生一起调研网页设计项目和确定有网页设计开发要求的部门单位，调研项目的大纲由老师来负责准备，然后即可安排学生中速打较快和文笔较好的同学一起来写一封关于网页设计应用需求的调研通知，通过学生自己的理解来表达他们与用户沟通的技巧，并且也锻炼了同学们的协调能力。同时要求小组通过报名或推选的方式确定小组项目负责人（小组长），小组一起探讨选择比较适合自己特点、能力、也是自己强项的工作任务，小组长负责带领小组根据项目特点制定过程表格的具体要求。例如：需要提出的问题、采用哪种表格方式来记录需求、需要具有怎样相应的实施条件、项目实施的进度规划等。教师将事先分配好的小组名单和调研通知公布在校园网上，并且发出书面通知希望能够得到相关部门单位的协助与配合，老师在中间起协调沟通作用。

三、课堂教学 我们的教学任务是让学生在‘教与学“当中学习掌握更多的实际操作技能，这就要求我们结合实例来教受学习任务，教会学生在已有的案例基础上开发利用，以提高开发速度和拓展更多的学习思路。要对多年来的教学技巧和经验进行总结，教会学生通过使用一些简单的图形处理软件、抓图软件、和flash制作软件工具来制作网页，可大大提高学生网页的制作速度，简化制作步骤。以不致于把更多的精力都放在学习flash、firework、photoshop中，造成本末倒置，因为制作网站繁杂而失去对学习《网页设计》学习的兴趣。教会学生们准备网业设计的素材、网页构架、布局、颜色搭配、asp、数据库、网站总体规划等最终达到动态网站设计能力。

四、课后调研 让学生在课后到相应的部门调研需求，调研需求的方法是先找部门的基层工作人员落实需求，因为基层工作者更了解工作的性质、方法、步骤和需求，对具体的操作要求也更有发言权。这样既锻炼了学生的沟通能力，同时也增加了师生之间的感情交流。通过取得的调研需求小组讨论进行详细的需求分析，通过边学边做边分析使学生懂得分析与取舍，将难度非常大的且无法实现的功能去除或改用其它模式来处理。在学习过程中不断通过查阅图书、网络来查询解决问题，再由老师和学生小组一起讨论，将问题做到最好最满意的解决方式，锻炼同学们分析问题和解决问题的能力，通过不断的摸索和讨论形成整体框架。

五、项目实施与评估

学生确定各自在小组中的分工以及小组成员合作的形式，然后按照已确立的步骤和程序工作。结合项目任务开始边学习课程内容边实践项目开发、学习新知识、解决新问题。在制作的同时要强调学生要养成良好的记录信息并保存信息的习惯，以便为自己也为后期修改人员可以读懂你的程序而做好准备。先由学生对自己的项目结果进行自我评估，再由教师进行检查评分。师生共同讨论，评判项目工作中出现的问题，学生解决问题的方法以及学习行动的特征。通过对比师生评价结果，找出造成结果差异的原因。当学生掌握网页设计规划的整体制作步骤时再将做好的网站模块展示给相关部门领导审核，再度提出需求进行修改创新，当部门单位试用效果基本满意时，再通过各个部门的网站框架将数据整合，分析、调试，制作出适合于本校的动态网站应用系统，将整个系统安装在学校的服务器上进行应用。

六、归档和项目应用 项目工作结果应该归档保存，即进行项目文档的收集、整理和保存工作。以供下一届学生能够在此项目的基础上做更完善的二次开发，同时也是该学生团队此门课程重要的考核依据。开发的项目应用也可投入到学校的实际应用当中去，减少部门单位人员繁杂的手工业务流程和纸张资源，在应用的基础上可根据应用效果的好坏可适度提出给予小组成员申请资助奖励，激发学生积极向上的学习精神，提高学生的成就感。通过这种模式的教学不但可以提高学生的学习兴趣，还可以锻炼学生的综合素质。同时也为单位不必购买昂贵的应用软件而投入大量的资金解决了问题。

七、教学模式的延伸 随着社会的发展，目前教学手段不断出新花样，各高校都广泛采取视频教学的方式来教学，一是可以吸引学生的兴趣，二是可以活跃教学气氛，三、便于学生课后学习和复习，四、可以通过网络的方式让更多的学生参与到课堂教学当中，同时在社会实践学习过程中视频教学更能清晰的表达出教学内容和目的，对于参照物尤其是操作过程更能够清晰的表达给学生。所以通过一种简单实用的方法来建设一套能够网络实时直播的或存储后及时上传的网络教学录像设备，对于我们项目案例教学法来说是非常必要的。该设备要具备方便搭建可灵活性和可靠性，能够适应各种复杂环境场所下录制的可能。当然我们搭建的主要核心设备应该是一台高清网络摄像机，其次是我们的监视画面和语音录音存储设备及相应的网络上传和发布软件，具体的搭建要看投入的资金、设备、环境来决定。

通过此课程的分析归纳如下：计算机专业教学中，教师可从实际出发，精编出一些典型项目，说明其要求和要达到的效果后，为每个项目聘项目经理（小组长）一名，由学生自由报名，或通过应聘竞选方式选拔出，再由项目经理去为其他同学分工，一起进行筹备，直到完成项目后交教师审核，教师在其中起指导作用，学生起主导作用，这样学生由被动变为主动，可增强学生学习的主动性和团队精神。高职教育的课程要求我们应把课程应用到项目中去，所以结合实际的开发工作需求，首先要让学生明白他们的工作任务，让学生懂得课程体系在项目中的地位和作用，使学生了解从项目需求到最终的验收结束、资料归档整理等所需要经历哪些过程，做好哪些工作准备，需要怎样的沟通技巧、通过哪些工具来完成最后老师交给的项目。而不是把学生培养成只会解释问题的“理论高手”，而是要培养学生具有解决实际问题的“智慧高手”，解决“怎么干”，“干什么”的问题。在教学中，教师与学生承担着更多的教与学的责任，要求有更多的投入和参与。

参考文献

王文惠．高校网络课程开发中的教学设计研究[j]．昌吉学院学报，2006，4：66～69 周国烛 韩志伟．高等职业教育课程教学设计与案例．中国轻工业出版社．2009,7月

袁志军

1972年

男

副教授

工学学士

主要研究方向：计算机

如何实施《网页设计》教学课堂设计 网页设计课设篇3

网页设计教学总结

这个学期我担任了10网络(1)(2)班和10商务班的的网页设计这门课程。在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网页设计知识。还注意以德为本，结合网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。

下面从以下几个方面来谈谈我这个半个学期的教学总结： 教学进度

按照教学进度，我们已经完成了课程的全部内容的学习。教学进度基本上按照原计划已经完成了。教学方法

教学中我从以下几方面进行努力：

一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。设计一些实际中的商业网站案例。

二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把一个网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业。

三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。存在问题:

一、教学中的相互合作有待提高。

二、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。

总结整个2007年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。

屈明 2011-12-28

如何实施《网页设计》教学课堂设计 网页设计课设篇4

《第8课

美化网页》教学设计

营前中心小学

吴丽琴

教学内容分析

这节课是闽教版《信息技术》小学五年级下册第8课的内容，是在前一节课学生学会创建站点和制作简单的文字网页基础上，学习在网页中添加图片、编辑加工图片、设置网页背景，从而完成对网页的修饰、美化任务，使网站有与众不同的风格，提高自身艺术修养。教学对象分析

从五年级学生的认知特点来看，他们爱问好动、求知欲强、想象力丰富，对实际操作活动有着浓厚的兴趣，对直观事物感知较强，正处在形象思维向抽象思维逐步过渡的阶段。因此，在学习过程中，应鼓励学生自己观察，亲自动手操作，进行学生讨论和交流，师生共同归纳总结，体验学习。

在讲此课之前，学生已经学过如何制作一个简单的网页，并且添加图片的技能学生已经在word文字处理软件中学习过。这为学生美化网页作好了充分准备。教学目标

1、知识与能力

（1）了解网站的整体风格。

（2）掌握在网页中添加图片、编辑加工图片的方法。（3）会设置网页背景。

2、过程与方法 通过学生自主学习过程中，掌握美化网页的方法。

3、情感目标

（1）通过师生协作和学生相互配合，培养学生合作团结的精神。（2）培养学生热爱美的情感，激发学生表现美的欲望，使学生的审美能力得到提高。教学重、难点 1.教学重点

插入图片、设置图片属性、编辑图片、设置网页背景。2.教学难点

网站的整体风格、设置图片属性、编辑图片 教学准备 多媒体设备、课件、教学过程

一、导课

1、师：今天老师接到学校的一个重要通知，帮助学校招聘小网友辑员（课件出示通知内容），参与校园网站的建设，同学们想不想去试一试呢？同学们真是热情高涨，但是要成为小网友辑员可不是一件简单的事，必须通过重重的挑战，你们准备好了吗？那就让我们马上进入基础小测验，看看大家是否具有火眼金睛，能够“慧眼识美”。

2、师：请同学们认真观看以下几张网页，以同桌为小组进行讨论，优秀的网页具备哪些条件呢？

课件出示三坊七巷、土楼等网站实例，教师参与讨论并提示学生可以从网页的色彩、主题、布局等入手。（30秒）

3、指答，教师引导。

师：通过同学们的回答，我们可以总结出一个优秀的网页需要有，色彩合理，主题鲜明，版面协调，图文并茂… …

4、师：通过上节课的学习，同学们还记得编辑网页需要用到什么软件吗？请同学们跟着老师一起来回顾一下如何打开frontpage。

教师操作，学生口述。

5、师：老师这里有一张网页，根据优秀网页具有的条件，你有什么想法呢？

展示 “洞江小学学校简介”的网页，指答。

6、师引入课题：是的，今天就让我们一起来《美化网页》。马上迎接我们成为小网友辑员的第一个挑战——为网页插入图片，让网页图文并茂。

二、新课

挑战一：“梳妆打扮” ——给网页添加图片，让网页图文并茂。

1、师：还记得我们曾经学过哪些软件也有插入图片吗？软件的操作总是想通的，在frontpage中插入图片的方式与word非常相似。

指答，同时通过课件截图引导学生复习word插入图片的方法。

2、师：请同学们打开学习包里的这张网页，为网页梳妆打扮，插入学习包挑战一里的图片，可以参考课本p44—45页或者挑战一里的锦囊1。看看哪个小组的同学们完成得最快。（3分钟）

师巡视指导。

3、师：请已经完成的同学举手示意老师，看来第*小组的同学完成得最快呀！现在老师想邀请同学们指导老师完成这个挑战。

教师做快速演示，并且总结操作注意点——光标的位置。挑战二：“修剪边幅”——对添加的图片进行编辑，协调版面结构。

4、师：现在图片插入好了，但是这画面协调美观吗？我们需要修剪边幅——对图片进行调整，总是有更大的挑战等待着我们，请同学们参考课本p45—47或者挑战二里的锦囊2，设置图片的属性，对图片进行编辑。（5分钟）

同学之间可相互讨论，师巡视指导。邀请学生上台演示设置图片属性，师转述。

5、师：已经有小伙们为我们演示过了，相信同学们对这个操作有更加清晰的认识，请还未完成的同学继续完成，已经完成的同学可以尝试继续美化网页。（5分钟）

师巡视指导，展示学生作品。

6、师：看看这位同学的作品，大家有发现图片新的变化吗？那么这位同学是如何达到这样的效果呢？老师邀请这位同学上台为我们演示。

学生演示，师转述。

挑战三：“穿花衣”——给网页添加背景图片。

7、师：再来看看这位同学的作品，又有什么新的变化呢？这位同学真棒，这是老师还没有布置的终极目标，看来终极目标也没有难住他。那有没有难住你呢？请同学们给网页穿上花衣裳，添加背景图片，可以参看挑战三里的锦囊3，完成挑战三。（5分钟）

学生演示，师转述。

三、小结

1、师：同学们不断突破重重的挑战，老师发现好多合格的小网友辑员，但是你觉得谁是今天最优秀的小网友辑员呢？老师想邀请这几位同学加入编辑员的队伍，你们愿意吗？

2、师：通过这节课的学习，你有什么收获？（指答）

3、师小结：老师希望同学们能够善于打开思维，丰富想法，养成自主学习的习惯，勇于动手实践操作。

板书：

8、美化网页

1、插入图片（先定位光标）

2、设置图片属性、编辑图片

3、设置网页背景

如何实施《网页设计》教学课堂设计 网页设计课设篇5

摘要：网页设计课程是计算机和艺术的交叉学科课程，应注重将技术和艺术相结合起来进行教学。本文针对“网页设计 ”课程的特点，结合实践应用，阐述在教学方面的一些体会。

关键词：网页设计，教学方法

abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these paper is to base on the feature of “website design” course and practice , to give some opinion about words : website design, a teaching method

一、引言

《网页设计》课程是职业院校计算机类专业及电子商务专业的一门专业课程，也是一门实践性很强的职业技术课程。由于《网页设计》课程实践性和更新性很强，该课程如果采用传统的教学方式，那结果是不理想的。在这里结合自身的实际经验，谈谈网页设计课程的教学。

二、教学策略

1．课程特点

网页设计课程是计算机和艺术的交叉学科课程。在教学过程中，除了要求学生掌握基本的技术外，也必须对艺术设计有一定的了解。网页设计应注重技术和艺术的统一性。在进行网页设计时，应考虑网站的总体结构，风格定位，色彩的应用，版式的设计等方面的因素，力求形式与内容的统一，让网页的显示达到快捷，美观的视觉效果。

2．教学方案

要设计一个好的网页作品，首要的因素不是创新，而是“用户体验”，第一步应该站在用户的角度去考虑设计方案，所有的形象风格都必须服从主题，服务用户。这就对网页的整体形象有了较高的要求，整体形象包括版式设计，色彩的应用，logo设计，素材设计，广告设计，web图像设计及优化，交互方式等等。在教学时，我们可以结合实际，要求学生从版式布局设计和网页元素的处理及色彩搭配三方面着手，归纳如下：

（1）版式设计

网页的美感来源于网页的版式设计，它突出了网页设计的艺术性和个性，属于网页的艺术设计，好的版式设计会使得网页显得更具有美感和创意。网页的版式设计是基于内容的，应该从实用性和艺术性考虑。网页内容一定要主次分明，中心突出；导航要清晰；可以图文并茂，是网页显得生动和活跃。除此以外，网页的版式设计要符合统一、分割的原则。统一即指整个网站版式风格的统一性、整体性；分割即指要科学的划分整个页面。

网页的版式设计主要是表格、层等技术的应用。表格是一种最简单的布局手法，它可以将图像和文字做最恰当的编排，达到清晰易懂的效果。层（span）的布局，是现在正当流行的排版手法，它主要应用相对位置等的关系进行准确定位，再加上层叠样式表的辅助，突出了它对网页的设计具有可扩展的优势。

文字是网页内容的主要载体，所以文字的视觉效果在版式设计中也起着关键的作用。文字的设置可以分为字体、大小、颜色、行距等，通过这些属性设置，使文字排列得整体和美观。但要注意的是中文字体和英文等其他字体的设置，是有一定区别的。英文的字体有很多的选择，但中文的正文字，总的来说，就两种：宋体和黑体。在传统的版式设计中，大家都还是倾向于英文的排版，从视觉上来看，英文字体更有韵律性，因为每个字母本身高矮不一致；但是中文字体相对来说，就显得单调和独立些，所以在设计时，这两种文字要作不同的处理。另外，也不要选择一些非常特殊的字体，除非用户的浏览器认识这些特殊字体，否则将会出现乱码。如果遇到非要使用特殊字体的情况，可将文字转换成图片再将其应用。对于字号而言，单位应采用em，而不是px，这点在使用层叠样式表（css）时尤为重要，还要注意的是em和px是有差别的，所以在使用的时候也要对上号，否则也达不到预先的视觉效果。文字一行的字数最好不超过50字，首页的标题在10-20字为佳；行距一般使用的是20-22像素的行距，这样使得整个的文字内容部分不会显得太紧凑或者太松散。文字的整体排列一般有四种基本形式：两端对齐、居中对齐、左对齐或右对齐、图文环绕排列。在整个网页版式设计中，标题文字的设计原则应该是“醒目而不夸张”。

导航栏的设计在网页设计中也很重要，它对整个网站内容有提纲和导航的作用，在设计的时候，要注意首先导航栏的风格也要和整个网页风格保持统一，另外最好采用文字，因为网络的速度可能会影响图片的正常下载；不过现在flash按钮的导航栏已经成为时尚，它可以实现丰富的动感效果。

（2）网页元素的处理

网页元素包括logo、按钮、图片、动画、声音、banner等。在网页中包含这些对象时要注意的有：首先是logo的设计，logo代表了整个网站或者企业的文化，一个有特色、具有视觉冲击力的logo，可以直接影响浏览者对网站的判断，给浏览者留下记忆深刻的印象。其次，要确保网页上的每一个元素都有存在的必要性，不要使用冗余的技术和内容；再次，要保持形式和内容的统一；最后，要尽量的使网页具有快捷性。对于网页的特效技术，最好采用javascript或css技术来实现。

（3）色彩的处理

并非所有的颜色都能应用于网页，网页中的颜色会受到硬件、浏览器等的影响，即使网页中使用了非常合理、非常漂亮的配色方案，每一位用户所看到的效果也不一定相同。所以，最好使用使用网页安全色来避免和解决这种问题。网页安全色是指在不同的硬件环境和软件环境下都能在浏览器上正常显示的颜色，并且现显示的效果都一样，不会出现失真的现象。在页面设计中，整个网页的色彩种类最好不要超过3种，一种或者两种主体色，其他为辅助色。颜色种类太多，会让人觉得很杂乱。另外，文字内容和网页的背景颜色的对比要做到突出，比如：背景为深色，则文字的颜色可以选取浅色调；背景为浅色时，文字颜色就应该深些；这种深浅的变化在色彩学中称为“明度变化“。比如有些主页，背景色和文字颜色都采用的是深色，由于色彩的明度较近，所以浏览者来浏览阅读的时候，会感觉吃力，从而影响阅读；但是色彩的明度变化也不能太大，明度变化大会导致亮度的反差强，让人觉得很刺眼，同样会影响整个网页的视觉效果。在进行颜色搭配时，还要注意的是：第一，采用的颜色应具有联想性，不同的色彩会产生不同的联想，所以色彩的选取也要和网页的内涵有关。第二，色彩的合理性。根据网页的主题的不同，选取相应的色彩，比如红色，可以体现出网站的热情和喜庆；蓝色可体现出科技的气息等。第三，色彩要有鲜明性，这个才能给浏览者深刻的印象，并有耳目一新的感觉。

（4）网页赏析

在教学过程中对学生的引导是非常重要的，设计网页得多看多学，网页设计的技术和风格在日新月异地变化，所以在提高学生设计技术的同时，还要多培养学生的审美能力，知道怎么设计才是一个好的网页。创建网页是一个不断学习的过程，在看一个网站的时候，找到这个网站的优点缺点，注意哪些是可以借鉴的，哪些是需要避免的，在看的同时，可以看些成熟的网站，也可以看些成长中的作品，在同期的比较中，也有助于自身的提高。另外，鼓励学生看源文件，了解某些效果是如果实现的，在效仿的同时进行改进和创新。

（5）考核方式

网页设计课程的考核应该打破传统的考试方式，建议采用机考的方式，学生通过一学期的学习，应能自行设计各种网页，熟练掌握其基本制作方法和技巧，在规定的时间内设计网 页。这也是一种对提高学生动能能力的一种鞭策方法。

三、结束语

在网页设计课程教学中，应当充分认识到网页设计课程的特点，结合实际，采取相应的教学措施和方法完成教学任务，以达到良好的教学效果。对于信息科技迅猛的发展今天，必须摒弃陈旧的教学理念，及时提高自身的专业水平，完善自身的教学理念，寻找更好的教学方法，激发学生的学习兴趣，培养学生追求新知的能力和动手实践的能力，从而达到学以致用的效果。

参考资料： 田博文，《dreamweaver8基础培训教程》，人民邮电出版社，2007年2月

孙素华，<< dreamweaverms2004完美网页设计>>，中国青年出版社，2005年10月