网站制作方法范文

导语：如何才能写好一篇网站制作方法，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

当今世界依然进入信息化的时代，互联网的普及极大地便捷了人们之间的信息交流，也使得网站建设与网页制作技术逐渐受到人们越来越多的关注。在今天，人们经常利用空闲时间浏览各种网站，从各具特色的网页上寻找娱乐资讯、时事要闻、生活常识等，再加上电子商务等电子交易的产生与普及，人们对互联网的需求越来越多，这就为多种网站的成长提供了良好的机遇，也为网络技术人才提供了良好的就业与发展前景。

一、网站建设前的准备

（一）网站的定位和规划

在建设一个网站之前，设计者首先要对网站有一个明确的定位，确定网站的主题、建设目的、针对人群等，只有在做好网站定位之后，设计者才能够进行接下来的工作。在网站的前期筹备中，设计者要进行一定的调查，大致估计网站的可观性和实用性，并在一定的基金支持下进行网站的设计与建设。在进行网站设计规划时，设计者必须要认真分析网站浏览者的心理诉求，明白浏览者真正想要的是什么，用换位思考的方法，对网站的整体风格以及组织结构进行合理的规划，还要用最简明的话语来突出网站的主题。

（二）网站整体风格的统一

设计者在建设一个网站时，要十分注意网站整体风格的统一，并在此基础上，调整页面的排版与布局，使得网站的页面整齐、美观，对于插图以及图形的放置，最好采用同一种环绕方式，每个标题的样式都尽量整齐，尽量不给人留下凌乱的感觉，如果网站的第一张网页顶部放置了网站的标志，就最好在每一个网页的相同位置都添加网站的标志。一个网站往往包含诸多网页，如果想使用图标导航，那每一页的图标都尽量相同，并要放在相同的位置，要想实现这样的效果，可以使用模板或者框架，以上只是为了让网站尽量简洁与美观，可能略显条理化与格式化，设计者也可以根据个人爱好进行自由设计，采用不同的方法进行页面索引，这样的设计会更加具有特色，也容易引起浏览者的注意。在建设网站时，设计者可以指定连接的页面在哪个框架里显示，避免网页上相同内容的重复下载，这对于提高网页显示速度和网络传输速率方面都有着积极的意义。

（三）版面设计简洁明快

网站建设要十分注重网页的简洁与明快，去掉不必要的内容来提高网页的访问速度，节约访问者的时间。设计者在进行网站页面排版时，要仔细分析各构成要素间的比例关系，并保证各要素之间比例关系的协调。每一个网站的版面设计都没有统一的模式，设计者可以根据自己的喜好，进行自我思维的展示，设计者可以采用普遍的上左右型、上左中右型、左中右型、左右型、上下型、单一版式等，还可以多种板式结合使用，或者去掉版面分隔线。一个网站往往设置了不同的栏目，但是栏目设置不能过于繁杂，栏目版面设置适宜采用上下对称式，使栏目更加简洁明了，同时，栏目的大标题及以下小标题的排列要整齐，丰富栏目的信息量而又不显杂乱，栏目大标题要简洁明了，概括性强，能够形象地说明栏目内容，大标题与大标题之间应是一定的联系，但是彼此之间不能重复。

（四）网页内容以人为本

设计者建设一个网站，就是要为广大浏览者服务，因此，设计者必须要站在浏览者的角度思考问题，使网站风格更加容易被浏览者所接受，并积极思考更多点子增加网站的创意与特色。设计者在进行网站建设时要坚持以人为本的理念，选择合适的网站内容，并根据不同的网站内容来变换网站风格。网站的风格要依据网站的性质来确定，如果是社交网站，就可以轻松随意、张扬个性，如果是商业化的网站，就需要根据网站群体确定网站内容。网站建设要以人为本，注重简约，去掉的繁杂的文字说明与不相关的图片，内容信要有条理，简洁的网页设计有利于提高访问的速度。

二、网页制作方法与技巧

（一）善用表格

在进行网页制作时，设计者可以根据以往的设计经验，或者利用一些常用的工具来优化网页制作，提高制作效率等，表格就是网页制作中经常使用的一种工具。在制作网页中使用表格，可以实现文本与图像的位置的随意调整，不用担心其他因素对其产生影响，设计者可以利用表格强大的定位功能，将文字与图片进行系统的排列，增加网页的紧凑性与连贯性，使网页编辑与排版更加富有逻辑，布局更加合理。在网页制作中使用表格具有很大的便利性，但是过多的使用表格也有弊端，会减慢网页打开的速度，网页中表格的循环嵌套会给整个网页带来巨大的负担，浏览器要在下载完表格的所有内容之后，才能显示表格内容，而在浏览器下载与解析的过程中，浏览者什么都看不到，很容易产生厌烦与暴躁心理，不利于网站点击率的提升，因此，良好的网页制作一般是采用表格进行定位，并且大多都是一行一行来进行设计的。

（二）使用一些 HTML 语言

要想实现网页文字的动态显示，使网页内容如同跑马灯一样显示，设计者可以使用一些 HTML 语言。在进行网页制作时，设计者先要在表格中输入一些文字，并设置好文字的大小、颜色、粗细等属，然后选中该文字切换到代码窗口，在文字选中状态下进行编译，设计者在一个文字前输入，系统便会自动生成，只要将 移到最后一个文字后面，在预览时，就可以看到文字从右到左移动，就像跑马灯一样。也可以修改编译语句，使文字上下移动或者左右移动，还可以设置文字出现的方式，滚动速度等。

（三）在网页中插入透明 Flash 文件

设计者如果想在网页中插入视频或者动画，例如透明 Flash 文件时，可以使用Dream-weaver实现文件的插入操作，要想使文件变透明，就需要先选中已插入的 swf 影片文件，在属性面板中点“参数”按钮，在弹出的面板中将参数设为 wmode，将值设为transparent就可以了。

（四）网页制作中需要注意的问题

在进行网页制作时，一些图片在网页编辑状态下可以正常打开并显示，但是在预览或者网页之后就无法进行显示，这可能是图片的原始存储路径发生了问题，也可能是设计者保存时修改了文件名称所导致的。如果发生这种情况，设计者可以将图片存入网站对应的文件夹中，然后修改图片的保存路径就可以恢复正常，如果执行此操作后，网页预览依旧看不见图片，往往就是因为设计者在保存时使用了中文的文件名或目录名，这就需要修改图片的名称，将其名称更改为由英文字母、数字和下划线等符号组成的文件名或目录名。在制作网页时，设计者还要注意对网页进行优化，为网页设置合理的页边距，并做好网页的字体美化工作，修改文字的字体，字号，字距及文字颜色等，从而实现更好的视觉效果，设计者还可以采用多种文字和图片处理工具，进行图片与文字的进一步美化，使网页更加美观，更加吸引浏览者的目光。

结语

建设一个良好的网站，不仅需要优秀的技术，还需要团队之间协调的配合，一个团队需要具有一定的网站建设基础，还要掌握许多网页编程技术和美术知识，为网站的建设与美化，网页的设计与优化等提供坚实的基础。进行网站建设与网页制作，需要设计者熟练掌握编程工具的操作方法，还要深入了解与数据库相关的知识，并能够结合实际，对所学知识进行灵活的运用。在科学技术不断发展的今天，相信网站建设与网页制作工作会越来越轻松，互联网资讯会更加丰富多彩。

参考文献

[1]李建梅.新概念中文 DreamweaverMX 教程[M]. 北京：科海电子出版社， 2003.

篇2

关键词：网页制作；HTML；DIV ；CSS；能力培养

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2013）18-4271-02

随着互联网的迅速发展和应用日益广泛，网页制作技术成了当今非常流行的实用技术，《网页制作》课程也成为各个高校广泛开设的热门课程。无论是对计算机相关专业还是非计算机专业的学生来说，网页制作都成为了一门重要的计算机基础技术课程。在大学生求职的过程中，许多用人单位也都把大学生能否掌握网页制作的能力作为一项重要的基本技能来考核。但许多高校在教学过程中，还是采用传统的教学模式，导致学生的学习积极性不高，实际动手能力也很弱。为了使学生能够快速地掌握网页的设计与制作技术，许多学者做了相关方面的教学研究工作，提出了一些新的教学方法，如：任务驱动方式教学法[1]， 将以往以传授知识为主的传统教学理念，转变为以解决问题、完成任务为主的多维、互动式的教学理念；案例教学法[2]，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件情境中进行案例分析；由点到面—分层次教学法[3]，根据学生的个性差异及获取知识能力的不同特点，对学生进行分层次教学等。这些新的教学方法调动了学生的学习积极性，提高了课堂教学的效果。但由于《网页制作》是一门实践性非常强的学科，学生的思维创新能力和实际动手操作能力仍然需要进一步的培养。根据我校多年的实验教学经验总结，我认为应从以下几个主要的方面进行学生能力的培养。

1 HTML代码编写能力的培养

HTML（超文本标记语言）是一种专门为WWW网页显示及浏览而设计的标记语言，HTML通过标记符号来标记要显示的网页中的各个部分。HTML是网页制作的基础语言[4]，用任何网页制作工具制作的网页，最后生成的网页代码都是以HTML为基础的，因此学会使用HTML编写代码文件是学习制作网页的基础。 虽然HTML代码的编写在网页制作中的作用非常重要，但是由于HTML标记内容繁多，不易记忆，很多学生都不愿意用编写HTML代码的方式来制作网页，现在有许多操作很方便的网页制作工具如Dreamweaver CS5和以前的FrontPage等，这些软件在制作网页时非常直观，所见即所得，使用方便。但是如果掌握了HTML代码的编写会更有利于网页制作工具的学习，也能精确地控制页面的排版，从而实现更多的网页制作功能。

为了更好地培养学生HTML代码编写能力，我们在实验教学中采取了以下一些较好的方法：首先对HTML标记进行分类，按标记的作用范围可分为：文本标记；图片标记；表格标记；超级链接标记；音乐及视频、动画标记；网页框架标记等。按标记的单双特性可分为：成对的标记：{...}var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-22575914-1']);_gaq.push(['_setDomainName', '']);_gaq.push(['_trackPageview']);(function () {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'ssl' : 'www') + '/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();var _userid = '';var _siteid =691;var _istoken = 1;var _model = 'Model03'; WebPageSpeed =234; UrchinTrack();，{...}，{...}

3 网站制作综合应用能力的培养

在学生掌握了《网页制作》的各章知识以后，网站制作综合应用能力的培养就变得非常重要了。因为学习了网页制作技术不一定能做出好的网站。而本课程的教学目标之一是，要求学生能熟练地制作出一个可以的静态网站，因此我们要对学生在网站制作综合应用能力方面进行培养。

为了培养学生在网站制作综合应用方面的能力，我们学校在实验教学上花了很大的功夫，首先，所有的理论教学和实验教学都是安排在计算机机房完成的，这就给学生提供了理论学习后立即实践的机会。其次，为了给学生提供更好的实践机会，我们学校建立了计算机基础教学网，本课程的每个任课老师都建立了自己的教学网站，同时也给每个学生分配了网站空间，要求每个学生都把自己实验作业上传到自己的网站空间，并且要求每个学生都要建立自己的个人主页，其主题和风格不限，主页的内容不作统一的要求，鼓励学生根据自己的兴趣爱好，应用所学的网页制作技术，发扬自己的创新精神，做好自己的个人网站，并将其作为期末考核的内容之一。

在网站制作综合应用的实验教学上，我们特地收集了一些有创意、非常有特色的优秀网站和好的网页制作素材，拿到课堂上跟学生分享，同时跟学生一起研究讨论这些素材，并将学生中做得好的网页也拿来进行比较，提高学生的创新能力。我们还将网站的实际开发项目引入到实验教学中，结合我们老师为其他公司开发网站的实际经验来进行实验教学，将真实的网站建设和网页设计项目呈现在学生面前，从网站开发的需求分析到最后交付使用等各个环节，让学生自己去发现问题、分析问题和解决问题，并鼓励学生尝试采用不同的网页制作方法来完成项目开发，培养了学生自主学习的习惯和不断创新的能力。

4 结束语

《网页制作》是一门实践性非常强的课程，实验教学对于本课程来说非常重要。通过对实验教学方式和内容的合理安排，进而对学生进行正确的引导，提高学生实际动手能力是非常关键的.本文通过实验教学对学生在HTML代码编写能力、DIV+CSS网页布局能力和网站制作综合应用能力等方面的培养，使学生熟练掌握网页制作的相关技术、开发和维护网站的知识与技能。通过实验教学，完善了学生的专业知识结构，提高了学生学习的主动性和今后从事实际工作的综合素质。也培养了学生科学的思维方法、独立研究问题的能力和创新思维能力，取得了很好的实验教学效果，为学生将来走向工作岗位奠定了一个良好的基础。

参考文献：

[1] 李建慧.网页制作课程的教学研究与实践[J].科学教育研究，2007（4）：124.

[2] 韩敏，李云帆.高职网页制作课程教学探索[J].电脑知识与技术，2009，5（18）：4654-4655.

[3] 郭文龙，黄建琼.计算机教学方法探究[J].电脑知识与技术， 2009，5（12）： 3158-3164.

[4] 陈建孝，陆锡聪，余晓春，江玉珍.网页制作案例教程[M].北京：人民邮电出版社，2012.

篇3

关键词：网页制作 项目教学法 计算机教学

中图分类号： G718 文献标识码： C 文章编号：1672-1578（2012)04-0224-02

随着现代科学技术的迅猛发展，计算机网络及应用越来越广泛，许多企事业单位都建有自己的网站，计算机网页设计正成为一个很热门的行业，网页制作已是中等职业学校计算机专业学生的一门必须课程。为了让学生更好地掌握网页设计的方法和技巧，提高学生的动手能力，笔者通过多年来从事网页制作课程的教学工作，总结出一些实际教学经验与体会，与大家一起探讨。

1 根据课程特点，合理设置课程

网页制作这门课程涉及的内容较多，因此需要学生学很多相关方面的知识，如Html基本知识，Photoshop知识，Flash知识。如果学生刚一进校在没有任何基础的情况下就学网页制作，不设相关的基础课程，这样学生直接上这门课会觉得课程很难从而失去信心，教师教这门课也比较痛苦。为此，我们对整个专业的课程设置做了一定的调整，第一学期先开设Photoshop图像处理和Flas制作这两门课程，第二学期再开设网页制作课。在图像处理课程中，掌握PhotoShop软件的应用，为网页中的图像处理和网站的整体布局打好基础；同时在动画制作课程中，掌握Flash软件的使用，通过网页中插入动画，使网页更加生动，更有吸引力。笔者认为没有这两门课程做铺垫，学生即使熟练掌握了DreamWeaver这一软件的应用，也无法完成一个静态网站的建设。何况从近几年的全国计算机技能操作大赛来看，不仅仅要求学生掌握静态网站的制作，还要掌握动态网站的设计，那要求的基础知识就要更多更广泛一些，要掌握HTML语言、脚本语言、数据库基础知识，还要具备一定的程序调试能力。因此我们要根据该课程的特点结合中等职业学校学生的实际情况，有计划、有目的的设置专业教学计划、课程计划，合理安排教学内容。

2 引入项目教学法

网页制作是一门综合性和实践性都很强的课程。与其他课程的教学相比，本课程无论是教学内容还是教学方法上都有其独特之处。如果教师还单一地采用传统教学模式——“教师讲解，学生模仿”来进行教学活动，是远远不够的。按照这样的方法教学，一堂课下来学生只会做教师教的，不会融会贯通，学生的学习兴趣得不到激发，创新意识也得不到培养和开发。因此为了提高学生的专业技能和改变以前的教学情况，我们采用了“项目教学法”进行教学。

在设计“项目”时，要注意学生的特点与知识接受能力的差异，充分考虑学生的现有基础、认知能力和兴趣等。网站建设作为整体项目可细分为多个子项目。例如到学期结束，学生必须完成一个大的项目，我们就选择“企业网站制作”作为本次项目教学活动的课题，按照项目教学法，将教学过程划分成以下几个步骤。

2.1分组

在先学生自愿组合、后教师调配安排下对全班同学进行分组，4-5人一组，采取组长负责制，由组长统筹安排其组员的分工。

2.2规划网站

在制作网站前，给学生介绍演示不同行业的企业网站，要求学生在浏览网站的同时，总结企业网的特点，如栏目设置、布局安排等，并把自己的心得介绍给老师和同学，这样不但能提高学生的学习兴趣，而且为引入项目教学法做好了铺垫。课前让学生利用双休日的时间，分成小组走进企业，进行网站需求的调查，并收集有关企业素材。课堂上让学生结合各自调查情况，制定好一份初步计划书，确定网站主题。

2.3细化任务。分工合作

在分组时教师已经把握好学生的层次和特长了，因此在小组分工时要根据网站的具体要求，精心组织教学内容，由组长进行网站总体的策划，把整个项目分成不同层次的子任务， 每个任务分配到小组成员中，使他们各尽其责完成自己负责的任务。

2.4实施项目

学生确定各自在小组内的分工及小组成员间合作形式后，按照已确定的方案进入具体的企业网站制作，包括主页设计、网站排版、图片的处理等。在这个过程中，学生必然会碰到许多新问题，此时教师就可以把问题集中起来，要求各小组在回答问题时充分发表意见，同学间可以互相帮助，教师根据学生的掌握情况进行及时补充，对学生在应用上有困难的地方，教师要提供给他们解决问题的方法，让班上绝大多数学生能完成基本的教学内容。

2.5小组成果展示

网站制作结束前，经过教师核准验收后，可以宣布整个项目工作结束。接下来教师要对学生制作的作品进行展示，在进行作品展示时，教师可以把班级同学集中起来一起观摩，这样会更加促进学生的团队意识。同时，为了更好地利用网络资源，可以把学生的好作品上传到校园网站，让全校师生都来关注学生的成果。这样能激发学生的学习动力与兴趣，让学生享受成功的快乐，真正提高对所学知识的理解和掌握。

2.6评估总结

学生在完成网站设计后，教师要求他们进行网站的自评、互评。这个过程可以与成果展示同时进行，并且最好是以大班教学方式进行，也就是把几个班的同学集中在一起上课、交流。学生对各自网站自评，不仅有利于学生的自主学习，而且可以改进课程或教学的设计；学生互评，让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。最后教师对各项目组的网站进行综合评价，这一工作是最主要的。教师在评价学生网站时，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生去完善网站。

实践证明项目式教学方法可行，它得到了学生的喜爱与好评，也取得了良好的教学效果。

3 开展多种实践，提高专业技能

只有学生多实践才会掌握专业技能，因此除了课堂上开展正常的项目训练外，还要有计划、有实质性内容的开展一些课外实践活动。笔者要求每位学生用学到的网页知识通过网上免费的个人空间或博客，制作一个个人网站，并经常进行各种比赛，如班级网站比赛，展示班级风采，对优秀网站进行奖励，并上传到校园网上展示。对于优秀的学生鼓励他们参加校外各类大赛如省市中职学校技能比赛、文化艺术节比赛、全国中小学电脑制作活动网页制作项目比赛等，通过参加比赛活动，使学生的才华得以展现，创新能力得到培养。另外成立网页制作兴趣小组，平时多加以辅导，以分工合作的形式，定一个主题，自行参考各种资料、收集素材，模仿他人优秀网站作品或自行设计创作一些网站，以此来锻炼学生的综合应用能力和分析问题、解决问题能力。通过不断的实践，使学生基本上都能熟练地掌握网页制作方法，为以后毕业就业从事网页设计方面的工作做好铺垫。

4 不断更新知识，提高教师专业水平

计算机专业是一门更新很快的学科，教师的专业技能往往决定着所教学生的水平，如果教师专业知识不更新，就不知道很多新技术在这个领域中的运用，如现在网页制作网页的结构很多采用DIV+CSS布局，如果我们很多教师只会用表格布局就相当落后了，培养的学生出去也不适应这个行业，再如，多年前用ASP语言做动态网页设计，现在表明ASP在安全性方面存在着很多问题，我们教师要学习现在流行的JSP 、PHP、语言了。因此学校可采用脱产培训，寒暑假集训的方式，组织教师进行“双师型”学习或研修，有针对性地更新或拓宽专业知识。同时，有计划地选送教师到企业实践培训，走进社会，了解企业，提供给教师将理论与实践结合的机会。积极鼓励教师参加各类计算机技能大赛，提高教师的实际操作能力。

总之，网页制作课程是一门实践性非常强的课程，如何提高本门课程的教学质量方法多种多样，只要在教学实践中不断探索，不断创新，一定会寻找出一条既符合实际又有效的途径，使学生真正掌握网页制作这门技术，为今后的工作奠定良好的基础。

参考文献：

[1]王栋松．在计算机课程教学中开展项目教学法的研究[J]．职业教育研究，2005(11)．

[2]杨晓明．《网页制作》课程教学改革的探索与研究[J]．甘肃联合大学学报，2008(3)．

篇4

1.以就业为导向的网页设计与制作课堂的教学

1.1网页设计与制作课程的内容与特点

网页版面的规划设计与制作方法是网页设计与制作主要设计的内容，在计算机应用中网页设计与制作只是其中的一个分支。学生可以通过学习网页设计与制作学会基本技能，用来进行网页美化、网页设计与网页制作。网页设计与制作作为一门课程有一定的技术性，同时它所具有的艺术性也很强，学生会因为课程丰富的内容和涉及到多方面的知识而获取生存技能，同时学生的艺术气息也会受到培养。因此学生自身要有较高的综合素质才能学习这门课程。

1.2以就业为导向的课程体系设置目标

就业是目前网页设计课程的设计导向。市场需求是这种体系的前提，课程设置以就业为先决条件，职业中所需要的技能在课程设置中都能找到相对应的内容，学生有明确的就业方向在毕业之后。课程设置决定于岗位需求，课程内容紧密联系实际需要，在就业趋势上充分体现了“能力本位”。网页设计为与市场相连接应该构建一套课程体系，课堂体系的本位应该是培养能力、主线是进行实践操作并且能够顺应经济社会的发展。这套课程体系归纳总结了网页设计师在实际中的应用，不同的模块在教学中被设立用来进行学生的训练，对于教学中的知识点学生可以通过模拟训练来熟练掌握。

2.大学文科专业开展网页设计与制作课程的必要性

当今社会已经普遍应用了计算机和互联网，各企业和单位也越来越重视自身网站的建设，因此基本的网站制作技能是每个专业的学生都应该具备的。互联网背后运作被网页设计展现在大学生面前，对于这些文科生中的很多人都是闻所未闻的。因此，文科生会或多或少的存在一些困难在网页制作的学习中。文科生与理科生相比有比较活跃的思维，对文字更善于表达。如果对于计算机技能文科生能够快速的掌握，结合自己的知识背景和现代计算机来满足市场上的各种职业要求，那么他们的就业优势在同一竞争环境中就会比较突出。所以开展网页设计与制作课程十分必要。

3.以就业为导向的大学文科网页设计与制作课程体系构建策略

3.1优化课程内容设计，引入新的教学方法

在文科占较大比重的综合性大学中，学生因专业的不同需要掌握不同的计算机技术。因此，高校应该根据不同的张扬对计算机课程进行不同的设置。理论与实践紧密相连是网页设计与制作课堂的基本特征，没有清晰的划分界限在理论与实践之间。本文提出了一些建议与意见在教学方法上用来实现教学效果的最优化。

3.1.1模拟任务法，课堂教学结合实际操作。

教师在教学活动中可以把课堂假设成工作环境，模拟演练制作任务，一边把如何操作演示给学生，一边向学生进行讲解，学生则可以边听边做。学生在这样的讲练过程中很容易被激发出兴趣，这种以学生为主的课堂可以提高学生发现问题、分析问题和解决问题的能力。

3.1.2实际案例分析法。

教师在课堂中引入典型的分类网站，为学生在课堂上做展示，对这些网站的内容分类、布局结构及技术特点进行分析讨论。通过实际案例对教材中的知识点进行解释说明，使学生的创新思维在实践教学中得到培养，团队合作能力得到锻炼。

4.项目驱动的专题教学模式创新

4.1对教学项目进行合适的选择，开发进度表的制定要细化。

优秀的教学项目对学生的积极性能起到充分的调动作用，学生会由“要我学”的学习态度逐渐转变为“我要学”。对于教学内容与实际案例的结合教师在备课时应该进行充分的考虑，选择的网络项目应该略具挑战性、有较广的覆盖范围。

4.2为了促进网页设计课程的创新引入专题教学模式。

篇5

1以就业为导向的网页设计与制作课程教学

网页设计与制作课程的内容与特点网页设计与制作是计算机应用的一个分支，主要涉及网页版面的规划设计与制作方法。这里所阐述的主要是Dreamweaver是如何使用的，并结合HTML语言讲述静态网页的制作过程以及简要介绍如何制作动态网页。通过对网页设计与制作的学习，学生可以掌握网页设计、网页美化以及网页制作的基本技能。网页设计与制作是一门技术性课程，但是也具有很强的艺术性，课程内容丰富，涉及面广，使学生在获取生存技能的同时也培养了艺术气息。因此，课程的学习要求学生具有较高的综合素质。以就业为导向的课程体系设置目标目前，网页设计的课程设计是以就业为导向的。这种课程体系以市场需求为提前，就业目标是课程设置的先决条件，职业中所需要的技能都能够找到相应的课程设置，学生毕业后的就业方向明确。岗位需求决定课程设置，课程内容与实际需要紧密相连，这充分体现了“能力本位”的就业趋势。专业化课程与个人的职业生涯息息相关，明确的就业方向解决了学生“毕业即失业”的尴尬局面。为与市场相连接，针对网页设计构建一套“以能力培养为本位、以动手操作实践为主线、最终构建顺应经济社会发展的课程体系”。这套课程体系将网页设计师在实际中的应用进行归纳总结，在教学时设立不同的模块进行训练，有组织有重点，让学生通过模拟训练掌握相应的知识点。相比理科专业，文科专业有着不同的专业特征、职业定位以及职业能力结构体系。如包含人文系、历史系、经管系在内的文科专业，大多具有自身独特的职业特征与能力要求。这就要求高校文科专业在进行网页设计与制作课程体系构建时，必须充分结合高校文科专业的特色，从其就业方向及职业能力需求出发。

2大学文科专业开展网页设计与制作课程的必要性

随着计算机和互联网的普遍应用，各企业和各单位对自身的网站建设越来越重视，网页制作的人才也就逐渐供不应求。现如今，网页制作与网页设计已成为高校学生的热门选修专业，每个专业的学生都需要具备基本的网站制作技能，网页设计与制作这一课程也已成为高等院校文科专业计算机教程的主要科目之一。互联网已经深入现代人的日常生活中，尤其是当代大学生，通过互联网获取各种信息已成为他们学习的主要手段。网页设计将互联网的背后运作展现在他们面前，很大一部分文科生对这些是闻所未闻的。因此，在一定程度上，文科生的网页制作学习会存在或多或少的困难。但与理科生的背景知识、计算机技术等优势相比，文科生的思维比较活跃，善于文字表达。如果文科生能够快速掌握计算机技能，将自己的知识背景与现代计算机相结合，满足市场的职业要求，那么在同一竞争环境中，他们的就业优势就会比较突出。所以，对于那些文科生占较大比重的综合性大学而言，为增加毕业生的就业筹码，在课程体系中加入网页设计与制作就是十分有必要的了。

3基于就业导向的大学文科网页设计与制作课程体系构建策略

结合学生不同的专业，优化课程内容设计在以文科生为主力军的综合性大学中，不同专业的学生需要掌握的计算机技术是不同的。因此，各高校要根据专业的不同设置不同的计算机课程。基于就业导向，引入新的网页设计与制作课程的教学方法网页设计与制作这一课程的基本特征是理论和实践紧密相连，课堂教学与实际操作是一体化的，理论与实践没有清晰的界限划分。为了使教学效果最优化，本文提出一些对教学方法的建议与意见。

1）模拟任务法，课堂教学与实际操练相结合。在教学活动中，教师模拟一个制作任务，将课堂氛围假设为实际工作环境，教师可以将制作任务分为若干个子任务进行模拟演练，一边为学生演示如何操作，一边讲解，学生边听边做。这样的讲练结合过程极大地激发了学生的学习兴趣，课堂是以学生为主的，他们发现问题、分析问题、解决问题的能力得到有效提高，既学到了知识，又锻炼了能力。

2）实际案例分析法。教师可以将典型的分类网站引入到实际课堂中，在课上为学生做展示，分析并讨论这些网站的布局结构、内容分类以及技术特点。教材中的主要知识点要通过实际案例解释说明，在实践教学中培养学生的创新思维，锻炼他们的团队合作能力。有效利用多媒体、互联网等现代教育手段，采取第一课堂和第二课堂、产学研相互结合的人才培养模式。项目驱动的专题教学模式创新一是选择合适的教学项目，制定细化的开发进度表。一个优秀的教学项目可以充分调动学生的积极性，学生的学习态度也会由“要我学”向“我要学”逐渐转变。教师在备课时要充分考虑教学内容与实际案例的充分结合，选择一些略具挑战性、覆盖范围广的网络项目，这些项目是教学过程的中轴线，所有活动的展开都是以中轴线为标准的。二是引入专题教学模式，促进网页设计课程创新。完成一项网络任务的过程一般包括确定主题、收集并整理有关资料、选择风格、设计LOGO、编排网页的布局结构、确定配色方案、自定义网络样式、制作网络主页、制作各个分页、对网站进行测试、最终对外公布。教师需要将网络制作的这些过程与教学大纲紧密结合，收集整理并设计制作与实际情况相符的教学专题。教师在设计教学专题时应秉承以下几个原则：

1）尽量与教材中的主要知识点相结合；

2）寻找不同的教学案例，全方面、多角度满足学生的学习需求；

3）关注当前热点，紧跟时代潮流，网页制作技术要与时俱进；

4）把握学生对知识的接受与消化能力，精心设计课程，先易后难；

5）要从整体出发考虑专题的选择，每个专题之间都是环环相扣的，前后衔接之后才能出色地完成一个网站项目。

4结语

篇6

关键词： 动作补间动画 教学设计 任务驱动 金苹果定律

一、教材分析及处理

《动作补间动画》是我校五年制高职计算机网络技术专业网站制作方向的专业基础课《FlashCS3中文版动画制作基础》的§5.3中的内容。是继“逐帧动画”“形状补间动画”之后学习的又一种动画形式，是Flash中非常重要的基础内容，后续的图层动画都是以它为基础的。

教材采用的案例虽然典型，但相互之间没有关联，深度不能满足三年级学生的认知需求，故新设计了一个完整的动画项目《金苹果定律》进行辅助教学。

二、学情分析

教学对象是五年制高职三年级学生，已有元件、图层、逐帧动画、形状补间动画等知识基础，多数同学对动画制作兴趣浓厚，喜欢尝试和摸索，对本课采用探究法进行教学十分有利。学生对网络已能较熟练地进行应用，没有美工基础，创新思维能力薄弱，部分学生对复杂动画制作缺少耐心。

三、教学目标分析

本课旨在让学生学会运用动作补间技术制作动画的方法，在知识、能力、情感三个维度达到如下教学目标。

1.知识目标。

·明白动作补间动画的制作原理与制作要领；

·在制作中体会它的多种运用形式与应用技巧。

2.能力目标。

·学会并能熟练运用动作补间；

·能够在作品中加上自己的创意。

3.情感目标。

·培养小组协作、探究学习的意识，提高发现问题、解决问题的能力，不断推敲和完善的制作理念。

·教育学生要敢于面对挫折，让它变成摘取硕果的基石。

四、教法与学法分析

在任务驱动下采用探究法完成整个动画制作，对“小球运动”实例通过演示讲解和提示，说明原理、了解动作补间的多种应用形式。在场景三教学中找出突破难点途径，在场景四教学中启迪创意时采用小组讨论法，调动学生学习的主动性，引导学生在做中学，学中做。

本课引导学生通过自主探究、小组协作、观察、讨论等学习方法完成整个动画的制作，从而达到提高学生发现问题、解决问题的能力的目的。

五、课前准备

学生通过ftp下载“金苹果定律.swf”，各场景动画的播放文件，“硕思闪客精灵”反编译软件，评分表，以及电子板书。

六、教学过程

本节内容用《金苹果定律》这个完整的动画项目来组织教学，用时4课时，分成3个子项目，课前要求学生预习制作教材98页“游戏山水”案例，让学生对动作补间动画有个初步的认识。

第一课时：子项目一——场景一制作

1.创设情境，呈现目标，帮助学生形成学习动机。

展示教学目标：“金苹果定律”动画，告诉学生参照范例用“动作补间”来完成这个动画的制作，向学生说明教学安排，让学生对教学任务有个总体概念。以什么是“动作补间动画”提问完成导入。

2.演示讲解：小球运动制作——快速掌握动作补间制作原理。

用小球位置移动这一实例，使用多媒体广播系统演示其制作方法，提出问题引导学生思考，并与逐帧动画、形状补间动画对比，以列表的形式展示说明三者之间的区别，对学生预习过程当中存在的问题进行答疑解惑，让学生在制作中达成“明白动作补间动画的制作原理与要领”的教学目标。

3.自主探究：场景一制作。

学生先从ftp中得获取《金苹果定律》动画的素材，借助“硕思闪客精灵”工具软件将动画的播放文件反编译成原文件，利用“导入外部库”的方法就可使用其库元件了。这一软件能方便学生课后上网下载动画进行破解制作，拓展了学生学习的方法和途径，给了学生更广阔的学习空间。

场景一虽然采用的是位置移动这一简单原理设计，但是在图层对象配合，时间结点的衔接上稍有深度，但并不很难，学生经过推敲能够制作出来。不仅可以让学生在运用中深入学习和提高，更可以让学生加深对原理与要点的理解。

第二课时：子项目二——场景二、四制作

1.结合创意自主探究场景二制作。

第二课时，主要任务是完成场景二、四的制作，这两个场景的制作都不难，设计时主要考虑培养学生的创新意识。老师只需稍加提示，让学生自由发挥，做出许多花样。通过点评，参看别人的制作样式，启迪创意，累积经验和技巧。

2.自主设计场景四。

有了场景一、二的制作基础，学生对动作补间的制作方法已经掌握，但是缺乏创意。基于这种情况，老师创设启迪学生创意的讨论情境来帮助学生解决这一问题：可用成功小人追苹果说明道理，也可用苹果从挫折人手中抛出说明道理……打开了学生灵感的闸门。学生你一言我一语，产生了很多好的创意。学生边自己做边看别人是怎么做的，相互借鉴和参考，最终完成自己的创作。最后，老师选择几个独具特色的作品进行欣赏，开阔学生视野，激发学生学习动画的自信心和创作热情。让一堂原本平淡的课变得生动起来，让学生在制作中感受互相学习带来的轻松与快乐。从而达到“能够在作品中加上自己创意”这一能力目标，以及敢于面对挫折，才能最终取得成功的情感目标。

第三、四课时：子项目三——场景三制作。

第3、4课时的任务是制作场景三，这个场景制难点在于各图层对象动作的配合、时间结点的衔接上存在难度。先召集小组进行讨论，然后小组派代表说明讨论结果，老师和学生一起总结规律。最后，理清制作思路，明确关键帧创建的结点。不仅锻炼了学生的逻辑思维能力，而且锻炼了学生的语言表达及交流的能力。

找到了突破难点的途径，又有场景一制作的铺垫，学生自行制作。对制作中出现的问题小组成员一起探讨解决，教师针对学生制作中普遍出现的问题或没注意到的问题通过广播给予必要的讲解和提示。最后，展示几个学生的作品给予点评，并对不足的地方进行完善。这样，学生在反复推敲、摸索修改中完成作品，将这一难点真正得以突破，达到熟练运用动作补间，以及培养小组协作、探究学习的意识，提高发现问题、解决问题的能力这两个教学目标。

学生完成上述任务后，调整场景顺序，测试动画，自评打分，小组测评打分，每小组推荐一个最好的作品全班共评，最后将作品及评分结果保存上传。

七、课后提升

要求学生上网浏览更多的flash作品，激发灵感，搜集有关“环保”或“生命安全”的素材，自主设计制作一个有关“环保”或“生命安全”的动画。通过115网络硬盘提交，供同学互相欣赏，相互学习，教师审核检查。对于该项目的成绩评定以课堂作业50分与课后拓展作业50分计量。目的在于巩固所学知识，拓展思维、促进知识的迁移，提高独立设计的能力。

八、教学反思

1.本课打破传统教学模式的束缚，借助课件，以项目为核心，任务为驱动，大胆采用探究法组织教学，将做与学有机结合，更调动了学生学习的主动性，充分体现了创新教育的开放性和探索性。

2.将课堂教学向课前课后双向延伸，全方位调动学生学习的积极性与主动性，注重培养学生创新能力；给学生适当的时间进行自主设计，体现了教学的层次性与创新性。

篇7

1广告公司常用的平面设计软件

（1）Photoshop软件：Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。（2）PageMaker软件：PageMaker软件是一款非常流行的排版软件，其长处就在于能处理大段长篇的文字及字符，并且可以处理多个页面，能进行页面编页码及页面合订学习排版的设计的最基本原则、使用的技巧和方法，对于快捷键和工具箱的使用，对于各个菜单功能键和操作使用的技巧，宣传页、出版书籍、出片输出的注意事项，和对报纸杂志的专业排版的制作方法掌握。（3）llustrator软件：Adobeillustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的图片处理工具，AdobeIllustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。（4）Freehand软件：Freehand是Adobe公司软件中的一员，简称FH，是一个功能强大的平面矢量图形设计软件，无论要做广告创意、作书籍海报、机械制图、还是要绘制建筑蓝图，Freehand都是一件强大、实用而又灵活的利器。（5）CorelDraw软件：CorelDRAWGraphicsSuite是加拿大Corel公司的平面设计软件；该软件是Corel公司出品的矢量图形制作工具软件，这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。通过使用CorelDRAW软件，全方位的设计到现有的设计方案当中，制作的矢量插图与图像设计，能够出色地设计出公司的logo、海报、手册和一些包装产品等等。

2广告创意设计对设计者的要求

广告设计者的设计必须要有目的性、规划性。对于平面设计首先是通过消费者的视觉来进行传播广告的设计，与此同时必须通过视觉的享受向消费者表达广告所要表达的信息。对于怎样设计一个好的广告除了灵感之外，还必须要极为准确地将广告的卖点信息表达出来，这样才符合企业的的要求。用于印刷广告，如果空间概念来划分，然后，是指当前的长度，宽度和各种广告媒体的广告传达视觉信息的二维的形态;如果生产方法的定义，可分为印刷类，非印刷类和光电三种形式;如果从使用场所限定，可分为室外，室内和三种形式可以是便携式的;如果从设计的角度来看，它包含了一个副本，图形，线条，色彩，所有的舞蹈元素。平面广告传达的信息简洁明了，能瞬间与人联系起来，从而成为广告的主要手段之一。在创作和表演的图形设计要求是指集中象征，一个优秀的图形设计，新颖的时代感十足，并具有独特的设计，表现手法和感情。如何设计一个好的广告，广告向消费者传达的视觉信息起着决定性的作用是广告策划的一个组成部分，从而使广告更加深化规划方案，使视觉更丰富的代表性吸引力。广告的最终目标是，达到广告的最终利益，广告设计质量，主要是广告设计师，是否有一个好主意。就目前而言，对于广告设计的首要任务就是根据商家的营销目标和能否达到要求，设计的广告能否达到效益，这是至关重要的，设计师要抓住消费者的眼球，准确将广告所要表现的信息全部呈现出来，这要才能有助于企业推销自己的的产品形象和企业的形象。平面广告设计作品的好和坏不能拿个人视觉的“好看”与“不好看”来评定，真正好的作品要看能够起到哪些广告效应，而不是整体版面的美观度，版面的美观度是衡量一份作品好与坏的，尤其是微小的一部分。对于平面广告的设计构成主要有点线面三个方面构成的。设计出的优秀的产品平面广告作品，是由点线面三个方面贯穿融合组成。与此同时不失大体，很适合大众的品味。也可以简单的说是图片和文案之间的组合，这种组合是简洁的，以便达到设计者的要求和需求者的需求。

3总结