网页设计与制作课程教学论文

摘要：目前，互联网已经成为我们生活中必不可少的一部分，而在计算机网页的设计与制作方面，也逐渐的得到了重视，尤其是在教育领域，培养学生的综合素质能力，让其能够更好的适应时代发展的需要是重中之重。本文主要研究中职计算机网页设计课程教学的创新。今天小编为大家推荐《网页设计与制作课程教学论文(精选3篇)》，欢迎大家借鉴与参考，希望对大家有所帮助！

网页设计与制作课程教学论文 篇1：

高职网页设计与制作课程教学改革探析

摘要：网页设计与制作在高职课程教学中的落实突出了课程的综合性与操作性特征，这对于学生动手能力提高和创造性思维培养都有积极的导向作用。高职教育的核心在于学生职业素质的培养，与企业专业技术岗位需求相结合，高职网页设计与制作教学效果的提升需要从教学内容改革出发，突出课程教学中应用型人才培养优势，能够将所学知识应用于网页设计当中。网页设计与制作的目标在于网站建设，这就需要通过课程资源整合构建全新的高职教育教学模式，促进课程教学改革。笔者从自身的教育教学实践着手，借助能力本位思想对当前高职网页设计与制作的教学现状及其课程特点进行了阐述，突出了就业岗位与课程实施之间的适应性，以任务驱动教学为基础提出了网页设计与制作的课程改革思路。

关键词：高职教学；网页设计与制作；课程改革；岗位需求

伴随互联网技术的高速发展，现代企业越发关注到自身门户网站建设及维护问题，与此对应的专业技术岗位需求也偏向于对网页设计与制作人才的渴求。高职教育立足于对专业技术人才的培养，职业教育在突出人才实践技能训练的同时也更加关注信息技术背景下学生的就业问题，这对于高职教育今后的发展至关重要。实践性是高职网页设计与制作课程的显著特征，它不同于传统的网络技术教学模式，对于学生的动手能力和实践创新能力都提出了更高的要求，教学方式和教学手段的选择偏向于对学生实践意识和主动意识的激发，这同时也是当前课程教学改革对高职网页设计与制作学科提出的必然要求。只有切实与企业专业技术岗位需求相适应，才能更好地体现高职教育技术型人才的培养优势。

1 高职网页设计与制作的课程特点及其教学现状

从现代职业技术教育的特点分析，高职网页设计与制作的教学目标除了表现在系统化的网页制作理论知识外，还突出了对学生综合动手能力、实践创新能力和网页设计能力的训练，以此促进学生实践技能和理论知识的双重发展，更好地将所学应用于岗位就业当中。操作性是高職网页设计与制作课程的特点之一，这就决定了在网页设计与制作教学中理论与实践之间的相互配合，并将实训教学应用于网页设计课程教学的各环节当中，这对于教学效果的提升意义重大。

现阶段网页设计与制作课程在高职院校技术教育中的落实相较于以往网页制作工具教学而言有了显著进步，借助多媒体教室演示教学和实训室教学激发学生的课堂教学主体意识，并以此培养学生的实践创新能力。然而当前的网页设计与制作教学还存在着实用性与理论性相脱节的问题，忽视了与企业专业技术岗位需求相结合，这就使得岗位工作和学科教学之间存在着较大差距，不利于教学效果的提升。高职学生本身在网页制作能力方面有所欠缺，加之教学内容和教学方法中存在的弊端，不仅有碍于学生学习积极性的激发，同时也使得现代工作岗位与教学模式之间的差距拉大，课程改革亟需得到落实。在网页设计与制作的课程考核方面，仅仅采用的是任课教师出题的方式，具体形式表现为上机操作和理论考核两个部分，而其中学生出勤率以及平时作业却占据了较小的比例，这不仅忽视了学生实际问题解决能力的培养，同时也使得学生的实践创新意识被遏制，不利于学生个性品质的完善。高职网页设计与制作涉及到多门学科内容，单一的考核形式显然难以满足现代化职业教育的根本需求，这就需要在课程改革中突出网页设计与制作课程考核的多元化，以此激发学生的学习主动性。

2 高职网页设计与制作课程教学改革的设计思路

2.1 与企业专业技术岗位需求相结合

从当前企业网站开发团队的角色划分角度分析，通常除了网页设计师、网页美工师和后台开发工程师以外，还包括网络测试人员及维护管理人员。由于网页设计与制作课程教学对象自身专业的差异性，因此培养目标的构建也应当与学生知识结构及专业特点相对应，体现教学内容和教学目标的针对性，这是高职教育因材施教原则的集中体现。从具体分类上看，电子商务和计算机相关专业的学生在逻辑思维能力方面有着显著优势，作为电子商务网站建设与WEB应用程序开发的重要前导课程，这些专业学生在学习网页设计与制作时可借助自身的编程基础强化在网站及网页制作方面的学习，至于Firework或是Photoshop这类图形处理技术则不作过多要求，在网页设计与制作课程学习中学生对于CSS样式表以及HTML语言有了更加全面的了解，并且能够借助JavaScript实现对网页特效和Flash脚本的编写，这是对学生专业技术岗位能力的培养过程。而艺术专业学生本身对于布局、构图、色彩等内容较为敏感，因此可着重训练学生的制图能力，通过网页制作与设计课程的学习引导学生立足于网页界面的美观设计，借助Flash使得网页素材的呈现更有动感，这对于学生后期的职业生涯也有着积极的导向意义。

2.2 项目驱动型教学模式

以往高职网页设计与制作课程教学中关于案例教学法的运用仅仅是将网页制作技术与案例分析相结合，其教学过程中学生仍处于极为被动的状态，学生关注的核心在于某一个案例的制作过程，然却忽略了自身对网站项目的制作及设计。项目驱动型教学在高职网页设计与制作中的应用能够显著改善当前的教学现状，推动课程教学改革的有序实施。这一教学模式的具体程序及环节包括以下几点：

2.2.1 项目选择

项目选择的过程应当与教学大纲及课程教学内容相结合，控制好项目选择的难度以及知识覆盖面，使得项目教学的实施能够连成一线，突出各环节课程教学的连贯性。教学实践当中首先需要完成学生的分组工作，确定三至四人为一个小组，并确定其中一人为组长，网站主题的确立可由小组成员自由选择，并于特定时间内完成主题资料收集和网站策划书的编写工作，并由组长在课堂教学中对其进行演示，完成小组方案的呈现与阐述，之后由其余小组对其提出合理建议。网站项目确定后需要由教师帮助学生完成项目开发进度表的制定，细化项目实施的具体内容。

2.2.2 专题教学方式

從网站项目实施的具体步骤分析，除了网站主题确定、资料整理、logo设计以及网站风格选择外，还涉及到配色方案的选择、网页排版、主页制作和网站测试等内容。依据具体的实施步骤，教师可与教学大纲相结合明确教学专题的开发进度，对基本元素、布局模式及网页排版等问题组织学生进行讨论。在对以往教学案例进行分析后，学生对于网站设计的理解更加深入，能够在知识点的驱动下完成自我网页的设计与制作。

2.2.3 组织讨论

从教师本身知识结构及专业修养的差异性分析，在网站制作技术方面会对教学设计产生一些影响，因此针对存在疏漏的地方就需要对其进行讨论与修改。通过优秀网站欣赏使得学生加深对网页制作的感性认识，能够从优秀网站中获得网页设计的灵感，体现自身创意设计水平，这对于学生知识面的扩展和分析问题能力的提高都有积极影响。

2.3 分阶段型考核模式

这一考核模式将项目开发进度划分为若干小的阶段，学生完成阶段工程汇报后再由师生共同参与考核，考核的重点在于对网站主题和页面布局的考查，除此之外还需要对整体页面的美观性进行评定，检查网站规划中的各项功能以及页面链接效果，具体包括：

2.3.1 网站选题

小组网站主题的拟定可由成员自行选择，在对同类网站进行分析后分析自身技术路线和服务形式的异同，并与企业专业技术岗位需求相联系，切实分析网站本身的维护成本及盈利模式。网站策划书是这一阶段需要完成的项目，组成对其进行必要的演示操作，并由师生对其展开评价和提出意见。网站选题占总考核比重的10%。

2.3.2 网站设计

网站设计涉及到网站的色彩配搭、版面布局以及主题设计等方面内容，小组成员需要借助FireWork或是PhotoShop完成草图制作，并由组长对设计理念进行陈述，师生对其提出建议。网站设计占总考核比重的15%。

2.3.3 网站制作

依据草图设计完成对应的网站制作工作，由于页面较多也可采用定期对开发进度进行报告的方式对关键页面进行演示，这一过程中教师需要对演示进度进行控制。网站制作占总考核比重的25%。

2.3.4 网站测试

网站测试的内容除了包括页面文字和图片显示、链接有效性以及浏览器使用情况外，还需要由小组成员完成对应的测试报告，认真剖析测试过程中存在的问题。网站测试占总考核比重的15%。

2.3.5 网站发布

在完成主页空间的申请后借助FTP工具对网站实施发布操作，教师和学生可用各小组提供的域名访问网站。网站发布占总考核比重的5%。

3 结束语

综上所述，作为近年来高职教育新兴的学科课程，网页设计与制作重视对学生实践创新能力的培养，通过实践技能与理论知识的结合体现高职教育人才培养特点和企业专业技术岗位需求之间的契合。教学内容的丰富及其教学过程富于变化，使得网页设计与制作这一课程在学生群体中引起了广泛关注。现阶段高职网页设计与制作课程研究的重点在于如何将学科教学与企业岗

位相结合，促进学生职业素质和专业技能的发展。课程改革的有效性在于与市场就业需求相一致，将企业专业技术岗位需求纳入网页设计与制作课程教学改革的考虑范围之内，使得岗位能力与教学内容相吻合，这对于学生团队协作能力、网站管理能力和网页设计能力的提高有着积极的促进意义，这是职业教育在人才培养方面资源优势的集中体现。除此之外，关于网页设计与制作课程教学改革的新一轮研究对于高职网络技术等课程教学模式更新也有着不可忽视的启发与借鉴意义。

参考文献：

[1] 陈永芳.职业技术教育专业教学论[M].北京：清华大学出版社，2007.

[2] 王晓红，周立.网页设计与制作课程教学改革[J].北京联合大学学报：自然科学版，2006（12）.

[3] 安颖莲.网页设计与制作课程教学设计与实践[J].中国教育信息化，2007（9）.

[4] 胡波.网页制作课程教学方法探讨[J].电脑知识与技术，2006（8）：222-227.

[5] 谢良辰.对网页制作技术课程实验教学设计探讨[J].教学与管理，2006（7）：104.

作者：仲静

网页设计与制作课程教学论文 篇2：

中职计算机网页设计与制作课程教学的创新研究

摘要：目前，互联网已经成为我们生活中必不可少的一部分，而在计算机网页的设计与制作方面，也逐渐的得到了重视，尤其是在教育领域，培养学生的综合素质能力，让其能够更好的适应时代发展的需要是重中之重。本文主要研究中职计算机网页设计课程教学的创新。

关键词：中职计算机;网页设计与制作;课程教学;创新研究

引言

目前，国内大部分高校都开设了相关的课程教学，但是很多教师由于缺乏实践经验，无法将理论知识与实际的操作相结合，导致课堂教学效果不佳。因此，为了提高网页设计与制作课程的学习效率，提升教学的质量和水平，就必须要对传统的教学模式进行改革，结合现代的信息技术手段，来实现现代化的计算机网页的设计与制作课程。

一、计算机网页设计与制作课程的理论基础

计算机网页的设计与制作是一个系统工程，需要综合运用各种学科的知识和技能，并将这些技术融合到一起，从而形成一套完整的理论体系。网页的发展是随着社会的进步而不断更新的过程;它的应用领域也在逐步扩大，从最初的电脑软件，到现在的网络信息，甚至包括生活中的方方面面。因此，要想让学生更好地学习网页设计与制作的相关理论，就必须要对其进行深入的了解和掌握。首先，教师应该对网页设计与制作的基本原理有一定的理解并且能够熟练的操作;其次，老师在教学的时候，可以根据实际情况，结合自己的专业特点，选择合适的教学方法，使其具有针对性，同时也能激发学生的求知欲，提高他们的兴趣爱好，让学生主动参与课堂的互动环节，培养良好的思维能力，促进自身的全面发展[1]。

二、计算机网页设计与制作课教学的要素

1、教学目标要因材施教。在传统的课堂上，学生学习知识是以教师为中心，而在互联网时代老师不再是唯一的信息接收者，而是一个交互性的人机交流的平台;课程的内容也应该以用户为导向，根据不同学生的接受能力进行针对性的教学设计。2、教学方式要因地制宜。由于计算机的应用和普及，多媒体技术的发展也很快，教师可以利用现代的信息技术手段，将一些难理解、抽象的标签等借助互联網上的网站页面呈现出来，这样既能加深学生的理解能力也能激发出学生的兴趣，又能提高他们的参与度。3、教学方法多样化。在学习网页设计与制作课程的过程中，有很多的问题需要解决，比如出现了新的代码标签、不认识的单词、不会表达的代码句式，怎样让学生能够自己主动去探究解决这些问题等等[2]。这些都是值得探索的课题和难点。

三、中职计算机网页设计与制作课程教学的创新研究

（一）教学目标

根据中职学生的学习特点，教师可以在教学目标上进行适当的调整和变化，以满足不同类型的应用型人才的需求;在教学内容上，要体现出学科的特性和培养的方向性，以适应社会发展的需要;同时，还要注意知识与能力的联系与衔接，以达到系统的综合运用[3]。

中职计算机网页设计与制作的课程大多数都是采用了《计算机基础》的理论体系，因此在编写时，要结合《计算机科学》、《信息论》等多门课程的相关内容，并加入一些信息技术的元素来构建一个完整的中职阶段的课程框架。例如：制作中学生所需的课件，并要求课件的结构符合实际生活，便于理解。此外，还应考虑到网络的安全性问题，防止出现黑客攻击，保证资源的安全以及数据的保密性。

（二）中职计算机网页设计与制作课程教学的主体

教师在教学过程中，要充分发挥学生的主体作用，让他们成为课堂的主人翁，让学生在学习的同时，也能参与到网页的设计与制作当中，从而提高教学的质量和效率。

例如：老师可以将一些网页的内容做成一个主题，然后再结合实际情况进行设计，这样不仅能激发学生的兴趣，还能培养其独立思考的能力;另外，还可根据不同的需求设置相应的模块来满足不同学生的需要;最后，还要加强对课程的评价与反思，使之更加系统化、科学化。学校的教育模式是以素质化教育为主，而不是以分数为唯一衡量标准。所以，要改变这种传统的观念和方法，把素质化作为主要的教学方式，而非是为了考试而教。从知识的传授上转变为“授之以鱼，不如授之以渔”的思想理念，从实践的角度出发，注重理论的联系和动手操作的机会，以及对所学专业的理解程度，通过这些方面的综合训练，来促进学生的全面发展。

（三）教学条件

多媒体教学设施是实现现代化教学的重要保障，也是学生学习知识的主要场所，在传统的教学过程中，教师通常采用黑板、粉笔等板书的形式进行授课，这种方式虽然能够使课堂的气氛活跃，但是由于过于呆板，不利于培养学生的创新能力和实践动手操作的锻炼机会。

因此，需要不断的更新教学设备，为学生提供更多的课外辅助资源，如畅通的网络、计算机的配置适合课程软件的需求等。同时还可以通过网络平台，将上课的内容录制视频上传到校内网站上，供学生随时学习、参考，提高学生的自主性，也为师生间的互动交流创造了条件。另外学校还应重视对计算机专业的师资力量的建设和管理，聘请一些高素质的复合型人才，并定期对其加以培训，加强计算机基础理论的教育与宣传，以保证计算机的正常运行。

（四）设计教学手段

学生是学习的主体，因此，教师在教学过程中，要充分考虑到不同层次的学生对知识的接受能力，针对不同学生的掌握情况，采用多种多样的教学手段，激发他们的求知欲，提高教学效果。

例如：在进行网页设计与制作课程的时候，可以采取分组讨论的方式来开展，让每个小组成员都发表自己的想法和见解，每个同学负责部分网页的设计与制作，并互相鼓励，共同完成一个完整的网站。这样既能调动起全体学生的积极性，又能够使课堂气氛活跃起来，使每一个学生都有参与感，从而达到更好的教学目的。

结语

本文通过对中职学生学习现状的调查与分析，发现了目前中职计算机网页设计与制作课程教学存在一些问题。因此，需要改变这种状况，从以下几点进行改进：第一，增加实践环节;第二：设置合理的课程内容;第三：优化课程结构。

参考文献：

[1]边迪.中职线上教学《网页设计与制作》课程模式[J].办公自动化，2021，26（20）：35-37.

[2]蓝贞珍.中职计算机网页设计课程教学实践探讨[J].电脑知识与技术，2021，17（11）：102-103+106.

[3]黄燕婷.“工匠精神”引领下的中职计算机实训教学模式探讨——以网页设计课为例[J].试题与研究，2020（20）：62.

作者：蒋清

网页设计与制作课程教学论文 篇3：

网页设计与制作课程教学方法研究

[摘 要] 软件类课程具有较强的实践性，如何让教学过程充分融入计算机与软件技术行业实践并符合职业规范，是需要重点研究的问题。以网页设计与制作为例，充分考虑教材和学生特点、企业用人需求，紧密结合国际项目管理知识体系与软件行业职业规范，从重构模块化教学内容、优化教学顺序、建立特色化项目管理体系三个方面设计了新的面向网页设计与制作课程的项目驱动型教学方法，从教学实践和推广应用来看，取得了良好的效果。

[关 键 词] 教学方法；项目管理；网页设计；软件工程

一、引言

高等职业教育改革正在逐步深化，对教育教学质量也提出了新要求，教育的重心已由单纯的知识传授转向高素质技术技能型人才的培养。人才的培养最终落实到具体的教学环节中，专业课程知识与实践教学是主要过程，因此教育系统不断探索科学、合理、高效的课程教学方法。软件类课程具有较强的实践性，如何让教学过程充分融入计算机与软件技术行业实践是重点研究的问题。

针对软件类课程的特点和学生的实际情况，从新工具技术应用、情景模拟到任务驱动等各种课程教学方法被应用到了课堂教学实践中。采用案例和任务驱动的方法，以增强学生综合运用知识和实际动手的能力，探讨了网络环境下计算机软件应用类课程的教学方法。强调以案例驱动探索教材结构和教学方法的优化。从教材课件和教育程序优化等方面探索了非计算机专业的程序设计教学方法。总结来看，各种教学方法都关注通过情景、案例、任务等形式，尽可能使教学过程接近实践应用。

二、教学内容改革情况

（一）教学内容更新的总体思路

网页设计与制作是软件技术及相关专业的职业技术基础课程和必修课。在教学过程中，以软件技术专业人才培养方案为依据，以培养学生网站策划、网页美工、网站程序设计、网站运营与推广等岗位职业能力和职业素养为目标，将增强学生基本就业力、职业迁移力、持续发展力为着力点，按照“科学性、针对性、时效性、实用性”的原则选择、更新课程及实践教学内容，重点培养学生的行业规范意识、职业化能力，未来能够轻松地融入工作岗位，快速进入职业角色，能有效地实现由教师为中心向以学生为中心，由课本为中心向以项目为中心，由课堂为中心向以实践为中心的三个转变。

（二）教学内容更新的具体做法

1.依据不同时期对工作岗位的需求，重构模块化教学内容

作为软件技术专业职业技术基础课程，网页设计与制作课程涉及的知识内容较广，如：HTML、CSS、JavaScript、Asp等众多知识点。应该以工作过程为导向，以学生为主体，充分考虑学生的认知水平和已有知识、技能与兴趣，为学生提供适应市场需要的、模塊化的学习资源，开发模块式教学计划。

2.设计实践教学特色化项目管理体系，优化实践教学流程

目前，整个课程实践教学的管理体系已经建立，有电子商务运营和管理、网络营销、物流信息技术、网页设计与网站开发等课程的实践管理体系，以软件技术专业网页设计与制作课程为例，将目前计算机技术与软件行业标准化项目管理知识体系与具体的专业技术课程实践教学相结合，用项目的方式去管理课程实践，构建项目管理体系是基本前提。

三、教学方法改革情况

（一）“项目导向，任务驱动”教学法

“项目驱动，任务导向”教学法是师生通过共同实施一个完整的项目工作而进行的教学活动。该方法是以项目为主线、教师为主导、任务为驱动、学生为主体的一种教学模式。

（二）“分组合作”教学法

分组教学，以团队的形式参与整个教学过程。以全班40人的规律为例，学生自由组成小组，一般6人一组，每组推选一名组长，负责项目协调和管理，在16～20个学时内完成既定的项目（网站），最终分组演示，分个人答辩、项目成果展示。项目的设置由小组讨论形成，学生根据兴趣、特长设定网站类型和主题，其中教师只进行辅助，提供技术和资源支持，不参与项目制作。通过案例实训，运用项目管理的方式，综合测评学生的技能掌握情况，同时使团队中的每个学生扬长避短，发挥各自优势，最终完成一个网站的设计与制作。

四、结语

网页设计与制作是软件技术专业的重要课程，承接了Web前端开发技术的主要内容，是人机界面的首要交互接口。本文以网页设计与制作为研究对象，将教学过程与行业实践相结合，紧密结合国际项目管理知识体系与计算机与软件技术行业职业规范，以企业用人要求为导向，从重构模块化教学内容、优化教学安排、建立特色化项目管理体系三个方面设计了新的项目驱动型教学方法。从教学实践来看，取得了良好的效果。

参考文献：

[1]马小南，韩萍.应用型人才培养的教学与评价体系构建[J].中国高等教育，2016（Z1）：60-63.

[2]刘宝磊.简论我国高等职业教育改革趋势[J].现代职业教育，2015（25）：62-63.

[3]申红雪，刘育熙，崔海霞.关于“网页设计与制作”课程教学方法的探索[J].教育与职业，2008（27）：87-88.

作者：王书琴 李从庆 吴艳