网页设计与制作

网页设计与制作（精选12篇）

网页设计与制作 第1篇

1 静态网页制作技术相关概述

1.1 静态网页制作技术含义

静态网页制作技术主要使用Dream weaver制作软件, 制作出来的网页格式都是以“.html”或者是“.htm”为后缀, 并且静态网页制作内容是无法进行随意更改、变动的, 且用户在浏览静态网页时, 不用担心网络服务器端程序之间出现相互交错的问题。然而静态网页内容并不是所有的内容都是都处于静止状态, 换句话说, 静态网页内容的静止是在某一方面的限制, 并非所有, 例如在静态网页内容上可能出现带有动画的文件格式有3GP、GIF、FLASH等, 因此, 在静态网页中有时也可以感受到动态效果。

1.2 静态网页制作技术常用的制作软件

静态网页制作过程中常用的软件主要有两种, 即超文本标记语言 (HTML) 和可扩展标记语言 (XML) 。

1.2.1 超文本标记语言 (HTML)

超文本标记语言 (HTML) 英文全称为Hyper Text Markup Language, 是静态网页制作中必用的一种文本标记语言, 主要用于静态网页标题、段落等结构化, 也可以用来描述网页中文档的外观或者语义, 还可以实现网页内容的超链接功能。此外, 超文本标记语言还是标准通用标记语言 (SGML) 之一。

1.2.2 可扩展标记语言 (XML)

可扩展标记语言 (XML) 英文全称为Extensible Markup Language, 是静态网页制作的另一种文本标记语言, 与超文本标记语言一样, 可扩展标记语言也是标准通用标记语言的一种, 但由于其功能与操作简单, 比超文本标记语言更容易掌握, 所以在网页制作中可扩展标记语言的应用与超文本标记语言的应用更为广泛。

2 动态网页制作技术相关概述

2.1 动态网页制作技术含义

所谓动态网页制作技术是相对于静态网页制作技术而言的, 也在是静态网页制作技术的基础上发展起来。动态网页制作中常常用到Dw+数据库、层叠样式表、Java Script客户端脚本语言等, 并且在动态网页制作中与静态网页制作的超文本标记语言相融合, 将静态的网页转化为动态的网页。用户在浏览动态网页时, 需要考虑网络服务器端程序之间出现相互交错的问题。

2.2 动态网页制作技术常用的制作软件

动态网页制作过程中常用的软件主要有两种, 即英文超极文本预处理语言 (PHP) 与ASP。

2.2.1 英文超极文本预处理语言 (PHP)

英文超极文本预处理语言 (PHP) 英文全称为Hypertext Preprocessor, 其语言算法与形式结合了计算机程序设计语言 (C语言) 、可以撰写跨平台应用软件的面向对象的程序设计语言 (Java) 与高级、通用、直译式、动态的程序语言 (PERL) , 是当代网页制作中应用最火的一种脚本语言, 实现了动态网页服务器之间快速转换。

2.2.2 ASP

ASP是动态网页制作中使用的另一种服务器端脚本编写语言, 其语言算法结合了超文本标记语言、脚本语言 (Script) 与基于浏览器输入的CGI脚本等内容, 因此, ASP可以实现对多种编程语言进行编程。

3 静态网页制作技术与动态网页制作技术比较

3.1 静态网页制作技术与动态网页制作技术的不同

静态网页制作技术与动态网页制作技术的不同主要体现在应用方面。静态网页制作技术主要应用于网站基础内容的建设方面, 适用于网站前台的开发。动态网页制作技术则是在静态网页制作技术的基础上, 将客户需要应用动态技术的内容, 由静态转化为动态, 然后再进行发布与应用。

3.2 静态网页制作技术与动态网页制作技术的联系

由于动态网页制作技术是在静态网页制作技术的基础上实现的, 也可以说, 动态网页制作技术包含了静态网页制作技术, 即动态网页制作技术可以体现出静态网页制作技术, 而静态网页制作技术无法体现出动态网页制作技术。

4 结语

静态网页制作技术与动态网页制作技术所应用的设计软件明显不同, 在应用中需要根据网站的技术要求、功能需求以及网站信息内容的多少来确定。通常情况下, 网站信息内容较少时采用静态网页制作技术, 而对于网站信息内容较多、功能需求较高时, 则采用动态网页制作技术。

摘要：随着信息技术的不断发展, 计算机技术、网络技术的应用, 网页制作逐渐成为信息时代网络学习与信息技术的基础。网页制作者可以将制作的网页发布到网络上, 其他网络用户可以通过360安全浏览器、max thon (傲游) 、Safari for windows、彩虹浏览器等进行浏览。本文主要针对静态网页制作技术与动态网页制作技术的比较进行研究。

关键词：比较,制作网页,动态网页制作技术,静态网页制作技术

参考文献

[1]刘丽畅, 李清明, 刘晓林.静态网页制作技术与动态网页制作技术的比较[J].计算机光盘软件与应用 (上旬刊) , 2011, 27 (02) :111-112.

[2]范云芝, 刘珍玲, 李晓丽.静态网页制作技术与动态网页制作技术的比较[J]北华航天工业学院学报 (哲学社会科学版) , 2013, 25 (12) :101-102.

[3]叶潮流, 李建伟, 张双城.动态网页制作技术ASP、PHP和JSP比较分析研究[J].电脑知识与技术研究 (自然科学版) , 2013, 29 (22) :143-144.

[4]李福华, 古乐娟, 秦玉平.使用Author ware与网页制作技术相结合的方法开发多媒体软件[J].电子技术与软件工程研究 (上旬刊) , 2009, 15 (04) :133-135.

网页设计与制作教案 第2篇

教师：系部：信息技术工程系专业：计算机应用班级：计机

湄洲湾职业技术学院

2008-2009学年第一学期

唐 俊 奇

电子信息

07（1）信息07（1）08（2）

1.3 网页中所使用的技术

1.3.1 HTML语言和XML语言

1、HTML语言

ØHTML只使用SGML中很小一部分标记

ØHTML语言（Hyper Text Markup Language 超文本标记语言）

ØHTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具

2、XML语言

XML（eXtensible Markup Language）1.3.2 动态网页

1.3.3 多媒体技术的应用 1.3.4 Web服务器端程序

1.4 制作网页的基本方法

1.4.1 制作网页的基本步骤

1、确定网页的内容

2、设计网页的组织结构

3、资料的收集与整理

4、选择网页的设计方法

1.4.2 制作网页时要注意的问题

1、网页的标题要简洁，明确。

2、在文本中要使用水平线，以分割不同部分。

3、对重点段落要强调显示。

4、网页中插入的图片要尽量的小。

5、图形要附加文字说明，以便关闭图像时查看。

6、网页中引用的资料及商标（或图标），不能侵犯版权。【课后小结】

通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。

第二讲 HTML的基本标志与格式标志

【教学内容】

讲解HTML基本标志对和格式标志。【教学目的】

使学生标志对与格式标志对的使用。【教学重点】

格式标志的使用。【教学难点】

* 使学生掌握超级链接标志的使用。【教学重点】

* 字体、图片和超级链接标志的使用。* 网页中特殊符号的输入。【教学难点】

* 理解特殊符号对应的标志。* 理解img标志中属性的意义。* 理解书签超级链接的意义。【教学方式】

讨论式、案例分析式、练习式。【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

2.2 插入文字

2.2.1 划分段落 格式

段落内容

2.2.2 插入标题文字 格式

标题内容 2.2.3 字号属性

设置基准字号： 网页内的其他文字，采用下面的格式来定义 ...... Size的有效范围是1（最大）到7（最小）。如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。2.2.4 颜色属性 两种方式

字符串 2.2.5 字体属性

2.2.6

文本修饰

......，文字以粗体显示。......，文字显示为斜体。......，显示下划线。

......，中心线贯穿文字。< EM>......，强调文字，通常用斜体。

< STRONG>......，特别强调的文字，通常用黑体。

2.3.2 图片的属性

2.4 建立超级链接

2.4.1 指向一个目标

1、建立超级链接

字符串

2、为图片建立超级链接

3、链接到邮件和多媒体文件 链接到邮件

请与我联系 2.4.2 使用锚点

Ø使用锚点可以使用户在一个较长的文档中跳转，方便地找到要阅读的内容。Ø建立锚点：

Ø锚点文字 Ø使超级链接指向已定义的锚点。Ø文字 Ø文字 2.4.3 新窗口和基准链接

1、打开新窗口

Target=“window-name”>开一个新窗口

2、基准链接

在 与 之间设定

BorderColor=“#008000“ >

2.7.3 子窗口属性设置

-2.7.4 常见的框架窗口划分方法（1）标题和正文，分为上下两部分（2）层次结构，分为上中下三部分

（3）目录和标题，分为左上、左下、右三部分

（4）标题、目录和正文，分为上、左下、右下三部分（5）嵌套目录，分为左、右上、右下三部分 2.7.5 不支持框架的网页

</p><h3>浅谈“网页设计与制作”实验教学 第3篇</h3><p>【关键词】实验教学改革；教学内容；教学方法；教学效果</p><p>1.引言</p><p>“网页设计与制作”课程正逐渐成为各高校近年来计算机专业领域发展最快和应用最广泛的课程之一，作为对学生实践动手能力要求较高的课程，该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。那么，如何提高该课程的实验课堂教学质量，真正增强学生的动手实践能力则是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学观察和总结，将从教学内容、教学方法以及教学效果三个方面阐述如何解决该课程发展面临的问题。</p><p>2.存在的问题</p><p>“网页设计与制作”作为许多高校计算机专业的专业基础课或者选修课，在实际教学过程中，经常面临的问题有：</p><p>⑴任课教师对新技术的把握能力不够。由于技术的发展日新月异，Html标准也发展到了Html5，一些任课教师显得无所适从。</p><p>⑵部分院校教学形式仍然采取理论和实验分堂教学。采取理论和实验分堂教学，在教学过程中学生理论课程听起来枯燥，在实验课又翻开书按部就班，学生掌握知识成效甚微。</p><p>⑶单纯工具型教学。学习任何一门课程的目的应该都要做到学以致用，简单的工具教学只能满足学生会不会的问题，要制作出优秀的网页还需要学生对艺术设计等相关知识有一定的了解。</p><p>3.实验教学改革</p><p>3.1 教学内容</p><p>根据制定的人才培养方案，该课程在我校开设一共32学时，全部采用实验课堂教学。经过对本课程的不断摸索和总结，我们将学生需要掌握及完成的教学内容分为六大模块：模块一，掌握网页、网站基础入门知识。根据“先总体后具体”的原则，总体讲述网站的概念以及网站上线的流程，要求学生不会做网页但要先会搭网站，计划2学时；模块二，掌握基本网页语言标签。通过对一些典型的小型网站来讲解并要学生掌握HTML语言各类标记符的使用方法，计划10学时；模块三，掌握网页布局，学会层叠样式表（CSS）。通过案例，要求学生学会样式控制并布局网站，计划10学时；模块四，掌握制作网页相关工具软件的使用。结合具体的实例介绍并掌握Dreamweaver、Microsoft Visual Studio、Photoshop等软件的使用方法，计划4学时；模块五，网页设计进阶学习。通过对优秀网站的鉴赏和分析，提高学生的学习兴趣，使学生头脑里形成设计的概念、网站规划的思路及流程，同时介绍网站的总体结构、风格定位、色彩的应用以及版式的设计等方面的知识，计划6学时；模块六，网页综合设计。学生自行选择一个积极健康的主题设计一个综合类网站，该内容在课堂外完成，可在课程中期开始同步进行。</p><p>3.2 教学方法</p><p>通过长期的教学实践，我们可以将教学方法归纳为以下几点：</p><p>（1）采用实验课堂教学，实践为主，讲授为辅</p><p>该课程的操作性较强，实践综合性也较强，课程学时也较紧凑，采用理论课堂教学，学生势必在有限的学时内收获较少，故采用实验课堂教学。在具体实验教学过程中，采取实践为主，讲授为辅的教学形式，如在教学内容模块一里面，计划2学时，可以1/3时间讲授基础入门知识，2/3时间学生根据教师精心准备的教学材料动手搭建成型网站，现学现用，学生记忆深刻，能较快掌握相关知识及技能。</p><p>（2）采用典型案例实验教学</p><p>该门课程强调实践动手能力，所以在实验课堂讲授时必须围绕案例进行教学，离开案例教学则该门课程又将倒退回理论教学的层面。要采用案例教学，需要从宏观上进行教学设计：可将互联网上较热的实际案例引入实验课堂教学体系中，每个重要知识点均与实际应用结合起来，在实际教学中，多引用实例，提高学生的学习兴趣，让学生主动去模仿、分析、创新等，同时也能帮助学生加强深对网站网页的理解，使其能够灵活运用所学的知识，从而获得一种成就感。该案例教学方法可以贯穿于教学内容的模块二至模块六，如在模块三掌握网页布局过程中，可以选用学生比较熟悉的淘宝、京东等知名企业网站进行讲解，可以由浅入深，从简单的登录网页到复杂的网站首页一步步剖析架构，特别是对于诸如margin、padding等容易出错的问题进行重点讲解，让学生能模仿并自己重新设计主题书写网页。</p><p>（3）拓展课堂、多元一体化辅助实验教学</p><p>要想真正让学生的动手能力达到质的飞跃，达到学以致用的目的，仅靠有限的课堂学时是远远不够的，但单纯增加学时又是不太现实和最不可取的方法。在实验教学过程中，我们不断摸索，总结出我们认为行之可效的方法：拓展课堂、多元一体化辅助实验教学。具体表现在以下几个方面：</p><p>①借用现代化多媒体手段学生自主学习。在教学过程中，学生除了按照任课教师的要求和准备的教学材料进行学习外，还应在任课教师指导下，充分利用现代多媒体等手段进行网上学习，如在基础知识模块学习过程中，可充分借助W3C学院（W3Cschool）进行辅助学习及实践练习。</p><p>②举办课堂外网页设计进阶讲座。在实验课堂教学过程中，模块五涉及到一些进阶的学习，但学生要借此在网页设计上有所造诣是远远不够的。我们在教学过程中，针对不同的学生对象，采取学生自愿的原则，免费举办一些网页设计进阶讲座，讲座的主题包括网页设计涉及的一些前言技术、美工素养及技能、学生创新创业思维的训练等。通过这些进阶讲座，学生提高了网页设计与制作的综合能力，同时也开拓了眼界。</p><p>③鼓励学生参加网页设计竞赛。在每学年学校或者全市、全国举办的网页设计等竞赛中，我们积极鼓励并指导学生参赛，从而进一步激发了学生的学习兴趣。</p><p>3.3 教学成效</p><p>经过近五年的实验教学摸索总结，在近三年的教学中，该课程保持了良好的教学效果，在学生之间口碑较佳，也得到了其他后续专业课程任课教师高度的认可，在学校的教学评分中也一直位于所有课程前20%之列。同时，课堂外的免费讲座、培训以及开展的各项相关比赛也极大鼓舞了学生的学习兴趣，为学生创新创业指明了方向，学生最终完成了该课程“学什么”、“怎么学”、“作什么”的关键问题，为今后的进一步深造学习打下了坚实的基础。</p><p>4.结语</p><p>通过“网页设计与制作”实验课程的教学改革实践，我们取得了不错的教学效果，但计算机技术发展日新月异，该课程教学肩负的任务也越来越重。我们将继续完善教学内容、教学方法以及考核方式等环节，不断提高学生的动手能力，真正让学生学有所用。</p><p>参考文献</p><p>[1]朱金秀，陈小刚，朱昌平等.项目式实验教学的探索与实践[J].实验室研究与探索，2008（11）：93-95.</p><p>[2]杜现朝，龙怀冰，王清理等.基于Web标准的网站设计与开发流程[J].计算机工程与设计，2008（4）：945-948.</p><p>[3]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术，2007（13）：264-266.</p><p>[4]任国庆.”计算机网页设计”课程体系分析及课程整合[J].计算机教育，2006（10）：58-60.</p><p>[5]章明珠.网页设计课程教学创新[J].电子科技，2012（9）： 144-146.</p><h3>网页设计与制作 第4篇</h3><p>一、静态网页制作技术</p><p>网页主要包括静态网页与动态网页两种,而静态网页制作技术主要指的则是专门对静态网页进行制作的一项技术[1]。一般情况下,其文本格式君为.htm格式。一般认为,静态网页的特点主要为静止,网页中本来存在的内容会一直存在,不会发生变化,这一认识存在一定的片面性,存在一部分静态网页,其中也包含动态的内容。</p><p>二、动态网页制作技术</p><p>动态网页制作技术即专门针对动态网页进行制作的一项技术,在制作过程中可以利用的计算机语言存在很多种,其中Java Script便属于较为常见的一种,动态网页的制作不会仅仅使用一种语言来完成,不同的语言之间需要互相综合,这样一来,便可以很顺利的实现从静态网页到动态网页的转换。动态网页的制作过程中包含的技术多种多样,其中PHP、ASP以及JSP均为十分重要的制作技术[2]。相对于后两者而言,第一种技术以其应用的便利性为主要优势,成为了当前较受欢迎的一种动态网页制作技术,在这一技术的支持下,动态网页的制作效果得到了明显提高。与PHP相比,ASP与JSP在制作效果以及实现形式方面存在较多的共同点,利用上述两种技术对动态网页进行制作,对于制作效率的提高较为有利。但两者之间同样存在一定的区别,相对于前者而言,后者所适用的范围更加广阔。</p><p>三、静态网页与动态网页制作技术比较</p><p>作为网页制作的两种主要技术,静态网页制作技术与动态网页制作技术之间即存在区别又存在联系,具体表现在以下方面:</p><p>3.1静态网页与动态网页制作技术的联系</p><p>从某种程度上看,动态网页制作技术源于静态网页制作技术,前者是对后者的继承与发扬,因此,目前的动态网页制作技术中,仍包含着静态网页制作的一系列理念,这是两者之间存在的主要联系[3]。但相反,静态网页制作过程中所采用的技术均为其本身所具备与应用的技术,并不存在动态网页制作技术的成分。</p><p>3.2静态网页与动态网页制作技术的区别</p><p>静态网页与动态网页制作技术之间的区别主要体现在以下方面:</p><p>首先,两种网页制作技术下,网页内容的保存方式不一致。在网页制作完成并投入使用之后,静态网页的内容会以独立的形式进行保存,但相对来讲,动态网页的内容并不会独立保存。后者网页内容只能在存在用户访问的前提下出现,而前者并非如此。</p><p>其次,两种网页在程序的交互性方面存在区别。静态网页制作技术下,网页并不存在交互性,而动态网页恰恰相反。相对于前者而言,后者交互性的实现属于一项极大的进步,不仅能够使网页内容更加丰富、层次更加深入,同时也能够改善用户对于网页的使用体验。</p><p>再次,两种技术适用范围不同。一般情况下,静态网页制作技术往往被应用于前台开发的过程,而动态网页则不适合被应用于这一过程。但需要注意的是,为使网站的使用率能够得到提高,在一定的情况下,两种技术之间能够实现相互转换,这属于两种技术整体水平进步的主要体现[4]。</p><p>最后,对网站建设过程中,对于上述两种网站的选择一定要根据网站的具体需要来实现,这样才能保证技术应用的合理性。对此,有关人员一定要加以重视,在选择制作技术之前,要对网站建设的目的及其所面临的用户进行考察,以使技术的应用能够达到更加合理的水准,从而为用户带来更好的应用体验。</p><p>四、结论</p><p>静态网页制作技术与动态网页制作技术均属于网页制作过程中需要应用的主要技术,两种技术即存在区别同时也存在联系。两者之间的联系主要在于后者的实现需要以前者为基础,而两种技术间的区别则表现在方方面面。在网页制作过程中,有关人员需要根据实际情况的不同,对技术进行合理选择,这样才能提高网页制作的合理性。</p><p>参考文献</p><p>[1]吴静.静态网页制作技术与动态网页制作技术的比较[J].电子技术与软件工程,2014,07:185.</p><p>[2]田红玉.静态网页制作技术与动态网页制作技术的比较[J].黑龙江科学,2013,09:116.</p><p>[3]姚绍岩.静态网页制作技术与动态网页制作技术的比较分析[J].信息与电脑(理论版),2015,07:71-72.</p><h3>网页设计与制作比赛方案 第5篇</h3><p>为了进一步加强我校学生创新能力和专业能力，激发学生学习兴趣，提高学生网页设计与制作的水平，以满足用人单位需求，提高学生的社会竞争力，特制定本组织实施方案。</p><p>一、主办单位：校团委、计科系</p><p>二、承办单位：电子商务教研室</p><p>三、组委成员：</p><p>陈兴科、穆肇南、吴晶鑫、王松、贾若、洪奕、杨磊、余先昊、胡文生</p><p>四、参赛方式：个人或团队（三人一队）方式参赛</p><p>五、奖项设置：</p><p>本次大赛最终共选出10个入围参赛作品。再从入围作品中选出一等奖1名，二等奖2名，三等奖3名，其余所有入围作品均获优秀奖。</p><p>一等奖：证书、奖金300元（1队）；</p><p>二等奖：证书、奖金240元（2队）；</p><p>三等奖：证书、奖金180元（3队）；</p><p>优秀奖：证书、奖金90元（4队）</p><p>六、参赛者资格：贵州商业高等专科学校全体在校学生</p><p>七、参赛作品要求：</p><p>1.参赛作品必须为作者本人原创，不得抄袭他人或网上作品，作品一经发现剽窃立即取消参赛资格。</p><p>2.作品主题无限制，内容健康，导向积极，具有创意，有自己独特的风格，能展示青年大学生的良好精神风貌和综合素质。</p><p>3.制作软件不限制，通过合理运用网页设计的各种技术，体现良好的艺术性和实用性。</p><p>4.子页面不超过三级，网页的总页面数不少于10页，全部文件的总容量不超过20M（尽量少用音频视频文件）。</p><p>5.要求能在win2000或winxp操作系统上运行。显示分辨率1024×768，网页采用Internet Explorer5.0以上浏览。（请在作品中注明最佳浏览效果浏览器）</p><p>6.参赛者自留备份文件，提交参赛作品必须附有完整的作品简介（包括作品名称、主题、作品说明等）及作者联系方式（包括姓名、系科班级、联系方式等）。</p><p>八、报名参赛办法</p><p>1.参赛者报名时提供如下资料：</p><p>(1)个人简介：姓名、班级、联系电话、QQ、电子邮箱</p><p>(2)作品、作品主题、作品说明</p><p>2.比赛时间：2011年4月——6月</p><p>(1)报名开始时间：2011年5月26日</p><p>(2)报名截止时间：2011年6月20日</p><p>(3)评奖时间：2011年6月28日至6月30日</p><p>3.报名地点：计科系</p><p>4.联系人：杨磊老师（***）</p><p>九、评分标准</p><p>■ 内容 30 分</p><p>10分 是否有明确的主题、内容</p><p>10分 内容健康向上、有时代感、信息的实时性</p><p>10分 创意水平的高低</p><p>■ 常规技术 50 分分 整体视觉效果：整个网站在设计上是否统一和谐</p><p>10分 美工设计：页面的美工设计含量分 页面布局：页面的布局是否合理、美观分 页面易用型：用户使用时是否方便分 内容充实：网站内容对用户的吸引力分 内容分类结构：整个网站的内容分类是否清晰完整分 浏览速度：浏览时额定速度分 技术含量：网站整体的技术评价分动静搭配：动与静的搭配合理，动而不乱，静而不僵■ 多媒体技术20分</p><p>20分 有体现自己作品主题的风格特色的动画（flash、gif）</p><p>校团委</p><p>计科系</p><h3>网页设计与制作教学方法的探讨 第6篇</h3><p>关键词网页设计与制作;阶段性;阶梯式;教学模式;教学方法</p><p>中图分类号G20文献标识码A文章编号1673-9671-(2010)032-0141-01</p><p>网页设计与制作主要是研究网站的创建和网页制作的专业技能课。通过学习本课程,学生要求能够熟练运用Dreamweaver等网页设计工具软件,设计并创建网站。因此,该课程教学实践性强,其教学方法、教学模式及课程考核办法都有其特殊要求。现就授课中教学方法的尝试做以下分析和总结。</p><p>1阶段性、阶梯式的教学模式</p><p>孔子提出育人要“深其深,浅其浅,益其益,尊其尊”,主张“因材施教,因人而异”。教学既要遵循学习规律,又要尊重学生个体差异。学习一般由点到线,线到面,再形成系统知识结构。同时,学生学习基础参差不齐,以某班级学生学习特征情况分析(班级人数30人统计),如图1所示,学习特征归为4种(A-D)。</p><p>图1某班级学生学习特征分布情况</p><p>为了使不同梯次的学生在学习中,学有所乐,学有所长,学有所值,因此,授课中采用了“阶段性、阶梯式”教学模式,既将学习过程分段分梯次,在每个阶段针对不同学习特征的学生,又分不同梯次的教学目标。这个梯次主要按图1所示学生学习特征划分,尽量让不同学习特征的学生,在每个学习段都能实现一定的教学目标,从而使学生对学习充满兴趣,积极学习。“阶段性、阶梯式”教学模式,共分三个阶段,如表1所示。</p><p>2教学方法的灵活运用</p><p>承认教学对象的个体差异,及知识结构的衍生过程,进行“阶段性、阶梯式”教学模式,其教学方法的运用很重要。自古以来,教无定法,灵活运用教学方法,适时调整和改进教学方法和授课计划,才能使教与学相得益彰。如表1所示为阶段性、阶梯式教学模式中教学方法的运用(如表1)。</p><p>2.1教师演示指导</p><p>教师演示并指导学生操作练习,“个体通过接受学习,不仅可以学到作为创造能力的构成要素的知识与技能,而且还可以学习到前人创造某种经验的科学态度。”同时教师也需尽快了解每个学生的学习特征,从而指导后续教学。但运用该方法应注意几点:</p><p>1)注意重、难点的演示讲解,教师应针对操作中容易出现问题的地方,仔细讲解。例如:设置鼠标经过图像时的变化效果,应确保所选择的图像文件在本地站点文件夹内,否则该设置无效。</p><p>2)注意课堂指导,及时收集学生课堂实作练习,并认真评改,记录学生实作中反应的问题,基本了解班级每个学生的学习特征。针对每次的评改记录,修改并制定下次课程的授课计划和内容。</p><p>3)注意课后思考与练习的设置。例如:在进行添加和处理图像实作课程时,用了“示例中的页”中的起始页面作为页面模板,思考问题:“能否将自己制作好的网页作为‘示例中的页’?”问题的设置一般是课堂知识点的复习、深化和延伸,可引导学生积极学习。</p><p>2.2模拟教学</p><p>在教师演示的基础上增加学生模拟教学,通过模拟教学,师生角色互换,不仅能促进学生对知识的掌握,也能增强其自主学习意识;同时教师能看清自己教学中的不足,以及学生实作中的问题。主要方式是让学生模仿教师操作演示教学,其教学过程可由学生自主设计。例如:学生在教师机上演示教学,过程中进行讲解、答疑,最后教师总结并评点。</p><p>模拟教学对学生的选择,应遵循两个原则:一是图1中学习特征A和D的学生应尽量少选,主要选择学习特征B的学生。因为这部分学生既能代表大多数学生的教学需求,又能完成既定的教学目标;二是学生应课前准备,如有临时教学互动,教学内容应为旧知识点复习或者复合。</p><p>2.3兴趣激发</p><p>该方法主要在课程一阶段始和二阶段末采用。俗话说,“好的开始是成功的一半”。例如:设计一堂经典网站赏析课,选择国内外经典网站进行赏析,带领学生认识网页和网站,介绍网站的发展历程,发现好的网站设计给人们生活和工作带来的影响,使学生喜欢并热爱这个行业,从而在内心建立学习本课程的强烈愿望。</p><p>第二阶段末,教学课时进行2/3时,学生通过反复知识点操练,但没有一个成型的网站呈现,使其最初的兴趣慢慢消减,出现学习疲倦期。此时应设计2-4学时的艺术赏析、网站赏析课等。赏析课形式灵活,例如,参观艺术作品展,观看影视作品。美学陶冶有助于网站的设计,调整学生的学习状态,激发兴趣,为后续教学做好学生的知识结构调整和心理准备。</p><p>2.4项目管理</p><p>教学第三阶段,学生自由组成小组,一般6人一组,每组推选一名组长,负责项目协调和管理,在16-20个学时内完成既定的项目(网站),最终分组演示,分个人答辩,项目成果展示。项目的设置由小组讨论形成,学生根据兴趣、特长设定网站类型和主题,其中教师辅助,提供技术和资源支持,不参与项目制作。通过案例实训,运用项目管理的方式,综合测评学生的技能掌握情况,同时使得团队中每个学生扬长避短,发挥各自优势,最终完成一个网站的设计与制作。各个梯次的学生在案例中都得到锻炼和发挥,体现自我价值。</p><p>3考核办法的改革</p><p>针对阶段性、阶梯式的教学模式,结合本课程的教学目标,其考核办法也需补充和完善。如表1,在第一阶段采用课堂操作考核,对学生课堂操作评定计分;在第二阶段采用课堂教学互动考核,增加学生互动评定并计分;第三阶段案例实作,采用项目成果考核,运用项目管理的方式,对学生分组完成的项目成果进行综合评定,包含个人成果展示及答辩情况。以上三项评定综合计入期末学生总评。</p><p>在教学各阶段,采用不同的考核方法,使各阶段监管得力,避免学生平时不学习期末突击;学生在各阶段通过踏踏实实学习,完成既定的教学目标,得到较好的考评成绩,从而激励学生,提高学习积极性;通过各个教学环节的监督考核,使考核更公平、公正和准确。</p><p>作为一名高职教师,应坚持不懈的学习,结合社会需求和学生学习特征,因时因材施教,不断总结和完善教育教学方法,使之更符合国家和社会对人才培养的需要。</p><p>参考文献</p><p>[1]王同梅.网页制作教学方法研究与实践,中国科教创新导刊,2009,NO.19.</p><h3>网页设计原则与制作技巧 第7篇</h3><p>关键词：网页制作,技巧,解决方法</p><p>一、设计原则</p><p>1、表格的定位功能</p><p>表格在网页制作中除了可以起到表格本身的作用外, 它最主要的作用是定位页面中的元素。运用表格可以自由控制文本和图像在网页上出现的具体位置, 而不用担心不同的对象之间的影响, 从而使整个网页看上去紧凑统一。使用表格定位页面元素时要注意以下两点：</p><p> (1）一个网页要尽避免用整个一张大表格, 所有的内容都嵌套在这个大表格之内。因为浏览器解释HTML页面的顺序是自上而下依次逐行解释和显示出来, 但当碰到表格时, 浏览器会读取表格中所有的元素后才将结果在页面中显示出来, 在页面内容较多而浏览者浏览的速度又较慢的情况下, 浏览器的这种解释次序将明显表露出来, 只有等到浏览器解释到了页面的最后, 才会将整个页面的内容在浏览者眼前显示出来, 而在浏览器解释过程中浏览者将看到一片空白。我们在采用表格进行定位时, 可以一行使用一个表格, 并且尽量不使用表格的嵌套。</p><p> (2）有的学生在使用表格定位时, 在页面视图下显示没有一点问题, 可在浏览器中预览的时候会出现页面元素错位的现象, 这个问题就在于表格宽度的设置上, 表格宽度的设置有两种, 一种是百分比, 一种是像素, 如采用百分比就会出现在不同分辨率下显示效果不同的现象, 而将表格的宽度都更换成像素, 就可以解决这个问题了。</p><p>2、文件的命名</p><p>在制作网页的过程中, 学生经常会遇到这样一些问题：网页中插入的图片在浏览时无法显示、做好的链接不能正常应用等。分析原因, 我们常常发现, 是因为文件使用了中文名称。学生为了便于记忆和查看明了, 总是喜欢给自己网站中的文件起一个中文名称, 正是这些中文名称导致了网页浏览中的一些问题, 解决的方法就是将文件名改为英文。为了便于记忆可以使用汉语拼音或是中文的英译, 如背景图片文件可命名为background.gif或bg.gif</p><p>3、图像的无缝拼接</p><p>图像是网页中必不可少的元素, 它起到美化页面的作用。图像的格式有很多种, 但在网页中常用的只有三种格式GIF、JPG、PNG。图像的大小在很大程度上影响网页的下载速度, 所以在使用图片之前要先用图形处理软件（如PhotoShop）对图片进行优化处理, 在不影响显示效果的情况下尽量使用小尺寸的图片。如需使用大图片, 我们可以采用图像的无缝拼接技术, 所谓图像的无缝拼接就是在图形处理软件中将一个大的图片分割成几个小的图片, 然后在网页制作软件中再把几个小图片拼合成一个大的图片, 拼合后的图像跟原来的图像显示效果一样, 看不出拼接的痕迹。完成拼接主要利用了表格的定位功能, 把几个小的图片分别放在表格的各个单元格中, 设置表格的边框、单元格的间距和边距均为零, 然后再手动调整一下, 就可以完成图像的无缝拼接了, 这样处理虽然比较麻烦, 但却既能使用效果好的大图片又解决了图片下载速度的问题。</p><p>4、个人站点中导航按钮的设计</p><p> (1）使用现成的大图片。根据站点的主题选用一个与主题相关的图片, 利用图片的各部分做成导航, 如制作一个文学网站, 可以选用一本书作为导航, 书的目录就是站点的栏目。</p><p> (2）使用Photoshop或Flash来制作自己的导航按钮。采用这种方法, 要求学生熟练掌握图形处理软件及动画制作软件的使用, 并具有创新性, 自己动手设计并使用相关软件完成这样创作出的导航系统就会具有新意, 会吸引更多的浏览者。</p><p>二、制作技巧</p><p>网站一般包括首页（网站的门面）、框架页（网站的主要结构页面）、普通页（网站主要的承载信息的页面）、弹出页（一般用于广告、新闻、消息、到其他网站的链接等等）。</p><p>1、首页设计技巧</p><p>网站首页的形式有两种，一种是形象展示型，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像（较多）、文字信息（较少），组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。另一种是信息罗列型，这是一般大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等。</p><p>2、风格保持一致</p><p> (1）结构的一致性：网站的统一性在网站营销中占重要地位，而网站结构是网站风格统一的重要手段，包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等，在结构的一致性中，我们要强调网站标志性元素的一致性，即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等，这种方式是目前网站普遍采用的结构，一方面减少设计、开发的工作量，同时更有利于以后的网站维护与更新。</p><p> (2）色彩的一致性：方式是保持站点主体色彩的一致，只改变局部色块，优点是一个独特色彩的网站会给人留下很深刻的印象。</p><p> (3）导航栏的一致性：导航是网站的一项重要组成部分，一个出色的富有企业特性的导航将会给人留下深刻的印象。利用背景取得统一：有效利用背景取得网站统一和专业化，将公司的标志、象征性的简单图片作为背景，并将其淡化，使浏览者在阅读网站内容的同时不经意记下公司的标志。在整个页面中形成特有元素在大小、明暗及位置的呼应，很好地塑造了网站的特有形象。</p><p>3、色彩搭配</p><p>页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色) 与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其他颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉；红色和黄色、金色搭配能渲染喜庆的气氛；而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。</p><p>4、版面布局</p><p>网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、变化型，下面重点论述以下几种布局：</p><p> (1）“国”字型：</p><p>也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。</p><p> (2）拐角型：</p><p>这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。</p><p> (3）标题正文型：</p><p>这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类型。</p><p> (4）左右框架型：</p><p>这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。</p><p>三、结束语</p><p>网页制作中有很多的技巧, 只有在不断的实践中才会总结出更多更好的制作网页的方法, 在知道了一些技巧之后一定要付诸实践, 这样才能更好地掌握, 把别人的知识变成自己的知识。</p><p>参考文献</p><p>[1]王为正, 何小翠, 应红.计算机网页制作中几个疑难问题研究.金华市金华职业技术学院学报</p><p>[2]张鸣.关于网页设计与制作方法的探讨.长春市长春大学学报</p><h3>网页设计与制作 第8篇</h3><p>随着万维网的迅速发展, 网页已经成为网络世界进行信息传播的最主要载体, 网页设计与制作人才的培养成为当务之急。由于社会和专业的需求, 《网页设计与制作》课程广泛受到各大学校和学生的喜爱。</p><p>作为一门新兴技术, 网页制作从上个世纪九十年代开始才得到广泛运用, 进入高校课堂的时间更短。与其他的课程相比, 其在课程建设方面的积累沉淀少, 教师可借鉴的资源相对有限;市面上教材、参考书籍良莠不齐, 需要授课老师细心甄别。根据授课内容, 该课程具有难度不大, 但涵盖知识面广的特点。教学内容通常包括HTML语言基础、CSS、网站设计原则和色彩、网页制作工具的使用、图像处理以及动态网页技术等。</p><p>1 课程特点</p><p>《网页设计与制作》是一门集成了多种计算机知识和技术的综合性课程[1], 其本身具有很强的实践性。网页设计与制作是网站建设的基础, 而网页本身是当今社会网络世界传播信息的最主要的载体, 同时网站又是企业向用户和网民提供信息 (包括产品和服务) 的一种方式、是企业开展电子商务的基础设施和信息平台。综合上述分析, 《网页设计与制作》课程的教学内容选取既要涵盖计算机基础知识, 又必须包括基本工具软件的操作使用, 同时还要结合当前市场和主题的需求, 才能使本课程教学达到令人满意的效果。</p><p>2 教学内容</p><p>根据前文对《网页设计与制作》课程的特点分析, 在制定教学大纲时, 不应该拘泥于某一本或者某几本特定的教材, 应着眼于当前网页制作技术发展的现状。教学内容方面要涵盖既要覆盖网页设计概念的培养, 又要覆盖网页制作的主流技术, 同时网页制作技术发展较快, 可适当对新兴技术进行追踪;针对不同内容, 采取相应的讲授方法, 如课堂讲授和上机实践相结合的方法, 以获得最佳的教学效果。</p><p>网页制作过程中必然涉及到图片的处理, 若能应用好Photoshop也是网页设计的关键, 而Photoshop也是操作性很强的工具软件, 此部分笔者安排更多的上机实践课程。另外, Fireworks和Flash同样也是作为网页制作的辅助工具, 若学生能掌握, 对网页的设计开发将起到画龙点睛的作用, 因此这两部分也安排了相应的学时。</p><p>《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的, 是完成网页作品流程中的两个阶段, 但这两个阶段之间并没有严格的界限, 往往是迭代进行的。网页通常都是图文并茂的, 对页面的美观有一定的要求。然而, 随着网页设计理论研究与实践的深入, 网页的设计不仅仅以良好的视觉效果为目标, 而更多关注的是用户体验。尤其对于电子商务网站, 如果我们的网页设计得非常优秀, 能吸引更多用户, 也就意味着能带来更大的效益。也就是说合格的网页作品, 在技术上不仅要符合相关的制作规范, 还应考虑页面布局、图片放置、色彩搭配、下载速度等因素, 这些因素都与用户体验密切相关。以此, 在学生掌握了基本网页制作后, 笔者安排了网页设计方面的内容学习。主要包括色彩, 学生应了解彩色具备的特征以及Web安全调色板;图像, 学生应了解网页中常见的的图像格式, 不同图像格式的特点和区别, 以及网页中如何放置图片和放置前是否需要做相应的处理;布局, 了解网页布局的概念, 目前常见的布局方法, 如利用Table布局和利用CSS布局, 他们的异同及其实现细节;有效性, 如何保证网页在不同的显示器、不同的浏览器中显示时, 显示效果是一致的, 如何保证用户可以在较短的时间下载浏览网页。在讲授的过程中, 笔者还展示了部分网站 (以电子商务网站为主) , 让学生去分析总结各个网站的特点, 使得学生对网页制作的内涵有进一步的理解。</p><p>笔者采用的教学大纲, 学时分配部分如下表所示。</p><p>3 教学方式</p><p>在《网页设计与制作》课程教学中, 我们采取课堂讲授和上机实践为主, 课堂讲授的主角是教师, 上机实践的主角是学生。那么, 贯穿整个教学始终, 笔者还采取了模仿教学作为辅助的教学方式贯穿其中。在课程学习的各个环节, 学生都在运用课堂上的理论知识在上机中操作达到某种网页效果。本课程是一门实践性很强的课程, 让学生动手去做, 经历网页制作的各个环节, 实现教与学的互动, 才能充分激发学生学习的积极性。作为电子商务专业的学生, 笔者建议可以一个的电子商务网站的首页 (如最常见的淘宝网) , 让学生在上机实践课中, 对指定的网站首页进行模仿还原。教会学生如何&ldquo;借用&rdquo;其他网站的源代码, 如何取得该网站上的图片和色彩代码。学生对这种目标性很强的任务, 往往会表现出很大的热情, 学习的主动性也得到提高, 在任务的逐步完成过程中, 每实现一个部分, 预览后看到自己的成绩, 都会有一种成功的喜悦感。另外, 在模仿教学的过程中, 要总结学生中出现的典型问题, 进行重点讲解, 帮助学生更快地提高网页开发能力。</p><p>此外, 笔者不提倡将所有的知识都一次性教给学生, 应该适当地让学生走走弯路。如关于网页文件的命名规范化和目录结构组织方面的知识, 可以先不讲解。让学生在实践操作的过程中自己体会, 只有在他们经历过复杂或不便利的操作过程, 学生才能意识到需要寻求一条捷径, 也因此才能更深刻地理解这方面的知识。</p><p>4 考核方式</p><p>考核具有导向作用, 影响着学生学习的积极性。完善、合理的考核体系, 是促进学生全面掌握知识和规范教学的一大利器。针对《网页设计与制作》理论性与实践性并重的特性, 笔者分别制定了理论与实践考核体系。</p><p>理论考核体系重点考核理论知识的理解和运用。将考核内容分为HTML、网页制作工具、网页设计原则和风格、CSS、动态网页技术和其他网页设计辅助工具六个部分, 规定了每一块应掌握的知识点与各知识点的分值。试卷由抽取的知识点组合而成。理论考试采用开卷&ldquo;笔试&rdquo;的形式, 安排在期末进行。理论考核体系的建立, 使教师与学生在教学和学习的过程中有章可循, 既有利于规范教学, 又能主动引导学生学习。</p><p>实践考核体系重点考核技能的掌握。采用开卷&ldquo;机试&rdquo;的形式, 安排在理论考试之前一周左右进行, 是本课程的考核重点。考试要求学生在规定的2小时内, 按要求完成一个简单的网站开发。考核标准包括页面内容、页面布局、图片和色彩各个方面。理论与实践两个考核体系的建立, 有利于全面考查学生的学习情况, 促进学生学习。</p><p>5 结束语</p><p>在当今社会, 网页技术的更新很快, 这就意味着《网页设计与制作》课程的教学需要不断地对网页设计和制作的相关技术进行研究与探索, 在教学方法上进行不断的革新。通过有效的教学方式提高教学质量和教学效果, 激励学生学习本课程的兴趣, 提高他们对知识的掌握程度和实践动手能力, 并让他们学以致用。</p><p>参考文献</p><p>[1]于淼.《网页设计与制作》, [M]中国人民大学出版社.2001.</p><p>[2]高文胜, 任丽敏.《网页设计与制作》.[M]清华大学出版社.2007.</p><h3>高职《网页设计与制作》教法研究 第9篇</h3><p>关键词：高职,《网页设计与制作》,教学方法</p><p>一、案例教学法</p><p>要想通过有限的课时教学使学生能够做出优质的网页, 拓宽学生的眼界, 开发学生的思维是首要任务。因此在高职的《网页设计与制作》教学中, 教师可以根据实际教学的需要, 选取一些比较经典的案例, 对学生进行教学, 在增长学生见识的同时, 促使学生取长补短, 从而有效提高学生的网页制作能力。因此教师必须充分利用起身边的教学资源, 根据高职《网页设计与制作》教学的需要并结合学生的喜好, 从网络上搜索一些高水平的网站, 作为教学案例, 向学生分析网站设计和制作的优点和缺点, 以及相关的设计和制作技巧, 从而使学生对所学的内容有更加立体的认识。需要强调的是, 教师切忌不能在所有的教学中都采取一个网站作为案例, 要多选取几个, 且随着更多优秀网站的出现, 教师还应该对教学案例进行不断的补充和更新, 进而有效激发学生的学习动力和积极性, 推动高效教学的实现。比如在教授如何设计网页栏目、logo以及导航条时, 教师可以先向学生介绍一些基本内容, 然后向学生展示一些做的比较出色的网页, 如学校网站首页等, 并向学生分析学校网站首页制作的特点, 然后通过启发和引导的方式, 让学生模仿学校网站首页进行创作, 从而有效提高学生的制作水平。</p><p>二、任务驱动法</p><p>所谓的任务驱动法就是给学生一个任务, 由学生来完成, 教师可以从旁指导和帮助, 在任务的驱使和激励下促使学生主动学习, 积极探索, 相互合作的学习方式。值得注意的是, 教师在使用这一教学方法是建立学生必须已经掌握一定的基础知识, 学会如何使用一些基本的应用软件的基础上, 因此任务驱动法并不是以教材和知识点为中心, 而是以培养和锻炼学生的在网页设计和制作上的综合运用能力为中心。在实际的高职《网页设计与制作》教学中, 教师可以通过专题或者话题的形式, 在交流中引导和启发学生, 然后定下一个主题, 让学生围绕主题来设计出一个完整的网站。由于完整的网站涉及的内容较多, 包含目标需求分析、网站定位、网页规划、内容收集、网页设计、内容排版以及文字和图片的处理编排等, 因此教师在教学中可以采用小组合作的模式, 从而提高学生的合作能力和人际交流能力;也可以由一个学生单独完成, 期间教师可以组织几次检查和交流活动, 对自己的作品进行不断地修改和完善。通过任务驱动法可以使学生对网页设计和制作的流程有一个全面的认识, 让学生掌握系统的网页开发流程, 同时也有利于提高学生团队协作能力、创新能力、独立解决问题的能力。</p><p>三、活动探究法</p><p>活动探究是高职《网页设计与制作》教学中重要的教学组成部分, 有助于学生开展项目学习, 在活动探究过程中学生可以掌握到大量的知识内容和技能技巧, 能够帮助学生在网页制作和网站开发的过程中创作出更加优秀的作品。所谓活动探究法, 就是指教师向学生提供定的资源和信息, 由学生从已有的材料中进行挖掘和拓展, 让学生对教学项目中的问题进行主动的探索和研究, 从而促使学生构建和完善自己的知识体系。此外, 学生在进行探索时, 教师也要从旁进行观察和指导, 对于学生不当的行为要予以纠正, 对于做的好的学生给予表扬和鼓励。比如在设计网页链接的过程中, 有不少学生对外部文件与网页内的链接出现疑问, 教师可以就这个问题对全体学生进行示范和讲解, 一方面使得学生对所学有更充分的了解, 另一方面保持学生的学习热情和积极性, 使学生能够将作品完整的制作出来, 从而有效地提高高职《网页设计与制作》的教学效率和学生的综合素质。</p><p>结语</p><p>总而言之, 《网页设计与制作》是一门实用性和综合性较强的学科, 学好这门学科有助于提升学生的培养和提高学生的创新力和独立思考的能力, 对学生未来的职业生涯发展有着重要的意义。因此教师必须提高对《网页设计与制作》教学的关注度, 积极总结教学经验, 不断改进教学方法, 以学生的全面发展为落脚点, 通过多种渠道, 多种方式对学生施教, 使学生真正学好和掌握网页设计与制作的技能。</p><p>参考文献</p><p>[1]赵芸.提高网页设计能力的“任务驱动”教学设计[J].软件导刊, 2010 (08) .</p><h3>网页设计与制作 第10篇</h3><p>课程改革动因</p><p>由高职教育引发的思考我国目前正处于高速工业化、城市化和现代化进程中, 高等职业教育面向经济社会发展培养高技能型人才, 成为高等教育的重要组成部分。但是高等职业院校与普通高校的类型不同、人才定位不同。如果把普通高校的一套做法直接搬到职业教育课堂中去, 通常会看到这样的状况:教师虽然在课堂上有&ldquo;精彩而生动&rdquo;的表现, 但学生要么如听&ldquo;天书&rdquo;, 要么毫无兴趣, 为了考试及格而勉强应付, 教师的付出没有得到回报, 进而埋怨&ldquo;生源&rdquo;质量太差。由此引发了我们的思考:高职教育作为高等教育的一种类型, 有其自身的规律与特点, 与本科院校相比, 学生智力类型不同, 培养目标不同, 人才定位不同。课程教学中, 应基于多元智能的人才观, 找出学生的长处, 挖掘学生的潜能, 引导学生的兴趣, 建立学生的自信。</p><p>由职业岗位得到的启示信息资源的集成、处理、流通与共享技术已成为当今和未来的重要技术之一, 其核心与依托是计算机技术, 特别是计算机网络技术。计算机网络技术面向井喷式发展且内容时时刷新的高技术产业, 面对一群技术性强、操作性强且技术更新速度快的岗位, 要求从业人员不仅具有理论基础, 更应熟练掌握操作技术与技能, 具有解决实际问题的能力和创新能力。为了使学生毕业后顺利走向职场、走进职场、纵横职场, 应基于能力本位的教育观, 帮助学生掌握技能、掌握知识, 具备扎实、系统的专业应用知识;要引导学生学会共处, 学会做人, 具备良好的职业道德和职业素质;要启发学生学会学习, 学会工作, 具备可持续发展能力。</p><p>课程改革实践</p><p>课程教学目标《网页设计与制作》课程由具备长期职业岗位经历的&ldquo;双师&rdquo;素质教师进行开发。根据计算机网络技术专业毕业生所面向的职业岗位之一&mdash;&mdash;&mdash;网页设计与制作员岗位, 以校企合作为途径, 通过对网页设计与制作的实际工作过程进行分析, 融入&ldquo;网页设计师&rdquo;职业资格鉴定技能知识要求, 明确了该课程职业能力目标为具备信息收集、处理、准备、加工的能力;具备网页设计、图形设计、动画设计的基本能力;能独立设计一个内容完整、图文并茂、技术运用得当的静态网站;具备网站开发、维护和管理能力;具备独立撰写网站制作说明等科技文件的基本能力。明确了职业素质目标为按时守信的诚实作风;乐观向上的敬业精神;沟通协作的团队意识;知识获取和应用的自主学习能力;探索实践的创新能力。同时根据认知和职业成长规律, 将《网页设计与制作》课程与《信息技术》 (基础) , 《网站规划与建设》、《ASP.NET网站开发》 (后续) 等课程相结合, 形成满足职业岗位实际工作需要的课程体系。</p><p>工作任务分析网页设计与制作员岗位具体的工作为:在一种操作系统平台下综合利用网页制作软件, 完成网页设计制作的工作。对于此岗位的从业人员来说, 必须懂得Internet相关知识、GIF动画、层的应用、表格与表单、媒体应用、动画与样式、网页框架、文本与图像、链接与动作、网站相关知识、网站的设计建立, 网站的上传、更新、维护, 建立动态网页、后台数据库设计和建立、通讯及网络技术等技术方面的专业知识。同时必须具备一定的平面设计基础, 包括平面构成基础、基本图形与文字、动画应用等等。要胜任此岗位工作, 需要进行多门课程的学习。《网页设计与制作》是其中之一, 其典型的工作任务是按照客户的要求进行网站规划和网页设计, 同时运用Fireworks、Flash、Dream weaver等网页制作工具完成静态网页的制作, 进行网站的测试, 最后发布网站。因此, 应通过对典型工作任务的分析, 结合职业资格证书考试要求及高职院校学生所处年龄阶段的兴趣爱好, 进行课程设计。</p><p>课程设计提取适度够用的知识, 与工作过程进行整合, 依据网页设计与制作中Fireworks、Flash、Dream weaver三个属于同一范畴的工具载体的运用, 分解网页设计与制作学习领域为三个学习情境:网站中的网页设计、图形设计和动画设计, 这三个学习情境呈平行和部分包容关系。教学中以真实的工作任务作为学习载体, 对应网页设计与制作学习领域设计了一个模仿型总任务:&ldquo;NBA精彩回放&rdquo;网站设计与制作, 以完成该模仿型任务作为教学主线, 该任务知识学习和能力训练要求与总体教学目标相当。与模仿型任务相平行, 设计了一个开放型任务:制作&ldquo;我的业余爱好&rdquo;网站, 网站内容依据学生个人爱好自由确定, 教师给出原则性要求, 由学生去发挥完成, 实现知识的拓展和能力的进一步提高。将模仿型总任务划分成若干个子任务, 作为学习情境的载体, 环环相扣, 依次推进。一些无法涵盖的或提高部分的教学内容在拓展部分学习。表1为《网页设计与制作》课程学习情境设计方案。</p><p>课程教学实施《网页设计与制作》课程教学全部在多媒体网络机房进行, 整个课程教学分为总任务的导入、逐个完成由总任务划分而成的子任务、最后完成总任务 (获取工作成果) 等过程。教学中采用&ldquo;六步法&rdquo;, 每个情境都由资讯、决策、计划、实施、检查、评估等六步构成。首先由教师提出要完成的模仿型子任务, 并给出子任务的完成样本;然后教师带领学生就要完成的子任务进行分析, 并提出完成该子任务的方法;在了解了完成该子任务的方法的基础上, 确定完成任务的计划和步骤;以学生为中心, 学生在教师指导下边学边做, 完成任务, 开展教师与学生、学生与学生间的多向交流;教师在巡回指导的同时对学生完成任务的情况进行检查;学生完成任务后, 结合教师评价、学生自评互评等多种方式对完成任务的结果进行评估, 并记录为平时成绩。课程中实行以完成模仿任务质量为基础, 以完成开放任务质量为重点, 兼顾学习态度、学习纪律、协作能力等全方位、多角度的考核评价模式。随着教学过程的进行, 学生逐步成为教学的主体, 每个学生都不断挖掘自己的潜能, 倾注大量心血完成模仿型和开放型两个网站设计与制作任务, 学习有兴趣, 学习成果明显。学生建立了自信, 在学习过程中也提高了自主学习能力、交流协作能力和创新能力。</p><p>进一步深化课程改革的思考</p><p>课程体系建设要使课程改革的成果进一步凸显, 学生的职业能力得到进一步提高, 仅靠某一门课程的改革是远远不够的。高等职业教育课程体系不仅要将相关的工作知识提供给学生, 而且要将工作知识序化, 以优化的知识结构确保学生形成职业能力。可以通过基于工作过程系统化的课程开发模式, 解构原学科体系, 重构工作过程系统化课程体系, 正确处理培养学生高素质与高技能的关系, 正确处理培养学生专项操作性技能与综合职业能力的关系, 正确处理培养学生职业岗位的针对性与职业岗位的迁移能力的关系, 正确处理培养学生技术应用能力与创新能力的关系。</p><p>教学团队建设课程改革与建设的主体是教师, 提高课程教学质量和水平的关键是教师。在《网页设计与制作》课程改革中, 应通过加强教师的理论和业务培训、有计划地安排教师赴企业进行研修和顶岗锻炼、提高专任教师中&ldquo;双师型&rdquo;教师的比例和专业教师中来自行业企业的兼职教师的比例等途径, 形成素质优良、结构合理、教学能力强、教学特色突出、专业技能水平高的课程教学团队。</p><p>评价和反馈课程评价贯穿课程开发和实施的全过程, 是课程改革与建设不可缺少的一环, 是不断优化课程设计, 推进课程改革与建设的重要手段。要为课程评价设立新的标准, 突出对能力目标、能力训练、课程效果的评价。同时, 可以通过组织学生参加各级技能大赛, 进一步推行&ldquo;双证书&rdquo;制度, 加强学生职业技能和实践能力的培养, 形成新的人才评价与选拔制度。</p><p>课程是实现教育目的和培养目标的重要手段, 通过对《网页设计与制作》课程实施基于工作过程系统化的改革与建设的实践, 增强了学生的综合职业能力和素质, 也为高职教育课程理论的研究与创新提供了实践层面的支撑。</p><p>摘要：从多元智能的人才观、能力本位的教育观出发, 对《网页设计与制作》课程实施基于工作过程系统化的改革与建设实践, 可以全面提升课程教学质量, 也引发了进一步深化课程改革与建设的思考。</p><p>关键词：网页设计与制作,课程改革,工作过程系统化</p><p>参考文献</p><p>[1]戴士弘.职业教育课程教学改革[M].北京:清华大学出版社, 2007:3-7.</p><p>[2]姜大源, 吴全全.德国职业教育学习领域的课程方案研究[J].中国职业技术教育, 2007, (2) .</p><h3>智能小车的设计与制作 第11篇</h3><p>【关 键 词】智能车，HCS12单片机， PID控制</p><p>【中图分类号】F407.471【文献标识码】A【文章编号】1672-5158（2013）07-0205-02</p><p>一 前言</p><p>智能运输系统作为未来交通发展趋势之一，为解决城市交通拥挤和堵塞问题提供了有效途径。从八十年代以来，美国、日本、欧洲等发达国家和地区竞相投入巨额资金和大量人力，开始大规模的进行交通运输智能化的研究，取得了许多重要成果。而作为智能车——路系统（Intelligent Vehicle—Highway Systems，简称IVHS）的重要一部份，智能车在世界各国的研究也随着计算机技术、网络技术、通讯技术的飞速发展而不断深入。</p><p>本文以“飞思卡尔”杯全国大学生智能汽车竞赛为背景，对智能车控制系统进行了深入的讨论，以作者参与制作的智能模型车为例简要介绍了智能模型车的设计制作全过程，主要涉及到机械电子、传感器技术、驱动控制技术、自动控制、人工智能等多个领域的研究及技术融合。</p><p>本设计通过采用HCS12单片机为控制核心，实现对小车的智能控制。该控制系统不仅在现代汽车产业中有很大使用价值，在智能机器人领域亦有很大用途，尤其是当今时代机器人研究方面具有很好的发展前景，故本设计与实际联系紧密，具有重要的现实意义。</p><p>二 总体设计分析</p><p>（1） 设计要求：</p><p>在本次竞赛中，要求所设计的小车具有自动寻迹的功能，能在指跑道上高速，稳定地运行。跑道为黑白两色。其背景色为白色，跑道中央有一条黑线作为小车行进的依据。很明显，我们要设计的小车是要能沿黑线的正常行驶，并在此基础上，尽量提高小车行驶速度。</p><p>（2）传感器部分：在传感器方案的选择中， 智能小车采用光电传感器来采集路面信息。使用红外传感器最大的优点就是结构简明，实现方便，成本低廉，免去了繁复的图像处理工作，反应灵敏，响应时间低，便于近距离路面情况的检测。但红外传感器的缺点是，它所获取的信息是不完全的，只能对路面情况作简单的黑白判别，检测距离有限，而且容易受到诸多扰动的影响，抗干扰能力较差，背景光源，器件之间的差异，传感器高度位置的差异等都将对其造成干扰。在本次比赛中，赛道只有黑白两种颜色，小车只要能区分黑白两色就可以。采集到准确的路面信息。经过综合考虑，在本项目中采用红外光电传感器作为信息采集元件。</p><p>（3） 控制算法部分：</p><p>在小车的运行中，主要有方向和速度的控制，即舵机和电机的控制，这两个控制是系统软件的核心操作，对小车的性能有着决定性的作用。对舵机的控制，要达到的目的就是：在任何情况下，总能给舵机一个合适的偏移量，保证小车能始终连贯地沿黑线以最少距离行驶。小车在比赛中采用了PID控制技术。PID控制在比例控制的基础上加入了积分和微分控制，可以抑制振荡，加快收敛速度，调节适当的参数可以有效地解决方案一的不足。不过，P，I，D三个参数的设定较难，需要不断进行调试，凭经验来设定，因此其适应性较差。在我们的选择中，根据比赛规则，赛道模型与相关参数已给定，即小车运行的环境基本上已经确定，可通过不断调试来获得最优的参数。因此我们选用的是PID算法来对舵机进行控制。对驱动电机的控制（即速度控制），要达到的目的就是在行驶过程中，小车要有最有效的加速和减速机制。高效的加速算法使小车能在直道上高速行驶，而快速减速则保证了小车运行的稳定，流畅。为了精确控制速度，时时对速度进行监控，我们还引入了闭环控制的思想，在硬件设计，增加了速度传感器实时采集速度信息。</p><p>（4） 车模外观（见图1）</p><p>三 硬件设计</p><p>（1）电源管理电路：</p><p>系统由6节1.2V镍镉充电电池组成电池组。稳定的电源是整个系统的关键，所以在电源设计的时候必须考虑稳压芯片的效率以及各个模块之间的影响，采取必要的隔离措施处理互相干扰。本系统采用了2片5V稳压芯片L M2575分别给系统芯片和红外探测器供电。一片6 V稳压芯片L M1117给舵机供电，7.2 V电源可以直接给电机供电。</p><p>（2）红外探测电路：</p><p>10对反射式红外传感器探测到的信息直接输入到MC9 S12D G128B的10个A/D 通道。该红外测试电路的有效测试距离可达20cm。小车在运动中不断的扫描跑道，当发射管D1扫描到黑线的时候 ，发出的信号几乎全被黑线吸收，几乎没有反射信号，接收管 D2接收不到信号，此时D2不导通 ，输出端输出高电平发光管D3不发光；当发射管 D1 扫描到白色跑道的时候，发出的信号几乎全被反射回来，接收管 D2接收到发射管D1发射出经反射物反射的信号，输出端OUT（L M576 的第8脚） 输出低电平使发光管D3发光 。通过发光二极管的熄灭可以确定小车是否在跑道上，为调试带来很大的方便 。本电路的最大持点是红外线发射部分不设专门的信号发生电路，而是直接从接收部分的检测电路LM576的5 脚引入信号，这样既简化了线路和调试工作 ，又防止了周围环境变化和元件参数变化对收发频率造成的差异 ，实现了红外线发射与接收工作频率的同步自动跟踪，使电路的稳定性和抗干扰能力大大加强 。 输出信号通过数字滤波后进入MCU中的14路A/D通道采集路况信息。</p><p>在实际的测试中，可以在独立的的红外接收管上安装黑色套管可以完全避免相邻发光管的影响 。由于红外探测部分耗电量比较大 ，可以利用红外接收管响应速度快的特点，让红外发射管只在检测瞬间发射红外线即可 。 红外发射管工作在周期窄脉冲方式下，大大降低了平均工作电流，从而降低了整个发射电路的电量消耗。</p><p>（3）电机驱动电路：（见图2）</p><p>电路图我们（见图3）可以看出，它具有两个半桥构成：</p><p>由于在实际的比赛过程中，我们已经利用刹车装置进行减速，并不需要通过给电机加反向电压来减速（在调试过程中，曾经试过用这种的方法进行减速，但是弊大于利，有时会由于电机反转，出现倒车现象）因此，可以只使用其半桥，并将两个半桥并联，以增大其驱动能力。</p><p>（4）传感器电路：</p><p>接收发射部份（见图4）</p><p>传感器由两部份构成，一部份为发射部份，一部分为接收部份。发射部份由一个振荡管（J1_1）发出180KHz频率的振荡波后，经三级管（Q1_1NPN）放大，激光管（D1_1）放射。接收部份由一个相匹配180KHz的接收管（J1_2）接收返回的光强，经过电容（C1_1）滤波后直接接入单片机用以判别电压高低。由于接收的波属于较高频段的波，因此电容（C1_1）是必须的，否则的话电磁干扰会非常的严重，指示灯（D1_1）会常亮，实际过程中要不断试电容（C1_1）的大小，选择合适的值以使接收管正常工作。</p><p>控制部份：（见图5）</p><p>由于采用了数字传感器的防干扰算法，因此必须分时控制传感器的开断，实际中我们使用74LS138作为控制器，由主控模块的3根线来控制传感器的开断。</p><p>（5）PCB设计图：</p><p>传感器PCB图；（见图6） 主控板PCB图：（见图7）</p><p>四 软件设计</p><p>（1）开发环境介绍：</p><p>本系统使用了 Metrowerks 公司提供的 CodeWarrior for HCS12教学用版本，它是面向以 HC12 或 S12 为 CPU 的单片机嵌入式应用开发的软件包，包括集成开发环境 IDE、处理专家库，全芯片仿真、C 交叉编译器、汇编器、链接器以及 BDM 调试器。</p><p>（2）软件结构</p><p>软件主要包括：路径识别、方向控制、速度测量、速度控制等四个模块。软件流程可分为以下几部分：初始化、得到 AD 转换数据并转换为角度偏差、根据角度偏差控制舵机、根据角度偏差和当前速度控制电机转速和制动。软件结构框图见图8。</p><p>（3）PID控制：</p><p>PID控制器是控制系统中技术比较成熟，而且应用最广泛的一种控制器。它的结构简单，参数容易调整，因此在工业的各个领域中都有应用。PID最先出现在模拟控制系统中，传统的模拟PID控制器是通过硬件（电子元件、气动和液压元件）来实现它的功能的。随着计算机的出现，把它移植到计算机控制系统中来，将原来的硬件实现的功能用软件代替，从而形成数字PID控制器，其算法则称为数字PID算法。数字PID控制器具有非常强的灵活性，可以根据试验和经验在线调整参数，因此可以得到更好的控制性能。由于几乎所有的单片机都拥有硬件PWM，因此基于软件PID和硬件PWM技术的直流电机测控技术正向数字化、高可靠性发展，本文所述的舵机控制就是采用该控制方法。数字PID分为位置式控制算法和增量式控制算法。为了降低计算量及得到稳定的结果，舵机控制采用增量式控制算法。其公式如下： △Uk=Kp*[ek-ek-1]+Ki*ek+Kd*[ek-2ek-1+ek-2]</p><p>输出增量△Uk只与本次偏差ek、上次偏差ek上上次偏差ek-2有关，因此CPU只要知道每一时刻的ek、ek-1、ek-2的值就能执行PID算式，并输出舵机控制量，从而有效地控制舵机的转向。</p><p>由于PID控制器是用软件来实现的，灵活性很大，因此能够根据具体要求相应地改进部分PID控制算法。在电动机控制系统中，控制量的输出值要受到元器件或执行机构性能的约束（如电源电压的限制、放大器饱和等），因此它的变化应在有限的范围内，如果控制量的计算结果超出该范围，那么实际执行的控制量就不再是计算值了，产生的结果与预期的不相符，称为饱和效应。PID控制中的积分环节目的是消除静态误差，提高控制精度。但当电动机的启动或停车时，短时间内系统输出很大的偏差，会使积分积累很大，从而引起强烈的积分饱和效应，这将会造成系统振荡，调节时间延长等不利结果。</p><p>在本文所述的智能车中，为了避免出现积分饱和现象，对PID控制器的积分环节做了两个改进：积分分离法和遇限削弱积分法。</p><p>积分分离法的思路是：当被控量与给定值的偏差较大时，去掉积分，以避免积分饱和效应的产生；当被控量与给定值比较接近时。重新引入积分，发挥积分的作用，消除静态误差，从而既保证了控制的精度又避免了振荡的产生。</p><p>本文所述的具体实现是：人为引入一个量X=24.44，x值的确定大约为智能车的三个光电对管对应反馈值的偏差，即当偏差小于24.44则引入积分环节，当偏差大于等于24.44则去掉积分环节。为此在积分项中乘以一个人为引入的系数B.</p><p>其公式如下：</p><p>B=1，ek<x， </p><p>B=0， ek≥X， X=24.44</p><p>引入B后，可建立公式：</p><p>△Uk=Kp*[ek-ek-1]+B*Ki*ek+Kd*[ek-2ek-1+ek-2]</p><p>遇限削弱积分法的思路是：一旦控制量仉进入饱和区，便停止进行增大积分项的运算，而只进行使积分减少（即所谓削弱）的运算。具体过程是：在根据PID算式计算Uk前，先判断前一次的控制量Uk-1是否到达极限范围，如果到达极限说明已经进入饱和区，这时再根据偏差的正负，来判断控制量是使系统加大超调还是减小超调，如果是减小超调，则保留积分项，否则取消积分项。遇限削弱法在进入极限范围后，有条件的去继续积分或取消积分，从而避免控制量长时间停留在饱和区。本系统的具体实现是：在积分项中再人为引入一个系数c当判断后需要保留积分项则C=1；否则C=0。那么最终的舵机PID控制算式如下：</p><p></x，></p><p>△Uk=Kp*[ek-ek-1]+B*C*Ki*ek+Kd*[ek-2ek-1+ek-2]</p><p>间接PID驱动电机控制算法简介：</p><p>智能车模型的驱动电机是直流电机，同样可以直接用PID控制算法，但是利用PID算法需要有系统的直接反馈值，如舵机算法中的反馈值通过光电传感检测获得，而驱动电机要想直接获得反馈值必须在硬件上设计车速传感器，这必然给硬件选择、硬件设计、PCB板设计、软件实现带来比较大的工作量；同时加上车速传感器之后智能车的重量也会增加，这样会增加驱动电机的负载，耗电速度快；同时智能车过重也会给舵机的转向带来负面影响，因为连接舵机和连杆的硬件是塑料做的东西，而且是两三个塑料卡在一起的，当智能车要转弯时，舵机转动的力是一定的，如果车身太重的话那么舵机转弯的力就会带不动前轮，而使这些力消耗在这几块塑料上，时间长了这些力就会使塑料变形，破坏车的硬件结构，影响车的性能，给车的行驶带来不稳定性和不可靠性。</p><p>然而加上车速传感器之后又能给驱动电机带来直接的控制，能比较有效、及时地改变驱动电机的转速，为智能车行驶提供比较好的参考。</p><p>本文所述的驱动电机间接PID控制算法的思想是：把舵机的PID控制算法的输出控制量当作驱动电机的控制算法的输入量，经过一定的算法之后，输出量做为驱动电机的输出控制量，从而实现驱动电机的间接PID控制算法。</p><p>舵机的输出控制量为Uk的公式为：</p><p>Uk=△Uk+Uk-1</p><p>其中△Uk玩为舵机输出控制量的增量，Uk-1为舵机前一</p><p>次的输出控制量。把Uk作为驱动电机的输入量。设驱动电机的输出控制量为M， 其公式如下：</p><p>M=（SV-BRV4）*Uk+BR4+SV， Uk≤0</p><p>M=（SV-BlV4）*Uk+Bl4+SV， Uk&gt;0</p><p>常量C为当智能车在直线上行驶时驱动电机的控制量，常量BRV4为当智能车在最大右转行驶时驱动电机的控制量。常量BR4为当智能车在最大右转行驶时舵机的理论控制值，常量BlV4为当智能车在最大左转行驶时驱动电机的控制量，常量Bl4为当智能车在最大左转行驶时机的理论控制值。则公式中M的算式为一元一次分段线性方程。</p><p>智能车左转的驱动电机控制量是线性减小的，而右转的驱动电机控制量是线性增加的。驱动电机控制量的线性变化优点在于能够使电机控制量的变化平稳，有利于小车在转弯时均匀地增加或减小控制量，从而使小车能够在转弯时保持平稳的速度行驶，不至于出现停顿现象。</p><p>参考文献</p><p>[1] 卓晴 黄开胜 邵贝贝 等.学做智能车. 北京：北京航空航天出版社，2007年3月第1版</p><p>[2] 第四届全国大学生“飞思卡尔”杯智能汽车竞赛秘书处，竞速比赛规则与赛场纪律，2008/12</p><p>[3] National Semiconductor，LM2940 Datasheet，1999/06</p><p>[4] National Semiconductor，LM1117 Datasheet，2004/06</p><p>[5] 杨杰 吴凡.粗糙表面可见光散射特性的实验研究. 中国测试，2009，02期</p><p>[6] HAMAMATSU，Light modulation photo IC S7136，2007/07</p><p>[7] 邵贝贝.单片机嵌入式应用的在线开发方法. 北京：清华大学出版社，2004年10月第1版</p><p>[8] 邵贝贝.UCOS-II 嵌入式实时操作系统. 北京：清华大学出版社，2002年10月第1版</p><h3>网页设计与制作 第12篇</h3><p>关键词：职业教育,课程建设,工学结合</p><p>课程建设不仅仅是将教学大纲、教学课件、教案首页、例题等教学资料整理在一起就完成的, 而是要根据此课程所对应的职业或行业的需求, 通过企业调研、企业专家研讨等多种途径从中获取, 总结出课程的技能解析表, 使之成为课程建设目标的依据。课程建设成功与否的标志在于其群体教学质量与教学水平是否真正得到提高。课程组成员对课程的内容、课程体系及课程的各个环节的认识, 这些最终都依赖于在课程教学中起到主导作用的教师, 因此教师自身业务水平的提高是课程建设的核心, 是提高教学质量的关键。所以在课程建设规划中必须把促进师资队伍建设摆在首位, 并且将队伍素质、队伍水平、师资培养及提高都安排出明确的目标, 只有这样, 才能确保课程建设成为有源之水, 才能保证教学质量的稳步提高。</p><p>1 课程建设目标</p><p>《网页设计与制作》课程是HTML、XHTML、Java Script、CSS及网页设计制作相关软件应用等专业知识的综合应用, 在《网页设计与制作》的基础之上后续课程有《动态网站开发》等内容。通过本课程和相关课程的学习, 学生能够胜任WEB前端工程师的工作。在课程建设上, 我们一直探索如何有效进行教学, 逐步形成了以项目驱动、案例教学为主的符合高职学生学习的教学模式, 具体计划有以下几方面。</p><p> (1) 将工学结合的教学理念运用到积极探索教学方法改革中, 一方面进行企业调研, 根据网站建设的职业技能要求, 进一步分析总结本课程的典型工作任务;另一方面, 根据项目驱动为主的教学模式, 撰写教学大纲、课程设计方案、项目任务书及项目任务指导书, 力争提高教学效率和教学的规范化建设。</p><p> (2) 着力健全本课程的教学资源建设, 包括:项目案例集、理论与技能试题库、网页设计素材库、校本讲义等教学资源的整理和完善。同时, 进一步增强师资队伍建设和提高教师的业务能力, 安排教师积极参加相关专业的培训及企业实习, 这些措施的实施不仅开拓了教师的思路及眼界, 更提高了课题组成员的专业水平。</p><p> (3) 教学实践, 进一步完善已开发的课程资料, 并争取企业人员的意见。“实践是检验真理的唯一标准”, 组织教学实践, 不断地更新课程内容, 调整课程结构, 改革教学方法与手段, 加快了实训教学条件与教学资源的建设步伐, 逐步形成了讲授课、实验课、学习指导课相结合的教学模式, 注重增强教学互动性。</p><p>2 课程建设内容</p><p>明确《网页设计与制作》课程在网站开发工作流程中的作用和职业技能要求, 从而对教学方案、教学内容、教学模式等方面的课程设计做出了根本的改变, 力求使教学目标更符合实际的行业标准, 即网站开发中前端工程师应具备的应聘条件。</p><p>《网页设计与制作》课程建设内容主要包括课程目标、课程内容与结构、教学方法和手段、课程团队、课程资源、课程考核、课程管理等几个方面。</p><p> (1) 在课程目标建设方面:通过广泛的专业调研与市场调查, 并结合往届毕业生反馈意见, 不断改进完善人才培养方案, 适时地调整课程目标, 明确了课程的职业岗位指向和职业能力要求, 明确课程知识目标、技能目标, 进一步明确以职业岗位能力要求的课程目标, 使之更加贴近不断发展的职业岗位技能要求。通过市场调研得出的对专业人才的需求有以下几个大的方面。</p><p>①拥有过硬专业技术能力。</p><p>②善于交际, 拥有较好的口才, 能与领导同事和客户进行较好的沟通与交流。</p><p>③坚守职业道德, 能吃苦耐劳、有较强的团队合作精神。</p><p>④能及时了解市场行情, 思维敏捷, 具有创新能力。</p><p>⑤不断地学习进取, 具有自主学习能力和知识应用的能力。</p><p> (2) 在课程内容和课程结构建设方面:《网页设计与制作》课程的教学内容是综合应用到HTML / XML 、DIV + CSS技术、Java Script/Ajax、图形图像处理、动画制作等编写代码能力、信息采集处理能力及网页制作技术, 同时要熟悉相关软件的操作使用, 如:Dreamweaver、Photoshop、Flash、Corel Draw等, 是进行动态网站开发的前端工作。在课程建设中过程, 收集和整理课程骨干教师、行业中的技术专家的意见, 调整和完善课程教学和课程内容设计, 围绕培养网站开发应用型人才这一中心目标、注重培养学生创新思维能力和实践动手能力。调整各教学模块的课时分配, 加大功能模块和综合实训模块的课时。</p><p> (3) 教学方法与手段建设方面:为培养学生综合应用知识的能力, 采用教学案例教学法, 通过对完整项目的工作流程, 培养学生从设计网站页面及站点管理到制作整个网站静态页面的综合应用能力, 调动学生学习的积极性, 充分利用启发式教学原则进行教学, 使学生在课堂中能积极思考;注重理论联系实际, 使学生在学习过程中能够理解平时上网时所应用到功能的实现过程, 不再感到枯燥无味。在机房里采用讲授、教师示范、学生演示、学生练习等多种教学方法, 切实提高教学效果, 以提高学生的动手能力、创新能力为目的, 将课件、教案、习题、测试题等学习资源提供给学生, 实现优质教学资源共享。</p><p>在机房授课, 学生一人一机, 多媒体教学, 大大提高了课程的教学效果, 但教学课时有限, 课后自主学习, 加强基本功的训练尤为重要。且计算机的发展日新月异, 课程教学的滞后与目前技术的发展, 让学生及时了解与课程相关的技术动态, 不要与当前社会需求脱节, 开阔眼界, 扩宽知识面也是非常有必要的, 因此在精品课程建设的过程中加大了网上学习功能的建设力度, 可以让学生把课堂上没有消化吸收的知识点通过精品课程中的教学资源进行自学, 通过项目案例加强实践动手能力训练, 进行课外延伸学习。</p><p> (4) 为企业提供技术服务方面:为学生创造实践机会, 与北京航空城宾馆签订了网站开发协议, 该网站的主要功能就是企业宣传, 包括前台展示和后台管理两个模块。</p><p> (5) 课程研究建设方面:开展课题组集体教研活动, 加强课程目标、课程教学内容、教学方法、教学手段等方面的研究, 撰写课程设计方案、项目任务书和项目指导书、搜集整理案例集、理论及实践题库等教学资料, 并于本学期开始实践教学活动, 进一步修订课程设计方案、项目任务书及指导书, 完善教学资料。</p><p> (6) 课程研究建设方面:开展课题组集体教研活动, 加强课程目标、课程教学内容、教学方法、教学手段等方面的研究, 撰写课程设计方案、项目任务书和项目指导书、搜集整理案例集、理论及实践题库等教学资料, 并于本学期开始实践教学活动, 进一步修订课程设计方案、项目任务书及指导书, 完善教学资料。</p><p>3 结语</p><p>通过《网页设计与制作》课程建设, 不仅仅是建立了一套完整的教学资源, 更是认知和实践了一套先进的教学理念。</p><p>首先, 体现在教师自身业务水平的提高。师资队伍建设是课程建设的核心内容, 是提高教学质量的关键。创建学习条件, 相互听课, 取长补短, 不断提高业务素质, 教师队伍整体水平和业务综合能力上都有了显著提高, 建成了一只爱岗敬业、教学基本功扎实、学术水平较高且结构较合理的师资队伍。</p><p>其次, 体现在教学理念的根本改变。学校曾组织教师参加过“工学结合”的教学思想创新的培训, 教师不断学习实践新的教学理念、不断提高教学质量是课程建设的根本所在。在课程建设规划中, 必须明确本门课程在不同阶段的教学质量的内涵与目标, 以确保课程建设的准确操作, 从而达到不断提高课程教学质量的目的。</p><p>最后, 体现在课程体系的建设。课程标准是教学的法定性文件, 是组织教学的基本依据。而教学资源是教学内容、教学方法的重要载体, 学生评价是促进教学质量、确保教学实践有效实施的方法和手段。</p><p>参考文献</p><p>[1]首珩.高职加强精品课程建设的研究[J].职业技术教育, 2003 (25) :39-42.</p><p>[2]赵志群.职业教育工学结合一体化课程开发指南[M].北京:清华大学出版社, 2009.</p><div class="banquan"><span> 本文来自 </span><a href ="//www.99xueshu.com"><span>99学术网</span></a><span>(www.99xueshu.com)，转载请保留网址和出处</span><p class="rel_art_line">【网页设计与制作】相关文章：</p><p><a target="_blank" href="https://www.99xueshu.com/w/a3e66yhqt31u.html">网页制作与网页设计论文</a><span>05-01</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/z52mu586m2wk.html">网页制作与网页设计论文提纲</a><span>08-07</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/plzm3o4irkay.html">网页设计与制作实例</a><span>10-31</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/wsbknkvd3jyn.html">网页设计与制作总结</a><span>10-31</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/udzu1rtqu6wb.html">网页设计与制作免费</a><span>10-31</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/s82xubo972uv.html">网页设计与制作操作</a><span>10-31</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/filekzk6ldp0.html">网页制作与设计论文</a><span>07-11</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/xw3n3zce0ib3.html">通过网页设计与制作课</a><span>04-11</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/vzjil21h5vrw.html">网页设计与制作的步骤</a><span>04-20</span></p><p><a target="_blank" href="https://www.99xueshu.com/w/fileqxkm4egg.html">网页设计与制作测试题</a><span>07-28</span></p></div></div><div class="write-btn"><a rel="nofollow" href="https://www.99xueshu.com/so/q=网页设计与制作"> >> 查看更多相关文档</a></div><script type="text/javascript">s("wzfz");</script><p class="art-other"><a href="https://www.99xueshu.com/w/ikeyeqsyyct5.html" title="冬期施工技术">上一篇：冬期施工技术</a><a href="https://www.99xueshu.com/w/ikeyfm05zlow.html" title="浙江纺织产业">下一篇：浙江纺织产业</a></p></div></div> <div class="rtbox"><div class="rthot top5"><h3>全站热搜</h3><ul class="hot_ul ultext"><li class="hot_item"><span class="toplist-hot1">1</span><a href="https://www.99xueshu.com/w/ij7goz7v9c4a.html" target="_blank">网站设计与网页制作课程的项目化教学的探索</a><span class="c-text c-text-hot">热</span></li><li class="hot_item"><span class="toplist-hot2">2</span><a href="https://www.99xueshu.com/w/e8062h33i0g2.html" target="_blank">项目教学法在《网页设计与制作》课程中的应用研究</a><span class="c-text c-text-hot">热</span></li><li class="hot_item"><span class="toplist-hot3">3</span><a href="https://www.99xueshu.com/w/s2bsrgcg09bk.html" target="_blank">在高职课程《网页设计与制作》中基于任务驱动教学模式的应用研究</a><span class="c-text c-text-hot">热</span></li><li class="hot_item"><span class="toplist-hot4">4</span><a href="https://www.99xueshu.com/w/mv34lxiyqh05.html" target="_blank">网页设计制作论文</a></li><li class="hot_item"><span class="toplist-hot5">5</span><a href="https://www.99xueshu.com/w/h9jh942pvlw1.html" target="_blank">网页设计制作教学设计</a></li><li class="hot_item"><span class="toplist-hot">6</span><a href="https://www.99xueshu.com/w/tew528vxd0dw.html" target="_blank">网页设计制作论文提纲</a></li><li class="hot_item"><span class="toplist-hot">7</span><a href="https://www.99xueshu.com/w/ful4jgf4carb.html" target="_blank">网页设计制作教程</a></li><li class="hot_item"><span class="toplist-hot">8</span><a href="https://www.99xueshu.com/w/vprvmcihtrvl.html" target="_blank">网页制作教学设计</a></li><li class="hot_item"><span class="toplist-hot">9</span><a href="https://www.99xueshu.com/w/si2lpltj56uc.html" target="_blank">网页设计制作研究论文</a></li><li class="hot_item"><span class="toplist-hot">10</span><a href="https://www.99xueshu.com/w/hghdiq5lg4sx.html" target="_blank">网页制作的教学设计</a></li></ul></div><div class="right"><div class="rthot top5" id="key"><h3>相关推荐</h3><ul class="hot_ul ultext"><li class="hot_item"><span class="toplist-hot1">1</span><a href="https://www.99xueshu.com/w/ra8u2dvmke3l.html" target="_blank">网页设计与制作课程教学论文</a></li><li class="hot_item"><span class="toplist-hot2">2</span><a href="https://www.99xueshu.com/w/v6o38yp21c75.html" target="_blank">浅谈《网页设计与制作》课程的教学</a></li><li class="hot_item"><span class="toplist-hot3">3</span><a href="https://www.99xueshu.com/w/v8t606t7c6de.html" target="_blank">《网页设计与制作》课程的教学探讨</a></li><li class="hot_item"><span class="toplist-hot4">4</span><a href="https://www.99xueshu.com/w/nu1c5gz15znu.html" target="_blank">对网页设计与制作教学实践的研究</a></li><li class="hot_item"><span class="toplist-hot5">5</span><a href="https://www.99xueshu.com/w/file9mg2dbv5.html" target="_blank">网页设计与制作实践教学大纲讲解</a></li><li class="hot_item"><span class="toplist-hot">6</span><a href="https://www.99xueshu.com/w/mafv1gcs174j.html" target="_blank">高职《网页设计与制作》课程建设实践与探索</a></li><li class="hot_item"><span class="toplist-hot">7</span><a href="https://www.99xueshu.com/w/ghp025v5343r.html" target="_blank">谈对技校网页设计与制作教学的探索体会</a></li><li class="hot_item"><span class="toplist-hot">8</span><a href="https://www.99xueshu.com/w/tmx50eznkxf9.html" target="_blank">大学素质教育与《网页设计与制作》课程教学改革</a></li><li class="hot_item"><span class="toplist-hot">9</span><a href="https://www.99xueshu.com/w/sm1ojvdyn166.html" target="_blank">基于微信小程序的《网页设计与制作》课程资源的研究与设计</a></li><li class="hot_item"><span class="toplist-hot">10</span><a href="https://www.99xueshu.com/w/wwjli8iu2qq1.html" target="_blank">互联网+背景下网页设计与制作课程教学改革研究</a></li></ul></div><script type="text/javascript">s("zxkf");</script></div></div></div> <div class="footer"><div class="footer-content"><div class="copy-link"><div class="earth-con"><div class="file-groups earth-con-item"><span>资料大全</span><a href="https://www.99xueshu.com/view/w-a-1.html" target="_blank">A</a><a href="https://www.99xueshu.com/view/w-b-1.html" target="_blank">B</a><a href="https://www.99xueshu.com/view/w-c-1.html" target="_blank">C</a><a href="https://www.99xueshu.com/view/w-d-1.html" target="_blank">D</a><a href="https://www.99xueshu.com/view/w-e-1.html" target="_blank">E</a><a href="https://www.99xueshu.com/view/w-f-1.html" target="_blank">F</a><a href="https://www.99xueshu.com/view/w-g-1.html" target="_blank">G</a><a href="https://www.99xueshu.com/view/w-h-1.html" target="_blank">H</a><a href="https://www.99xueshu.com/view/w-i-1.html" target="_blank">I</a><a href="https://www.99xueshu.com/view/w-j-1.html" target="_blank">J</a><a href="https://www.99xueshu.com/view/w-k-1.html" target="_blank">K</a><a href="https://www.99xueshu.com/view/w-l-1.html" target="_blank">L</a><a href="https://www.99xueshu.com/view/w-m-1.html" target="_blank">M</a><a href="https://www.99xueshu.com/view/w-n-1.html" target="_blank">N</a><a href="https://www.99xueshu.com/view/w-o-1.html" target="_blank">O</a><a href="https://www.99xueshu.com/view/w-p-1.html" target="_blank">P</a><a href="https://www.99xueshu.com/view/w-q-1.html" target="_blank">Q</a><a href="https://www.99xueshu.com/view/w-r-1.html" target="_blank">R</a><a href="https://www.99xueshu.com/view/w-s-1.html" target="_blank">S</a><a href="https://www.99xueshu.com/view/w-t-1.html" target="_blank">T</a><a href="https://www.99xueshu.com/view/w-u-1.html" target="_blank">U</a><a href="https://www.99xueshu.com/view/w-v-1.html" target="_blank">V</a><a href="https://www.99xueshu.com/view/w-w-1.html" target="_blank">W</a><a href="https://www.99xueshu.com/view/w-x-1.html" target="_blank">X</a><a href="https://www.99xueshu.com/view/w-y-1.html" target="_blank">Y</a><a href="https://www.99xueshu.com/view/w-z-1.html" target="_blank">Z</a><a href="https://www.99xueshu.com/view/w-09-1.html" target="_blank">0-9</a></div><div class="topic-groups earth-con-item"><span>专题大全</span><a href="https://www.99xueshu.com/view/z-a-1.html" target="_blank">A</a><a href="https://www.99xueshu.com/view/z-b-1.html" target="_blank">B</a><a href="https://www.99xueshu.com/view/z-c-1.html" target="_blank">C</a><a href="https://www.99xueshu.com/view/z-d-1.html" target="_blank">D</a><a href="https://www.99xueshu.com/view/z-e-1.html" target="_blank">E</a><a href="https://www.99xueshu.com/view/z-f-1.html" target="_blank">F</a><a href="https://www.99xueshu.com/view/z-g-1.html" target="_blank">G</a><a href="https://www.99xueshu.com/view/z-h-1.html" target="_blank">H</a><a href="https://www.99xueshu.com/view/z-i-1.html" target="_blank">I</a><a href="https://www.99xueshu.com/view/z-j-1.html" target="_blank">J</a><a href="https://www.99xueshu.com/view/z-k-1.html" target="_blank">K</a><a href="https://www.99xueshu.com/view/z-l-1.html" target="_blank">L</a><a href="https://www.99xueshu.com/view/z-m-1.html" target="_blank">M</a><a href="https://www.99xueshu.com/view/z-n-1.html" target="_blank">N</a><a href="https://www.99xueshu.com/view/z-o-1.html" target="_blank">O</a><a href="https://www.99xueshu.com/view/z-p-1.html" target="_blank">P</a><a href="https://www.99xueshu.com/view/z-q-1.html" target="_blank">Q</a><a href="https://www.99xueshu.com/view/z-r-1.html" target="_blank">R</a><a href="https://www.99xueshu.com/view/z-s-1.html" target="_blank">S</a><a href="https://www.99xueshu.com/view/z-t-1.html" target="_blank">T</a><a href="https://www.99xueshu.com/view/z-u-1.html" target="_blank">U</a><a href="https://www.99xueshu.com/view/z-v-1.html" target="_blank">V</a><a href="https://www.99xueshu.com/view/z-w-1.html" target="_blank">W</a><a href="https://www.99xueshu.com/view/z-x-1.html" target="_blank">X</a><a href="https://www.99xueshu.com/view/z-y-1.html" target="_blank">Y</a><a href="https://www.99xueshu.com/view/z-z-1.html" target="_blank">Z</a><a href="https://www.99xueshu.com/view/z-09-1.html" target="_blank">0-9</a></div></div><div class="footer-nav"><a href="https://www.99xueshu.com/" target="_blank">网站声明</a><span>|<span><a href="https://www.99xueshu.com/" target="_blank">侵权处理</a><span>|<span><a href="https://www.99xueshu.com/" target="_blank">帮助中心</a><span>|<span><a href="https://www.99xueshu.com/view/w-a-1.html" target="_blank">网站地图</a></div><p class="footer-copyright"><a href="https://www.99xueshu.com" target="_blank">99学术网</a> 99xueshu.com 赣ICP备2021006248号-7</p></div></div></div><script>window.KeyWord = "网页设计与制作";</script> <script src="https://www.99xueshu.com/default/static/js/base.js"></script> </body> </html>