网站制作方法精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网站制作方法主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网站制作方法范文

一、明确目的

利用知道作推广一般有两种，一种是仅仅把它当做外链的来源，这种情况比较简单，由于目的很单一，只要能留链接，并且能够被百度收录就好，因此，最好是到百度知道不断的回答问题，回答重在数量不不在乎质量，哪怕你的回答没有别列入最佳答案也不用怕。当然发链接还是有技巧的，就是不要重复自发你网站的首页，要写问题指向的具体页面。同时不要所有的问题都指向自己的网站，要穿插着推荐其他人的，特别是一些大网站，比如网易、搜狐之类的，这样就不容易引起怀疑。

另一种情况是还希望从知道来流量，这就比较复杂一点，因为用户一般只看最佳答案，所以，你必须注册很多的马甲，用不同的账号自问自答，注意提问后不要马上回答，要间隔一天以上会比较好。自己问问题的时候，内容和提问的语气也要有所变化。

二、平台选择

百度向来对自己的产品给予很高的权重，百度知道也不例外，因此大部分站长都把精力集中在此。我要提醒大家下，其实现在很多网站的知道也占有很大的份额，一种就是像搜搜和天涯，这两家的收录情况都非常的好。另外就是根据你自己网站的门类也有很多垂直门户，像做美容用品的推广就可以去太平洋女性网等，不仅不容易被k，而且用户群体的定位也比百度来的更明确更有针对性。

三、具体手段

1、最重要的就是要养账号

拿百度知道举例，毫不客气的说，有了高级别的账号，你就成功了一半。因为发帖不容易被怀疑，不会被删除。这种账号哪里来，有钱的可以去买，网上搜索一大把，像我们这种穷人站长只好自己申请，慢慢养。每天都用不同账号到百度去回答一些问题，久而久之你的等级就提升了，然后就可以用来回答你自己的问题。

2、注意你的ip

前一段一个朋友问我为啥他的百度账号总是被惩罚，我看了看他给我的地址，发现这个家伙提问和回答虽然是不同用户，但是却是一个ip地址，这样不被k才怪。换ip的方法大家都很熟悉了，用adsl的可以重新拨号，用lan和局域网的也不用怕，现在网上很多的vpn，大家可以去弄一个，拨号以后就到对方的服务器上了，ip自然就不一样，呵呵

第2篇：网站制作方法范文

项目教学法实施过程是教师创设项目活动情境，在教师的引导下，从学生已有的知识技能和生活经验出发，讨论完成本项目活动的方法和过程，学生以小组为单位运用学过的知识和技能解决新情境下的问题，在项目活动过程中，增强学生的知识和技能，提高分析和解决问题的能力，在情感、态度的价值观多方面对学生进行培养。整个过程活动都是真实的，是现实生产生活的一种反映，从而使学生的学习更有针对性和实用性，学到了今后就业所必须的技能，包括实践能力、分析能力、综合能力、应变能力、交流能力、合作能力和解决实际问题的能力。在计算机教学中采用项目教学法，可以将教师的主动性、学生的积极性调动起来，还可以增强同学间的团队协作精神，这将对知识的传授与更新产生更重大的影响，实现教、学、做融为一体。

二、《网页设计与制作》课程牵引项目的选择及相应整合的理论知识

就课程本身运用实质来说，工作的项目其实分为网站设计与管理、网页制作、图像与媒体设计与运用、数据库设计与管理、脚本与应用程序的设计与运用。经过市场调研和多年教学实践，我把把课程牵引项目分为八个具体任务：1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。项目技能目标有安装和启动网页制作软件、熟悉网页制作的基本步骤、正确插入文本与特殊字符、正确对文本进行分段分行、正确插入图像、运用css技术控制文字图片样式。2.个人简历网页的制作完成该项目的知识包括有序列表标记符、无序列表标记符、表格标记符、超链接标记符、Css技术对列表的控制方法。项目技能目标有制作有序列表、无序列表、制作混合列表、运用超链接标记符启动电子邮箱链接、运用表格进行简单页面排版、运用css技术设置列表显示方式。3.电子相册制作完成该项目的知识包括网页图像素材的特点与主要类型、Fireworks对图片进行批处理的方法、电子相册排版要点、图像、表格、超链接标记符的相关属性、css技术的滤镜使用方法。项目技能目标有熟悉网页图像素材的特点与类型、掌握Fireworks的基本操作方法、了解并掌握网页图片处理的主要方法、熟知图像、表格、超链接标记符的属性、运用css滤镜技术美化图片效果。4.学习欣赏网站设计与制作完成该项目的知识包括本地网站的创建与、IIS的安装与设置方法、网站的规划与制作流程、框架技术进行网页布局的方法、超链接标记符在框架技术中的作用、锚点链接技术、网站LOGO的制作方法、制作网站flashbanner的方法、多媒体素材网页的制作方法。项目技能目标有：正确创建、设置、本地网站、正确安装、设置与管理IIS、运用框架技术进行网页布局、锚点技术在长版面网页中的应用、运用图像设计软件制作LOGO、运用flash制作具有动态效果的banner、掌握向网页插入动画、视频等多媒体素材的方法、熟悉css控制超链接样式的方法。5.门户网站制作完成该项目的知识包括门户网站的设计、规划与制作流程、网站创建、、维护管理的方法、Div+css布局网页的方法、创建子菜单的方法、Dhtml技术、Dreamweaver的高级应用技术。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。6.个人信息网站设计与制作完成该项目的知识包括个人网站的规划方法与制作特点、运用图形制作工具设计绘制网页布局、Fireworks执行切片并导出网页的方法、Dreamweaver布局切片网页的方法、页内框架技术在网页布局中的应用方法、动态导航条的制作方法、css对网页进行样式规范与美化的方法。项目技能目标有了解个人网站的制作方法与特点、设计并绘制网页布局图、应用切片技术设计网页布局结构、运用Dreamweaver优化切片网页、运用页内框架技术实现网站超链接、掌握制作动态导航条的方法、运用css对网页进行样式规范与美化。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。8.浏览、查找、修改通讯录的网页完成该项目的知识包括动态网页制作与设置、数据库的绑定、表单动作设置、表单元素与数据表的对应、动态表格插入与应用、动态网站的。项目技能目标有熟悉表单及表单元素、掌握动态网页制作与设置方法、运用表单动作设置动态效果、掌握动态表格的插入方法、掌握动态网站要领。

三、课程整合后项目教学法的实施过程

第3篇：网站制作方法范文

关键词：CDIO模式；网页制作；课程改革

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2016）08-0132-02

现阶段我国高职教育中多采用案例教学模式来教授网页设计与制作课程，通过这种教学模式，学生可以完成大多数的案例制作内容，对学生的动手能力也有一定的培养，但是在遇到实际问题时却不能灵活运用自己所学的知识解决问题，在一定程度上对学生创新能力的培养不够注重。另一方面，课程内容的系统性不够完善，不能很好地帮助学生形成系统解决完整实际工程问题的意识和对实际工程项目的分析和设计能力。另一方面，学生之间互相交流沟通的较少，不能在团队协作中发挥自己应有的水平。

1 CDIO模式简介

CDIO工程教育模式是近年来国际工程教育改革的最新成果。从2000年起，麻省理工学院和瑞典皇家工学院等四所大学组成的跨国研究获得Knut and Alice Wallenberg基金会近2000万美元巨额资助，经过四年的探索研究，创立了 CDIO 工程教育理念，并成立了以 CDIO命名的国际合作组织。

CDIO代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate） ，它以产品研发到产品运行的生命周期为载体 ，让学生以主动的、 实践的、 课程之间有机联系的方式学习工程。CDIO培养大纲将工程毕业生的能力分为工程基础知识、 个人能力、 人际团队能力和工程系统能力四个层面，大纲要求以综合的培养方式使学生在这四个层面达到预定目标。

2 现阶段高校网页制作课程教学现状

网页设计和制作课程的设置主要是为了培养学生完成对网页的设计与制作过程这一基本的职业能力，以及帮助毕业生从网页编辑到网站的规划设计和制作再到网站的更新管理与维护这一岗位变换的任务[1]，但就现阶段而言，我国网页合计与制作的教学模式还是存在很多问题。

2.1 对学生的实践能力不够注重

我国高校依然多采用理论和实践相结合的教育模式对学生进行授课，老师首先在理论课上将书本上的专业知识点和相关软件的操作要点对学生讲解和示范，剩下的时间就是让学生凭借课堂上老师教授的知识或者是自己所记录的笔记来操作相关步骤。整个过程中，学生始终处于一种被动接受知识的状态[2]，再加上教学的内容较为宽泛与枯燥，学生很容易对此失去兴趣和对此项专业知识的学习积极性。另外，由于学生并不能对理论过程和实践过程有效的结合与整合，所以学生在很大程度上只能学到知识的皮毛，只能生搬硬套，而不是通过自己的创新能力让自己的知识与实践达到融会贯通的效果，这样就不能达到教学的根本目的。

2.2 教材案例缺乏实践性

传统模式下的网页制作课程，老师都是按照教学大纲设定的章节内容按顺序一节一节进行教授，虽然对每个知识点进行了讲解，但是案例内容关联性不大，这样所造成的结果就是学生能够对一些技术技巧掌握，但是却不能把握好网站设计制作的整体性规划，对于网站制作所需要的最重要的能力即对全局的把控能力没有得到很好地提升。

2.3 不符合社会发展需求

高校老师在对学生进行教授时，更多地依赖于教材本身，只是根据教材上写的再给同学们讲解一遍，不能根据学生之间的个性差异及个人特点因材施教，这样让学生实际运用起来会感到比较吃力[3]，又由于对学生的引导性和指导性不多，使得学生不能做到真正的应用，距离社会发展所需人才的要求还有一段差距。

要将上述问题得以有效的解决，将CDIO工程教育理念有效的融入到网页制作课程的改革中，对教学资源加以归纳整合，改变传统的课程教学模式对于培养新时代人才的需要是有着很重要现实意义的。

3 基于CDIO模式下的网页制作课程改革

网页设计与制作这么课程实操性比较强，此专业的主要教学任务是让学生对于网站建设的基本流程和如何对静态网站进行建设的相关知识和技能的学习，当学生进入社会以后，能够根据客户的要求作出符合客户要求的网站制作作品。再者，此专业对于学生的网页鉴赏能力、艺术设计能力和网页设计与制作能力等综合能力的考量有一个明确的要求，我们要打破传统教育模式下只注重理论知识讲解的方式，转为对学生综合实践能力的培养。

3.1 对教学和学习理念的改革

基于CDIO工程教学模式，我们要把之前的主要以同学们基础知识的掌握为主要目标扩展到以学生的职业发展为教学目标，老师在组织教授给学生的课程内容时，要以社会发展所需要的网页设计人员的要求为根本，在对教学环节进行设计时多开展一些具体的任务，将社会上的相关企业正在建立的项目给同学们进行讲解从而更好地加强同学们的技能技巧；在学习理念上，培养同学们的自主性学习观念和持续性学习理念，让他们认识到主动学习并不断坚持下去对自身学习成果的重要性。同时注重与社会企业和这个行业的深度的交流与融合，符合新时代下学生就业的基本方向。

3.2 课程内容的改革

依据CDIO的设计理念，老师要对网页制作课程的内容改革做出大胆的改变与尝试，比如建立一个真实的网站建设项目，根据不同的教学目标和需要学生达到的能力水平来划分不同的学习情境，再将不同的学习情境分为多个不同的实践任务，将课程中所涉及的各个知识点分散到不同情境中去，让同学们在一步一步实践任务的完成中轻松地掌握各个知识点，同时对于一个真实企业网站的建设过程、基本流程和相关的技术方法有一个较为清晰的认识，从而更有力于学生对网站制作的理解与应用。网页的设计与制作要求同学们不仅仅掌握专业本身应有的专业技能，因为网页的制作涉及很多方面，比如图片、动画、编辑等，这就需要同学们在掌握了网页制作能力的同时，还要对图像的处理、三维动画的制作以及网页的编辑能力有一个不断的提高，从而设计制作出更高质量的网页。而在传统教学模式中，网页制作总是作为一门独立的课程来教授给同学们，这就会同学们做出来的作品效果表现力不够，缺乏感染力。

3.3 创新教学方法

高职院校的学生在初期阶段的计算机基础普遍不高，学习的主动性又不是很强，我们可以在实验室对同学们从教到学再到做进行一体化实践教学，在课程学习完成以后，老师可以多开展一些切合实际的项目让同学们加以巩固和练习[4]，这样学生会对自己所学习的知识不断重复加深印象，理解也会更为深刻。

3.4 对实践环节细化，采用小组协作模式

老师可以组织不同的主题，让同学们分组协作完成不同主题的综合性网站设计项目，在学生的实践阶段与CDIO教育理念不断结合，在每个项目开展之前，老师可以按照企业实际的团队合作模式对不同的学生分配不同的角色，值得注意的一点是，小组成员的分工不能一成不变，而是要定期轮换，确保每个成员能接触到一个网站建设不同的阶段，这样才能让同学们的综合能力有所提升。将企业的项目融入老师教学的过程，可以让学生了解学校教育与社会所需专业知识和技能的不同点在哪些方面，同时对于学生了解企业的制作标准和运作步骤有一个帮助，从而让学生能早的了解社会的需求，更快地适应社会需要。

3.5 对结果测评方法进行改革

在对课程的考核评价上，彻底转变传统模式下一贯的“结果性”考核方式，让考核评价机制更注重过程化和多元化。大力推行以CDIO模式所倡导的“首先完成工作任务，同时对平时的学习态度、勤奋敬业、团队之间的协作关系以及个人的道德文化水平”等多维度的考核评价模式。此种考核模式分为三个部分。首先是平时的考核，采用学生之间互相评价、自我进行评价和老师根据学生平时的学习态度、团队协作精神和个人道德等进行的综合评价这三者作为对学生平时考核成绩。其次是阶段性评价测试，让学生通过对一个综合网站的建设过程了解到学生在学习过程中的不足之处，和对哪方面知识点的欠缺。对学生的自主学习能力会有一个较大的提升。老师可以将该任务分成不同的阶段，让学生在完成每个阶段后提交自己的制作作品并列出自己的制作过程和想法。老师可以根据不同阶段的要求和学生的完成情况进行考核。最后的综合评价则主要是对学生综合技能的一个测评。

老师对于CDIO理念的准确把握对CDIO的实施效果有很大的关系，老师只有充分理解了CDIO理论的内涵所在，才能根据学生的特点和课堂教学内容将这种理念灵活运用到对学生的教学过程中，这也同时对老师的工程实践能力有了较高的要求，学校要多开展此种培训并鼓励老师们积极参与，这样才能更好地运用和实施。其次，老师要做好引导作用，让学生从接受性学习模式转变自主性学习模式，不断激发学生的积极主动性，不断提升教学质量。

4 结语

将CDIO的教育理念与网页制作课程老师的教学过程和学生的实践过程以及对学生的考核机制不断融合与贯通，会让学生更有效的熟悉网页制作的每个步骤，从而加强对整体流程的把握，不仅让学生掌握网页的制作方法，同时对于激发学生的学习积极性和提高学生解决问题的能力也会有一个大的提高。老师要抓住项目对知识内容组织的紧凑与连贯性，让学生对课程的整体性和系统性有一个大体的把握，帮助学生做好知识点之间的串联，学生要对学习过的知识及时总结归纳，对新的学习任务提前做好知识的梳理，养成积极思考的习惯。基于CDIO模式的网页制作课程教学方式让学生真正成为教学活动的主体，作为当今国际最新的工程教育模式，它在很大程度上培养了学生的团队合作能力和实践动手能力。

参考文献：

[1]陈绣瑶. 基于CDIO模式的网页设计与制作课程教学改革[J]. 广州职业教育论坛，2013（3）：31-34.

[2]田永晔，江兆银. CDIO模式在《网页设计与制作》课程改革中的探索与实践[J]. 福建电脑，2013（12）：53-55.

第4篇：网站制作方法范文

最近编辑部的事还真不少，又来新同志了，以后大家都会逐步熟悉的。没事都到论坛坐坐，我经常在那里，会尽心回答大家的问题。还有大家多给“美不胜Show”栏目投投稿，也可以将自己想知道的、想学习的知识告诉我们，我们会整理出来，在杂志上作些教程。还有光盘中的“网友推荐”栏目也多多支持吧。天冷了，下期见，等会。每期几乎都是这样结尾的，其实每期在写版主手记时，已经是出刊最后阶段，深夜了，下期见!

――蓝色

随着数码产品的流行，相信很多朋友利用数码相机或手机拍摄了好多照片，对这些照片的管理就变得很重要。如果将这些照片制作成电子相册，日后浏览它们的时候会变得很方便。今天为大家介绍几种制作3D相册的方法，包括《虚拟相册制作系统》、在线DIY电子相册网站和Photoshop。

虚拟相册制作系统

虚拟相册制作系统是一款简单易用的电子相册制作软件。不需要专业的计算机知识就可以制作出幻灯片、屏幕保护程序和3D电子相册。这款软件采用了向导式的制作方法，我们只需按照向导操作即可以快速制作出3D虚拟电子相册。

步骤1 启动虚拟相册制作系统。在第一步向导里提供了四个模板供我们选择，包括标准相册、故事相册、普通相册和卡通相册(如图1)。每种模板都适合不同类型的相册。比如标准相册适合生成大照片形式，故事相册适合带有描述性文字的相册，卡通相册则比较适合儿童的成长相册。

步骤2 单击“下一步”按钮进入到设置电子相册的基本设置对话框中(如图2)。单击“封皮图片”后的“转换”按钮。可以改变电子相册的封面照片。单击“封皮背景”后的“更改”按钮可以选择系统提供的其他封面背景图片。另外，还可以设置相册的名称。封皮的颜色和样式。标题字体等属性。

步骤3 单击“下一步”按钮进入相册配置对话框，在这里可以设置相册的翻页速度、每页停留时时间、相册背景和底纹、制作信息等属性(如图3)。

步骤4单击“下一步”按钮进入设置相册背景音乐对话框，在“待选音乐”列表框选择一些自己喜欢的音乐，然后单击箭头按钮将它添加到“已选音乐列表”中。单击“播放”按钮可以对选中的音乐进行试听。

步骤5 单击“下一步”按钮，进入添加照片的对话框。单击“加入”按钮可以在打开的对话框中选择要加入的照片。加入照片以后可以利用“上移”和“下移”按钮改变它们的播放顺序。选中某张照片以后，单击“亮度”按钮可以改变照片的明暗程度。单击“属性”按钮则可以为照片添加标题、拍摄时间和一些描述性信息。

步骤6 单击“下一步”按钮进入到生产电子相册的对话框(如图4)。在这里我们可以选择相册的类型。分别为相册库文件、执行相册、迷你执行相册和屏幕保护，如果你想为相册加密还可以设置安全密码。单击“生成”按钮，在弹出的对话框中设置要保存的文件名，然后就开始生成相应的电子相册文件了。在线制作FIash 3D相册

在线3D相册(网址：)是一个可以让我们将照片制作成FIas形式的网站。其中的动画可以是水晶之心、旋转的魔方、Flash放大镜等等形式。并且还可以将这些动画自由到其他的网页中。下面我们就来介绍在这个在线DIY相册的方法。

步骤1 进入到网站中，首先需要注册一个用户，然后才可以开始制作电子相册。

步骤2 注册成功以后。使用自己的用户名登录网站，然后在“PhotoSha ring”页面中的“Manage Photos”中单击“C reate anAlbum”按钮创建一个新相册。在打开的网页中设置电子相册的标题、描述信息、相册封面和背景颜色等选项，然后单击“Update”按钮创建电子相册(如图5)。

步骤3 此时网页会自动返回到“Manage Photos'’(管理图片)页面中，你会在这里找到自己创建的电子相册列表。

步骤4 单击“Upload Photos”命令可以为相册添加照片。网站允许用户一次性上传515张图片，在“Upload tmages to”中可以选择将照片上传到哪个电子相册中。单击Image(1-5)后的浏览按钮选择自己电脑中的照片。然后单击“UploadPics Now!”按钮即可开始将照片上传到相册中(如图6)。

步骤5 单击图片管理页面右侧的“Create a PhotoFltck”按钮开始创建Flash电子相册。进入到创建电子相册页面以后。在“Acrobat Cue”选项中可以设置照片的参数，比如透明度、背景、大小、文字等参数。在“Flick Designs”选项中预设了许多种电子相册的模板，你可以选择自己喜欢的一种模板(如图7)。如果要想预览FIash模板效果，可以单击模板缩略图即可实时显示照片的电子相册效果。当然在做这些设置之前，你应该在页面下方单击“add you rimages”按钮选择要加入到电子相册中的照片。

需要说明的是。不同的模板具有不同的参数可以设置。读者可以根据自己的喜好选择不同的模板进行参数设置。

步骤6 单击“Save”按钮，可以将制作好的电子相册保存，并获得一段Html代码(如图8)。你可以单击“Copy PostingCode”按钮将这些代码复制出来，然后就可以插入到其他网页中了。

我们已经对这个在线DIY制作Flash电子相册的网站进行了简单介绍。可以说使用这个网站制作的Flash相册效果是十分丰富的，而且还很简单。比起使用Flash设计软件去制作一个同样的Flas相册要省事省力得多。

使用Photoshop模拟立体照片效果

在Photoshop中模拟立体效果。需要借助于它的3D变换滤镜，在Photoshop7.0的版本之前包含这个滤镜，如果你的Photoshop中没有这个滤镜可以到网上去下载安装它。下面我们就来制作这样的立体照片效果。

步骤1 启动Photoshop，并且执行“文件/打开”菜单命令打开一张背景图。在“图层”面板中新建一个图层。然后执行“滤镜，渲染/3D变换”菜单命令，打开“3D变换”对话框。在该对话框中选择立方体工具拉出一个立方体，然后使用轨迹球工具旋转立方体，即可得到立方体的灰色图形。

步骤2 单击“确定”按钮，将立方体加入到新建的图层中。执行“滤镜/模糊，高斯模糊”菜单命令。设置模糊半径为2像素，让立方体看上去比较柔和。

步骤3 打开一张照片，然后将照片复制到立方体的上方，并且执行“编辑/变换，扭曲”菜单命令将照片调整到一个立方体的侧面上，使照片的四个角和立方体侧面的四个角重合(如图9)。

步骤4 按照同样的方法再次打开两张照片。并且将它们分别放置到另外两个侧面上。将三张照片所在的图层合并(如图10)。

步骤5 将立方体所在的图层拖动到照片上方，执行“滤镜/风格化/照亮边缘”菜单命令，为立方体添加照亮边缘滤镜效果，并且设置此图层的混合方式为“颜色减淡”。最后适当调整一下照片所在图层的透明度就完成这个模拟立方体照片效果了(如图11)。

第5篇：网站制作方法范文

关键词：网络迷途；概念图； 网站导航；MindMannager

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2014）20-4676-02

Using MindManager Solution to the Web User Navigation Lost

HUANG Hua-sheng

（Hezhou College， Hezhou 542800， China）

Abstract：Network lost causes web browsers disoriented， for guide your visitors can get to where they want to go， Site navigation need designed reasonable.Concept map as knowledge be innovated tools， is one of the research topics in website navigation. MindMannager is one of the most simple software making concept map， has the rich application of output， the output page， output falsh production site navigation can be very convenient.

Key words：network lost； concept map； site navigation；mindmannager

1 网络迷途与导航

人们在参观博物馆的展览时， 时常会遇到这种现象：浏览的东西太多，在博物馆的展览圈子里兜兜转转一段时间后，如果突然又想回到某个时间点看到的某个展示展品的地方，就会发现很难找到原先的那个展位。这就是所谓的“博物馆现象”。同样的原因，人们在海量的网络信息里浏览，当浏览在不太熟悉的、复杂的信息空间时，往往会有迷航的经历，常常会发出“我现在浏览内容的位置在哪里？”“当前位置点的周围会是什么内容”“我刚才好像看到某个内容和现在的这个有点联系，怎么回到刚才的内容页面呢”这样的疑问。构成网页内容的超媒体具有较高的自主性，允许浏览者可以在多个页面之间自由跳转。然而由于网络的信息量太大，内容形式多样，关系复杂，用户的自由跳转浏览极其容易迷失或偏离方向，到达不了既定的目标，这就是网络浏览者的网络迷途。

网络迷途会使得浏览者持续到达不了想要的目标页面，在浏览过程中会产生迷惑、不解、烦躁的心态，影响浏览的效果。对网站的设计者来说就是达不到传播的效果，是一个失败的网站作品。要解决网络迷途的问题，就必须在设计网站时对浏览者提供适当的引导，也就是设计高效的网站导航。优秀的网站导航的能清晰的告诉浏览者当前所在的位置，上个位置点是什么？下一个内容有些什么？如何去到你想要的内容的地方？等定位问题。

2 网络迷途的成因及解决办法

形成网络迷途的成因是多样的。网络超文本系统结构灵活，跳转自由度大且随意，多次转跳链接后就会不知道所在位置了；用户对象对系统内容不熟悉，知识背景一样，对网络的文本链接内容就容易产生歧义，导致浏览的线路产生迷失；基于文本的超文本系统内容给用户的思维方式是离散的，用户没有立体的空间感、整体感，用户一次或多次的浏览行为并不一定能够遍历某个信息资源空间，同时由于用户的短时记忆量是有限的，无法记得起自己所浏览过的超媒体信息空间中的所有内容，所以用户的认知行为是具有片段性的，因此就产生浏览者的网络迷途问题。

针对网络迷途的成因，网站组织者提出了许多解决迷航问题的方法，常用的包括用户界面导航图法、搜索查询方法、分级结构方法、结构化方法等等。这里我们重点介绍用户界面导航图法，该方法是目前网站制作中最常用的导航方法。

用户界面导航法模拟环境的物理布局，借助地图、路标、路径等机制，形成结构网络图确定自己的位置，定位特定的信息。实际上它就是一个具有导航功能的可视化工具，用来分辨信息目标方位和信息间的联系。结构网络图能提供类似于汽车导航GBS一样的网站信息全貌给用户，用户能清楚自己所处网站整体的位置，且能了解当前位置与其他节点之间的关系。用户界面方法的心理学基础是认知地图，结构网络图反映的是全局性的空间关系，借助结构网络图能让浏览者有较高的全局观、整体感，浏览者能根据自己的认知情况选择最近的浏览路径，也可以让浏览者中途更改浏览路径，从而提高浏览的效率。

3 概念图与MindMannager软件

概念图是由美国康奈尔大学教育系的诺瓦克教授在1970年提出的，他指出概念图就是用来组织与表征知识的图形化工具。一个完整的概念图具有三个方面特征：第一，层级结构特征。在概念图中，概念是用层级结构的方式来呈现的，具有概括性的主题概念在中心节点，更多的明细的概念依次排列，呈现一种纵向的知识结构特征。第二，交叉结构特征。在概念图中，运用交叉连接来表示概念之间的相互关系，呈现一种横向的知识结构特征。第三，概念可视化特征。概念节点可以采用形象化的图形符号来描述，同时整张概念图本身就是个结构清晰的图片，概念直观明了具有可视化特征。

概念图三个特征表明它能用可视化的效果展现表述知识多维性，以图示的形式，多维度的呈现概念与知识点相互间的关系。把概念图放到网页导航的过程中既能恰当的表达网页主题的路径及关系，又可以以图示的方式向浏览者提供网站网页的整体结构，使得浏览者具有网站内容的全局观，对整个网站结构清晰了然，从而可以快速地找到所需的信息。将概念图用于网站导航是超媒体研究的一个可行方向。

MindMannager是制作概念图的最方便、最专业的软件之一，它融入了概念图的表述方法，将信息组织在概念图上，中心点是主题概念，在分支上依次标注明细概念的关键词，每个节点配上恰当的图案、色彩，形成具有层次结构的概念图。在开发项目过程中，借助MindMannager程序能帮助设计者对整体架构和细节关键有很好把握，实现知识的整体化、可视化。开发出的概念图能使得的浏览者具有的较好全局观，对整个知识结构清晰了然。它操作界面直观，制作方法简便，普通用户无需过多学习就能掌握。它支持的输出格式多样，能直接输出到word、excel等办公软件上，也能输出pdf、jpeg等图像格式文档，此外MindManager 能够快速地将概念图转换为网页，在很短的时间内迅速制作出具有专业水平的网页导航。

4 MindMannager制作网页导航

这里以建立《xml实用教程网站》为例简要讲述如何快速建立网站的导航。使用Mindmanager制作网站导航，需要预先根据网站的内容，建立一个概念图。按照网站的结构依次添加一级主题、二级主题到N级主题，按需要添加注释、图片等元素，设置图标样式，分别为每个主题设置主题样式、文字格式，一个关于xml实用教程网站整体的概念图就完成了。

依次点击“File”―“Export”―“Export for web page”，弹出“Save for Web”对话框，在对话框中选择输出网页的模板，模板设置包括打开的网页深度，网页的页数，网站的设计者信息等属性定制，按需要设置完毕后，选择导出的文件夹路径，点击“Save”就可以输出一个网站。默认网站是一个上中下结构的框架，上面是主导航区，默认给出“Home”，“Table of Content”，“Overview Map”链接。中间框架是主题内容区，主题内容区又切割成左右区域，左边是树形的菜单，根据你的设置显示1级到多级的主题列表，右边是具体的内容区。下边框架是一些版权内容区域。点击上框架的“Overview Map”链接，能在中间框架里查看整张的概念图，概念图可以移动方便查看，点击任何一个主题可以进去主题的详细内容页面。

依次点击“File”―“Export”― “Export for Mindjet Viewer（swf）”，弹出“Export for Mindjet Viewer（swf）”对话框，选择输出文件夹路径，点“Save”，可以输出Flash格式的概念图，在DreamWeaver网页处理工具里处理一下，把输出的Flash文件插入到网站中，这样网站就有了功能更加多的概念图了。Flash格式的概念图具有放大、缩小功能，节点折叠盒展开功能，用户查看整体图和局部图就非常方便了。Flash格式的概念图还具有搜索功能，输入关键词能快速定位对应的主题位置。若概念图有注释内容，点击注释图标，Flash分为两部分，右边会显示注释的文本内容。

5 总结

伴随着网络的快速发展，网络迷途已经是影响网站网页制作的一个现实问题，需要通过多方面的研究去探讨如何做好网络导航的工作。概念图作为知识表示与知识显性化的工具，是在网站导航研究应用的一个可行的方向。借助MindManager工具制作灵活的网站导航是一种简单、快捷的方法，但是也应该看到它的局限性，如导出的网页中概念图节点无法折叠和张开，没有搜索功能，而输出的Flash格式虽然有搜索功能，但是没有直接链接到具体页面的功能，即使通过二次加工把网页和falsh结合在一起依然不能解决所有的问题。如何更好地借助MindManager开发应用来解决网络用户导航迷失的问题还需要继续探究研究。

参考文献：

[1] 周翔.网络交互性与用户迷失问题探讨[J].科技传播，2009（03）：18-20.

[2] 黄华升.协作建构概念图在摄影基础课程教学中的应用研究[J].科教文汇，2010.

[3] 毕强，刘甲学，张海涛.超文本浏览中的博物馆现象及其分析[J].情报学报，2001（12）.

[4] 杨达，毕强.超媒体信息空间中导航用户认知地图的建构[J].图书情报工作，2005（8）.

第6篇：网站制作方法范文

【关键词】网页设计 教学成效 教学方法 教学思路

【中图分类号】G718.3 【文献标识码】A 【文章编号】2095-3089（2014）10 -0149-02

目前，中等职业学校为适应社会对计算机专业人才的需求，均开设了网页设计课程。本人在中职从事计算机网页设计教学多年，在教学中发现该课程教学效果并不是很理想，大部分学生也只能学到一点网页设计的皮毛，毕业后并不能完全胜任网页设计的需求，这其中有学生的原因，也有教学方面的原因。因此，在网页设计教学中，要总结现有教学方法的不足，努力寻找一些更好的教学思路和教学方式，让学生可以学到更全面、更实用的网页设计知识，提高学生的专业技能，更好地就业以适应社会需求。

一、教学内容的分析与改进

在我校，网页设计是计算机专业的一门必修课，教师们没有企业实战经验，纯粹是为了教学而教学。

1、大多数教师的教学内容主要为以下几种类型：

（1）上课主要讲解Dreamweaver软件的使用，主要介绍如何使用这个工具进行网站的开发。

（2）介绍fireworks如何绘图，并将绘图的内容切片，将网页展现出来。

（3）将 Dreamweaver、Flash 和 Fireworks分别教给学生。由于课时的原因，学生每种都会点，但没有一样能精通。

2、存在的不足：

经过与现从事网站建设相关工作的学生调研，我发现上面的任何一种教学内容，都无法在实践中得到充分的应用，原因如下：

首先，从事网站设计的企业，一般都有专门的美工，负责网页界面的设计，他们的美术功底及设计能力远非计算机专业的学生能达到。

其次，现在的网站基本采用 DIV+CSS 进行设计，原先采用表格设计网页的技术已处于淘汰阶段。而在目前的教学中，DIV+CSS在中职学校中根本没有开展教学。

于是就出现了这样的现象：计算机专业的学生在网页设计的岗位上美工做不好，页面也不会设计，教学内容和实际需求的能力脱节。

3、那么，当前计算机专业的网页设计课程，教学内容该如何组织呢？

首先，在学习Dreamweaver的基础上，讲解HTML语言。

其次，好的网页需要有新的技术支持。现在主流的网站都采用了DIV+CSS结构，DIV+CSS是网页美工必须了解和掌握的一门技术，DIV+CSS采用样式和结构分离的方式，利于搜索引擎读取网站页面，方便管理和网站维护。

二、教学方法和教学思路探索改善

针对上述提出的实际问题，我对中职网页设计教学的教学思路和教学方法提出以下的见解：

1、提高教师实践能力水平，改进教学方法。

作为网页设计课程教学的教师来说必须关注互联网应用的实时趋势，走出课堂、走出校园、深入到企业了解就业市场需求。学校可以加强校企合作，从政策上引导和鼓励教师利用寒暑假深入到企业进行实践。深入了解一个完整的网站的创建过程，从规划到素材的搜集与处理，到网站制作，再到网站维护。教师把企业中的项目拿到课堂教学中，学生从完成项目的过程中，明确地知道自己学习了网页设计这门课程，以后能做什么工作，在工作中怎么去应用课堂上的知识。

2、多种教学方法并用，优化课堂教学。

（1）分层次教学法

传统的课程设计对所有学生都制定统一的标准和要求，这样影响了基础好、动手能力较高的学生，抑制了他们的发展。“分层教学”就是进行有层次的教学，针对于每堂课程给每个层次学生制定不同的标准，根据学生掌握的水平和对这门课学习的兴趣、智力水平及内在潜力等一些软指标来区分学生层次，让同学们在正确认识自己、评价自己的基础上进行自我选择。教学对象的分层有利于教学目标的分层，可以更好地调动每一个学生的学习积极性、主动性。

（2）个性化教学法

网页设计教学有别于其他软件的教学，它具有较强的实践性。所以在教学中应充分体现学生的主体作用，虽然很多教师都注意到了这一点，教师利用较短时间操作演示，让学生用大量时间去实践，但是学生出现了模仿、记忆的操作过程，往往按部就班的学习，知识没有经过自己思维的深加工而一知半解。为了避免该问题发生，教师在综合训练时可以提供给学生一些优秀的网页作品供学生参考，让他们在某一特定主题下自己动手制作。这样才有利于学生探究知识、自我学习能力的培养，也能充份体验出学生的个性，从而保护了每个学生的创造力。

（3）案例教学法

案例教学法对于这门课程是非常重要的，要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，见多才能识广，教师在上课的过程中，一定要精心设计案例，案例应该由易到难，不能让学生产生畏难情绪，而降低积极性。案例教学的着眼点在于学生创造能力以及实际解决问题的能力的培养，不仅仅是获得那些固定的原理、规则，而是如何用更有效的方式获得知识。案例教学是一种“做中学”的形式，它是从经验与活动中获取知识，增进才干。通过案例教学，学生不仅可以从中获得认知的知识，而且有助于提高表达、讨论的技能，增强面对困难的自信心。

（4）任务驱动法

任务驱动法是以完成具体任务为目的而展开教学活动，使学生紧紧围绕任务进行探索学习，由浅入深，由简及繁，循序渐进地完成特定的教学任务。在整个过程中，学生是学习的主体，教师只起到引导的作用，从而使学生逐渐养成发现问题、思考问题、分析问题、解决问题的习惯。同时“任务”的完成使学生有成就感，激发学生学习兴趣，从而使学生由传统的“被动学习”状态转化为“主动学习”状态。

本课程期末考核可以通过设计一个覆盖网页设计与制作所需要掌握的知识和技术的总任务，然后再将总任务进行细分为一个个小的任务，做到具体小任务的完成推动总任务的完成。通过任务的完成，学生能够在一个学期内有效的掌握相关知识和技能，提高了学生学习效率和实际操作能力。因此，任务驱动法在网页设计教学中是非常有效的。

3、教学手段，以启发和体会为主

在网页设计教学中，理论知识讲得再多，如果学生不会灵活运用，一点用处也没有。在教学中，不必太拘束于理论，应让学生结合实践，去理解和体会知识。如在学习网页的布局和页面色彩时，教师应找各种各样的典型网页或网站，让学生在上网或观察中体会。学生在观察和研究这些不同的网站设计的时候，教师可以让学生评选出自己喜欢的或者是觉得最好的和最差的，让学生说说它们的差异。通过这样的观察和体会，让学生明白网页设计过程中，需要注意什么，怎么做才会更好。学生结合自己的实际体会，归纳总结出自己能理解和掌握的知识。

4、实践环节重引导

中职计算机教学更重视实践，重视动手操作，否则理论知识再丰富，如果不会动手实践，也不能保证学生能够更好地就业。实践环节不但要重视，还要高效，有些学校在课程的实践方面，分配了足够的课时，但实践的效果并不好。在网页设计这种相对比较开放和自由的实践课上，可让学生充分发挥自己的想象力和创造力。值得注意的是，在学生的实践过程中，教师要对学生进行适当的帮助和引导，如果任由学生自己去摸索，那么很可能在上机实践这段有限的时间内，学生很难做出点东西来。这个阶段并不是学生探索的阶段，重要的是鼓励学生把设想变为现实。

三、考核、评价方法的改变

网页设计课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力，那么单纯靠最后的期末考试，是不能确切的评价一个学生的真实水平，而要将平时的作业、练习都纳入学生评价中。对于网页这门课程，我认为比较合理的评价方法应该是平时的作业占 50%，期末考试占 50%。平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况。对于期末考试，我认为应该以要求学生设计一个完整的网站来结束本课程，而不是要求在给定时间内完成任务，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，何况学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。

第7篇：网站制作方法范文

关键词：Photoshop；模块化；案例化；教学改革

0　引言

Photoshop作为平面图像处理领域的一款专业软件，广泛应用于平面广告设计、绘画、包装设计、网络广告设计和3D效果图后期制作等方面。在我校，Photoshop作为平面设计辅修专业课程组与公共任选课程组之一，深受学生的喜爱。该课程的主要任务是培养学生的色彩认知能力、平面图像处理、图像创意设计能力。但是Photoshop课程具有知识面广、内容多、抽象等特点，有很强的理论性、实践性与应用性，探讨如何在教学任务重、实践应用能力要求高的条件下，通过教学改革促进、完善课堂教学效果，培养学生的实践能力、创新能力和应用能力非常重要。近年来作者多次承担劳动与社会保障部全国计算机信息高新技术考试OSTA(Occupational Skill Testing Authority)中Photoshop课程的教学工作，探索了Photoshop的模块化与案例化教学方法。在此，作者将自己的教学内容组织与教学方法撰成此文，就教于同行。

1　模块化实现了教学内容的聚集

Photoshop以其强大的图像编辑和处理能力成为众多图像处理软件中的佼佼者，逐渐成为许多艺术家、广告设计人员、网站制作人员的重要助手，从而使Photoshop在图像处理领域一直保持领先地位。应用领域的广泛性源于软件本身的强大功能。在目前课时压缩、应用要求高的情况下，为了让学生真正掌握软件的强大功能，并应用到实际工作中，我们探索了一种对教学内容进行模块化划分，以实现相似知识点聚集的教学方法。

1.1　模块划分原则

根据Photoshop课程的特点，按照教学内容的渐进式与模块内知识结构的相似性原则，将教学内容分成三个主要模块：基础理论模块、基本技能模块和创意设计模块(如图1)。其中基本理论模块包括色彩理论、图像格式、工作环境设置模块等三个方面，此模块为后续内容的教学开展奠定了理论基础。基本技能模块包括基本绘图工具、图层应用、滤镜应用、通道与蒙版等方面的内容，从八个方面组织和开展教学。本模块的教学目的是，使学生掌握Photoshop中各种工具的作用与特点，简单图像处理的工作流程，图像合成的操作要点，内置滤镜的使用与外挂滤镜的安装。创意设计模块是为培养学生的实践能力、创新能力和创业能力而设计的，创意设计模块具有面向市场的特点，包括动作设计与使用，数码照片处理，广告与装潢设计共三个子模块。动作设计与使用为图像的自动化处理提供了一种有效手段；数码照片处理具有很强的实用性，可以培养学生的学习兴趣；广告与装潢子模块的设计拓宽了学生的就业渠道。增强了学生的就业竞争力，符合现代素质教育的基本理念和培养创新人才、复合型人才的教育思想。

1.2　模块内教学内容的组织

在Photoshop的教学实践过程中，根据上述模块的划分方法，整个课程的教学内容被分解成三个方面十四个子模块，明确了教学目标与教学任务。同时，这种将大问题分解成小问题的递归式教学探索，有利于培养学生在知识积累过程中发现问题，分析问题，解决问题的能力。

在色彩理论模块的教学方法上，通过制作RGB加法原理图与CMYK减法原理图，采用对比的实验方法将抽象原理用直观图像描述出来，使学生更好地理解与记忆。基本技能模块通过八个子模块二百幅作品的教学与训练使学生全面了解Photoshop的所有工具特点，使用环境，并具备一定的应用能力。为方便课堂教学与实验活动的开展，各模块的完成作品效果图与作品所需素材均分别以文件夹方式组织，在实验室所有计算机上保存有源文件，方便学生的实验训练。每一个子模块包括二十幅作品，每一幅作品涵盖Photoshop图像处理操作的三个以上知识点，且这些知识点在其他作品中有部分重复，既强调了已有的知识点，又不断推出新的知识点。根据德国心理学家艾宾浩斯的遗忘曲线规律，在模块内案例的制作方法上设计了部分重复知识点，学生在已学知识点的不断重复和新知识点的不断累积过程中，完成一个模块的学习，实现知识点的积累。教学活动的组织过程中，首先对案例作品的最终效果进行分析，用讨论的方式给出图像的处理技巧与方法，一方面增强了师生的交互性，活跃了课堂气氛，另一方面提高了学生解决问题的成就感。动作的设计与使用实现了Photoshop的自动化批处理功能，为大批量图片的处理提供了一种高效的方法与技术；数码照片处理子模块的设置有利于培养学生的学习兴趣；广告与装潢模块由平面广告设计，企事业注册商标设计，室内外装潢设计等教学模块组成，其目标是培养学生市场适应能力，减少学生就业前的再培训。先生曾说过“教育者，非为以往，非为现在，而专为将来”，从长远来看，这种教学方法对锻炼和培养学生的就业竞争意识是非常有益的。

2　案例化实现了知识点的分离

在计算机应用软件课程的教学过程中，运用案例教学是一种比较常见的方法，如：案例教学法在Photoshop教学中的应用，案例教学法在CAD课程中的应用等。在Photoshop模块化教学的探索过程中，我们将教学内容根据Photoshop课程的特点进行模块划分，实现了教学内容的模块化。在案例化过程中，要求学生独立完成每个案例的制作，应用在该案例上的相关知识点因为数量较少也容易被掌握，当学生完成一个模块中的所有案例时，与该模块相关的操作技术也被学生理解和掌握。依此类推，采用上述方法，当教师完成所有模块的教学任务时，学生也基本上掌握了该软件的使用，并具备了一定的应用能力，最终实现该课程所有知识点的聚集。

运用案例教学法，至关重要的是选准案例，案例的选择与设计是影响教学成效的重要前提。所用案例应当新颖、典型、具有代表性。就其内容而言，应当与授课内容相吻合，而从知识点的类型来看，应当与案例所在模块保持一致。案例的内容要突出授课的重点，不可过于复杂，影响学生学习的积极性，案例还必须与模块的整体内容达到统一。

在选用、设计案例时，对模块内部的案例既要考虑制作方法上的相似性，又要考虑案例制作过程中知识点的个数，还要推敲同一模块内部不同案例的新知识点个数，尽可能在案例数量与知识点数量方面作到统筹兼顾。为了提高学习效果，我们在设计、选用案例的时候，主要从以下几个方面进行考虑。

2.1　注重知识点的覆盖，设计具有典型性的教学案例

模块化过程将图像处理的基本概念、相关原理、操作要领等知识点分解到各个模块，模块中的每一个案例是知识点的最终载体。因此，在模块化与案例化教学过程中，既要降低案例的复杂度，又要注重案例在知识点方面的覆盖率，设计的案例必须具有典型代表性。

在教学实践当中，随着模块与案例学习的不断深入，所涉及到的知识点也越来越多，运用的技巧也越来越复杂，典型案例对巩固学生记忆有很大的帮助，特别是具有代表性的案例。如：色彩模式转换知识点的讲解，我们通过“燃烧”艺术汉字的制作来实现，因为“燃烧”艺术汉字的实现方法及原理具有典型性，即火焰效果的制作。

2.2　重视就业竞争力的培养，设计具有商业性的教学案例

Photoshop是一门与就业联系非常紧密的技能型课程。为了使该课程的教学内容能够与学生将来的就业需求接轨，提高学生就业竞争力，在教学案例的设计上，根据我校平面辅修课程组(课程组开设有：Photoshop，CorelDraw，3DMAX等)的课程开设情况，我们将室内外装潢设计的后期处理案例、企业注册商标设计案例放在本课程的创意设计模块中，将重点放在培养学生解决实际问题的能力上，通过几个实例的讲解使学生能够触类旁通、举一反三，进而实现由点及面、以旧推新，真正做到“学以致用”、“学用结合”。

2.3　强调学习兴趣的培养，设计具有趣味性的教学案例

学习兴趣是学生探求新知识的内在动力，是发明创造的精神源泉。孔子说过：“知之者不如好之者，好之者不如乐之者”。从心理学的研究也得到证明：学生持久、稳定的学习兴趣是形成自学能力与创造能力的内在动力。因此在教学过程中注重学习兴趣的培养是教学探索中极其重要的环节。在Photoshop课程的教学过程中，要激发学生的兴趣不是很困难，但要将学生的学习兴趣长期保持下去，却不是一件容易的事。笔者认为：Photoshop既是一门计算机软件课程，也是一门艺术设计类课程，创意与设计占有极其重要的位置，采用模块化教学方法，因为模块内知识点的相似性特点，能有效减轻学生在学习过程中新知识的增加所带来的压力。而趣味性教学案例的设计更能激发学生的学习兴趣，从而使学生在学习过程中保持高度的求知欲，形成持久的学习兴趣。

通道和蒙版是Photoshop学习过程中最重要，也是比较难以理解的两个概念，其工作原理相当抽象，学生难以接受，学习兴趣也不如其他模块。对此，在教学案例的选择上，我们选用了两张网上流传以久的图片，当照片没被选中时如图3所示，当照片被全选时如图2所示，即一张照片是由二张完全不同的照片叠加而成。其制作原理是：windows环境中图片是否被全选的标志就是，是否在其上加了一个黑白相间的蒙版。蒙版的白色部分是透明的，黑色部分是不透明的。此案例正是利用这个原理，全选前后的两个图像其实本来就同时存在于一幅图中的。未全选时看不到图2照片效果是利用了人眼睛的辨别精度有限这一缺陷，当全选时，上边我们提到的蒙版中黑色部分盖住的正好是图3照片那一部分，所以图3照片看不到，而图2的像素正好处于白色部分范围，也就是透明范围，所以能看到图2所示照片。避开这个案例本身的难易程度，从案例本身具有的趣味性和挑战性来看，学生对本案例的制作表现出极大的兴趣，并能自觉掌握该图像的制作方法，特别喜欢将学生本人的照片运用到本案例的制作过程中。在这个教学过程中，学生能主动理解通道与蒙版的概念，并应用到案例制作当中，变被动为主动，其教学效果非常明显。

3　模块化与案例化教学的优势

模块化方案的实施，从教学内容上对Photoshop课程的知识点进行了归类，明确了学习目标和要求。在每一模块的案例教学方法上，前几个例题由教师讲解，分析案例所使用的工具及采用相关工具的原因，其他的案例的教学让学生利用前面所学知识与原理进行分析与讨论，既可以挖掘学生的创造潜能和创新意识，又可以培养学生的学习兴趣和解决问题能力。与传统的教师授课，学生被动听课的方式不同，模块化与案例化教学方法将教学过程分成了二个阶段，第一阶段由教师讲解，并通过案例分析图像制作的原理与要领，第二阶段让学生利用第一阶段所学的基本原理与技术主动参与到分析问题，寻找解决问题的渠道，充分调动学生学习的自主性，为学生提供一个充分展示自我才华和扩大自由思想的空间，促进其独立性和创新能力的发展。