网站制作方法精品(七篇)

序论：写作是一种深度的自我表达。它要求我们深入探索自己的思想和情感，挖掘那些隐藏在内心深处的真相，好投稿为您带来了七篇网站制作方法范文，愿它们成为您写作过程中的灵感催化剂，助力您的创作。

篇(1)

关键词：ASPDW网站制作网络化

中图分类号：F270.7 文献标识码：A 文章编号：1007-9416（2012）03-0000-00

工会是学校的重要部门，工会网站可以作为网上信息的重要阵地。使用网络信息，凝聚会员是新时代的工作要求。本校园工会网站采用动态网站制作技术，网站的设计与制作工作完成后，由工会工作人员在远程计算机上对服务器上的网站进行日常信息的更新和维护，制作网站后台管理模块即可实现此功能。

网站的设计和制作包括多方面的知识，它是艺术和技术的综合应用，具体说来有网站策划、网站美工、网站具体模块规划，总体数据库设计，网站制作、后台内容管理模块制作、网站测试、网站上传等步骤组成，作者结合某学校工会网站的制作，总结小型网站的制作经验和技巧，以为网站制作积累宝贵经验。

1、网站的策划与设计

网站的整体策划是根据学校工会领导的综合部署下进行的，这里需要工会工作人员认真讨论研究后，给网站制作人员下达明确的任务说明，由于工会工作人员的精心准备，对网站的风格、网站的功能、网站的规模、网站的模块划分已经非常明确。经过工会工作人员和网站制作人员的共同探讨协商，整理出网站的初步风格、功能要求和模块设计。

参考其他学校的网页制作效果，使用美术基础和网页制作软件PS，设计出来3套网页效果图初稿，每套均有首页，二级页面、三级页面的具体效果，最终由领导确定了一套。在设计的过程中，参考美术老师的意见，借鉴加创新，结合网页的特点，如单位使用像素，宽度适合于800像素的显示器。导航栏的高度要适中，整体结合“块”结构，使用分栏设计，整体风格统一。定稿后，由网站制作人员对网页效果图进行切片处理，作为组装网页的原素材和参考图。

根据网站的具体功能，将网站划分为模块：工会简介、工会文件、工会简讯、工会活动、女工园地、健康人生、法律法规、友情链接。其中有些模块只需要一个页面，更多的模块需要二级网页、三级网页的显示。多数模块的内容是需要存储在数据库中的，因此二级模块、三级模块的设计要用到数据库中的内容。

首先是选择使用何种类型的数据库管理软件，数据库管理软件根据功能可分为大型，中型，小型数据库。根据工会网站的具体内容并不复杂，所以选择了小型数据库管理软件Access。但在数据分析和数据表，表结构的设计上却耗费了作者一定的精力。因为没有考虑到后台内容管理的功能设计，所以最初设计表时把需要用到数据库的各个模块都分别设计了表，但最后的后台内容管理模块在数据库内容增删改查时却遇到了大麻烦，因为最初表设计得多了，在做增删改查时也需要做相同多的模块设计，内容就重复了，所以又重新设计表，使用类别字段来区分模块。由此总结的经验就是：数据库设计非常重要，一定要把前期后期工作全面考虑，相互结合，才能为后期程序的编写提供方便。

2、网站的制作

网站的制作使用DW软件完成，具体制作步骤是：首先创建站点，设置服务器，使用DIV+CSS方法创建各个模块的页面和框架，链接数据库，在各个页面设置绑定记录集，设置服务器行为。网页的制作是最为繁琐的工作，首先依据网页设计效果进行布局的设置，具体方法是使用DIV进行布局，然后使用CSS方法对各个DIV样式进行设置，在设置样式的时候，选择使用外部样式表的方法，因为外部样式表更易于管理。在设置背景图像时，使用PS的切片工具进行制作，切片工具有一个BUG，就是其存储名称不能修改，因此在切片时，最好的方法是先设置好切片的名称属性，在导出时就可以使用这个名称命名切片了，同时存储的格式最好是GIF格式，因为这个格式支持透明背景，并且在网页浏览器中支持渐变效果。

网页特效的制作是很有意思的一件事情，这是需要使用JS代码，网上有很多JS代码的效果和原程序，但很麻烦的一件事情是如何读懂这些代码，把相应的内容替换成你所需要的内容，比如，图片说明文字，超链接等等，还有一件事情是，网上提供的JS效果并不是你所需要的尺寸和颜色，这也需要你读懂JS代码，同时把相应的样式修改成你所需要的样式。本网站使用的JS特效有一个新闻展示效果，具体制作方法是下载JS代码，修改JS代码，把JS特效嵌入到相应的DIV中，其中的制作难点是，网站要求新闻展示是随时间更新的，这就需要把静态的新闻换成动态的新闻，因此需要从后台数据库中提取相应的字段，同时在后台管理模块中，还要相应的模块处理新闻的增删改查。

网站后台内容管理是方便网站维护人员工作方便专门制作的，工会网站的维护工作是由工会工作人员远程进行管理的，因此就有必要制作一个专门方便工会工作人员管理网站内容的模块。其制作内容就设计到对后台数据库的增删改工作，由于在数据库设计过程中，没有考虑到后期的维护工作，因此在对新闻内容的增删改工作上，出现了需要给多个表进行增删改的要求，因此建议今后设计数据库时，将所有的新闻表重新整合，以类别区分各种信息。

另外在处理图片上传的工作时，需要考虑如何上传图片信息。之所以要专门指出图片上传是有原因的，因为图片需要上传到服务器上才能将其具体路径信息记录到相应数据表记录的字段中，也就是说，如果某条新闻需要图片的支持，那么这条新闻的图片是以相对路径的形式存储在数据库中的，所以在增改新闻图片时，必须先把图片上传到服务器相应的目录下。图片上传到服务器后，它的文件名将随机改变，所以要记录好图片的新文件名。这样才能进行和图片相关的操作。文件上传可以分为两种：有组件上传和无组件上传。作者使用的是无组件上传，原因是有组件上传要求远程服务器上必须安装相应的组件才能完成文件上传功能，而无组件上传不需要在服务器上安装相应的组件即可完成文件的上传。

网站的测试是网站制作必不可少的步骤和环节，网站制作完毕之后，必须及时进行网站测试，测试可以分为两种测试：黑盒测试和白盒测试。作者将黑盒测试的任务交给3名学生进行，经过2天的测试，将各个模块统统测试3遍，测试中发现了一些问题：网页标题没设置、个别网站内容出现DIV跑位现象，不同的浏览器出现不同的效果，个别网站出现内容描述不清晰的情况等等，通过作者的核实，都进行了更改并重新测试。白盒测试则是由作者亲自完成的，在测试中出现的问题主要有：站点中出现了没有用的网页，处理的办法是将其删除；表单中出现了没有用到的项目，有些项目类型不合适，处理办法是删除或修改；经过黑盒测试和白盒测试之后，还需要使用者在长期的维护过程中，不断的测试，并把需要修改的地方指明给作者，由作者进行修改，这就出现的软件的不同版本。

3、网站的上传与更新

网站制作、测试完毕后，就交付给学校网站维护人员进行上传，网站是存放在学校服务器上的，也就是说，所有的网页浏览者通过浏览器将网页请求发送到学校网站服务器上，由服务器将浏览者请求的网页发送给浏览者。

网络信息的更新需要使用后台管理系统进行，这个系统是作者专门针对本网站设计制作的，专为网站信息的更新维护设计，这样通过此系统，公会工作人员通过远程浏览器即可更新网络服务器上的公会网站数据库，从而方便轻松的维护更新网站内容。值得一提的是，网站后台管理系统也是相当复杂的一个模块，涉及到管理员密码设置更改，网页访问限制，数据库信息的增删改查等内容，所有动态信息均通过此模块对网站数据库进行更新。

4、结语

工会网站的使用，实现了无纸化办公，能够快捷的消息，减少了许多人力物力的开销，提高了工作效率，这是本系统的功能和特点。从网站的策划，设计，制作，测试到，整个过程作者亲力亲为，其中体会非常深刻，本网站的建设基本完成，其基本功能全部实现。如何把类似的网站设计成网站模板，如果实现模板化，此类网站的制作将会更加便捷快速。

参考文献

[1]陈益材. DWCS4+ASP――动态网站建设从入门到精通[M].机械工业出版社,2010.

[2]魏洪斌,周鑫,刘志江.Dreamweaver MX 网页设计[M]. 清华大学出版社,2005.

[3]荣钦科技.ASP+Dreamweaver MX 2004 数据库网站开发与实例[M].清华大学出版社,2004.

[4]秦学礼.DreamweaverMX2004 实用教程[M]. 清华大学出版社,2004.

[5]周双娥,李其锋.基于ASP．NET技术的管理信息系统的研究与设计[J].湖北大学学报:自然科学版.

作者简介：

篇(2)

>> 企业信息门户和应用系统的信息共享方法研究 企业信息门户网站调查研究 企业信息门户系统研究及优化 企业信息门户成熟度综合评价研究 创新性信息获取新方法研究 浅谈企业信息门户建设流程 企业信息门户技术概述 门户通畅服务流畅――企业信息门户及其建设 现代企业人力资源研究的新方法 现代企业战略管理创新方法研究 建筑企业施工管理创新方法研究 网站维护及网页的更新方法 探索网络专题报道新方法 防止信息泄露的新方法 企业信息门户在电信业的发展策略研究 企业信息门户搜索引擎技术的研究 企业信息门户列表功能的应用研究 企业业务战略制定新方法 浅析广播节目制作的创新方法 一种水墨陶瓷画制作新方法 常见问题解答 当前所在位置：l]/[channelfoot.html]文件内容。

（5）页面部件设计

①拖放Web部件

点击主页右上角“修改共享网页”—添加Web部件 —“浏览”，将“Web部件列表”中的“内容编辑器”分别拖入页面左栏、中栏、右栏。一般左栏、右栏结构相似，图片排列有序，可以在一个表格内有序插入图片，在需输入文字的地方，把图片设置成背景。

②左栏代码输入

点开界面右边的“源编辑器”，在弹出的网页对话框内编写以下代码，修改table宽度、图片名称、链接地址及增减图片，可实现不同页面。

领导小组

……

③右栏代码的输入同左栏。

④中间的Web部件一般采用页面嵌套方式，结构与左右栏相似，打开中间栏“源编辑器”，输入以下代码，修改表格宽度、频道地址、图片名称可实现不同页面。

src='/xjytfczyq/

hse/hse2/_Layouts/SharePointCMSSummaryPage/Summary.aspx？cssfile=/sites/xjytfcytzyq/hse/mycms.css&nos

howmore=1&hiddenedit=1&maxrecords=8&showDate=true&MaxWords=21&NewPostingDelayDay=1&HeadImgUrl=%2fEX_STATICPAGES_%2f_EX_RESOURCE_%2fdot1.gif'height="190" width="529" >

……

通过上述步骤方法，完成《HSE管理体系推进工作专题》网站制作，见图2。

2.3 常规型专题网页制作

常规型专题网页主题鲜明、时效性强，网页制作要快，可以直接使用Photoshop切片后导出的html文件，以节省网页制作时间。本节以公民道德建设月专题（见图3）为例，介绍常规型专题网页制作要点。

2.3.1 切片时的要点

切片时只需将嵌套页面或加链接的位置切出（见图4），作为网页中嵌套页面或链接所用，其他部分会自动生成附加切片。

2.3.2 保存为Web所用格式时要点

在点击“存储为Web所用格式”时，保存类型选择“HTML和图像”，在所选保存文件夹下自动生成一个HTML文件、自动创建一个Images文件夹，所有切片保存在Images文件夹内。

2.3.3 专题网页制作

（1）主站下建一文档库如：[专题]，将上述Photoshop生成的html文件及Images文件夹上传至[专题]文档库内。

（2）在需要嵌套页面的切片所在的单元格内，输入相应代码（主要采用iframe嵌套，见网站型专题制作2.2.4 （5）④，注意代码定义的宽和高不能超出原图片的大小，否则会出现“留白”和“爆边”。

通过以上步骤，完成常规型专题网页制作。

2.4 展板专题网页制作

展板专题型网页制作相对简单，只需在Photoshop里完成模板设计，将模板上的文字与图片切片，保存方法与常规展板相同，将生成的html文件及Images文件夹上传至[专题]文档库内，完成展板型专题网页的制作。

3 三种页面制作方法优劣对比

（1）网站型专题模板（以下简称第一种方法）切片时要特别注意每列切片的宽度要一致，否则会出现“留白”和“爆边”。常规型专题网页模板切片（以下简称第二种方法）时只需将需填充内容或加链接的位置切出，其他部分不需切片。而展板型网页模板切片（以下简称第三种方法）时，只需将展板模板上的图片或文字进行切片，以方便文字修改或图片更换。

（2）第二、三种方法由于直接使用Photoshop生成的html文件，比第一种方法更简单，更能节省时间。

（3）如用户对网页版面改动较多，使用第一种方法比较好，网页增减内容只需在相应Web部件里增减行，对表格或单元格高度没有要求，相应图片可单独做，只要宽度一致。第二种方法对所要嵌套页面或添加的内容的宽度和高度都有严格要求，不能超过背景图片的宽度和高度，否则会出现“留白”和“爆边”，如果用户需改变切片大小，整个网页须重新生成。第三种方法由于只在Photoshop里操作，方便灵活，但板面单一，无动态更新内容。

4 结束语

在如今的信息网络时代，应用企业信息门户平台制作专题网页对企业重大活动及企业动态进行宣传，愈来愈成为企业对内对外宣传的重要手段，做好专题网页的制作是各单位门户管理员及专题制作人员的重要工作之一。本文采用目前普遍使用的table编写方式，使用DIV+CSS编写的用户只需在制作网站型专题时使用DIV+CSS便可实现。本文介绍的3类专题网页设计方法，简单实用，方便快速套用，可供其他专题网页制作时借鉴参考。

主要参考文献

篇(3)

关键词：网站前台；CSS；JavaScript；教学改革；情境教学

中图分类号：G712文献标识码：A文章编号：1009-3044(2011)28-6986-02

Situational Teaching Design on the Front End Website Making

SU Chen, GAO Fei, CHEN Mei

(Beijing Electronic Science and Technology Vocational College, Beijing 100016, China)

Abstracts: With the development of society and Network, the requirement of the people on the front end website is increasing. But the traditional teaching method makes the disjointedness between the teaching and the posts requirement. It is hard to meet the need of society in the relevant personnel. The article discusses the reform of teaching contents. It is primary to teach in a real situation based on working process. Two of the teaching situation is discussed as examples. The content design on teaching situation is analyzed emphatically. The learning ability and learning effect of the students are improved by the situational teaching based on work process. The goal will be attained that the students can be trained to work after graduated.

Key words: front end website; CSS; JavaScript; teaching reform; situational teaching

通俗的说，网站前台就是网站访问人员看到的内容和页面，用户可以通过对网站的访问来浏览公开的内容，如企业或公司概况介绍、新闻信息、产品信息、企业联系方式、提交留言等内容。而随着网络和信息的发展，社会对网站制作人员的需求量也越来越大。

对于传统的网页制作课程，教学方法比较单一，教师一般采取讲授知识与案例讲解相结合的方法来进行。虽然学生也能掌握其中的知识和技能，但是对网页制作的综合运用能力不足，不能实现毕业即能上岗的目标，学校的教学与社会岗位之间存在相脱节的现象。

为了使学生毕业后能直接上岗，对本课程进行了教学改革，摈弃了传统的教学模式，将真实的项目案例引入课堂，使用情境教学法，将所授内容融入其中，以实现相应的教学目标。

1 前期准备

网站前台制作是我校多媒体技术专业网页制作方面的主要课程，在对该课程的改革中，注重理论与实践相结合，注重基于工作过程的系统化学习领域设计。为此，教师进行了充分的前期准备工作：首先要深入公司企业进行调研，掌握在实践过程中网站前台的制作流程和行业规范，然后根据实践过程提炼出能融合到课程中的相关内容，最后将提炼出的内容整合到课程中，并结合相应的方法和手段加以实施。

2 教学内容的情境设计

2.1 教学情境设计原则

网站前台制作是一门实践性、操作性较强的课程，其主要内容为（X）HTML、CSS及JavaScript三大网页设计核心技术。由于该课程主要以代码的编写为主，对网页的排版布局和效果样式的实现主要是通过DIV+CSS来实现，所以用DIV+CSS思想来引导学生编写网页代码是非常重要的，其中最重要的是如何让学生对编写代码产生兴趣，并将这种兴趣保持下去。

2.2 情境内容的设计

在教学内容的设计方面，先根据专业课程培养体系的要求确定该课程的学习领域，然后根据真实项目和知识技能，具体设计6个教学情境，由浅入深的对该课程进行介绍。在对整个教学情境的实施过程中，让学生完成规定的可执行任务，通过对项目案例的实践操作，使学生掌握网站前台制作的工作流程以及代码的书写规范等内容，在实践操作中掌握相关的知识和技能。

在对6个教学情境的课程设计中，所用的项目案例全部采用公司的真实项目，并将教学目标分为能力目标和知识目标来进行细化描述，教学情境中又分解为多个小型任务，将知识点融入到每个小型任务中，通过对每个任务的实现，学生将其中所包含的知识点进行掌握和消化。并且这6个教学情境的设计按照由浅入深的原则来进行设计，从首页入手进行项目案例和知识点的融合，进而到二级页面的制作和美化，体现了由易到难的设计原则。教学情境的设计如表1所示。

前两个教学情境是针对网站规划和首页制作而设计的，这两个教学情境相对其他四个情境的设计来说是简单的。通过这两个教学情境，使学生能明确网站前台的制作流程和行业规范，掌握相关（X）HTML和CSS代码的编写和命名规范。

第三和第四个教学情境，主要是针对首页的美化和二级页面的制作和美化，这两个教学情境从内容方面难度有所提高，通过这两个教学情境，使学生能使用符合Web规范的CSS代码完成对相关页面的效果实现，主要通过DIV+CSS来完成。

最后两个学习情境是两个不同类型的网站制作，通过对两个网站的制作，使学生掌握不同类型网站的排版布局制作方法，并通过相应的CSS代码实现其布局和样式添加，同时通过学习JavaScript代码来实现相应的页面效果。

3 具体学习情境的设计分析

在每个学习情境的设计中，情境是作为一个完整的工作过程来实现的，其中包含了对每个子任务的描述、学生的行动内容以及要达到的知识目标和能力目标。

3.1 学习情境5的内容设计

下面以学习情境5为例来说明对该情境的设计完成过程。

首先，对学习情境5有一个整体任务描述，以说明整个工作任务，让学生明确本次的学习目的。对学习情境5的任务描述是：根据网站主题，对网站进行设计，使用图像处理软件做出页面效果图，掌握CSS排版布局中三列布局的模式，对整个页面实现1-3-1固定宽度布局，通过书写CSS代码，对整个首页和二级页面的内容进行实现和美化。

其次，对整个任务进行细化，分为6个子任务，对每个子任务进行任务描述，细化其中的知识点，并说明学生的行动内容。其中子任务1的任务描述是：使用图像处理软件制作页面效果图。在对子任务1的实施过程中，主要是通过图像处理软件Photoshop软件对页面效果图进行设计和制作，包括对Logo、Banner的制作以及对二级栏目标题、背景颜色、边框和各部分文字的添加等。学生的行动内容是通过对Photoshop的应用，制作出页面的效果图，这样既完成了相应的工作任务又加强了对Photoshop的理解和实际应用。在子任务2和子任务3中，引入JavaScript的应用。通过对JavaScript的学习，使学生明确和掌握了相关的基础知识，为以后各个子任务的进行打下良好基础。在子任务4和5中，重点介绍使用JavaScript进行动态效果的制作，这样能使学生对JavaScript的知识进行灵活应用。在子任务6中，主要使用HTML和CSS实现网站首页和各个二级页面内容以及相应的样式等等。在该子任务中，主要以学生作为行动的主体，按照任务的内容书写HTML，实现首页和各个二级页面的内容，书写CSS代码实现对页面内容样式的添加，并通过书写JavaScript代码来实现图片轮换效果。

最后，根据本次学习情境中各个任务的执行情况进行总结，布置同步练习作业，由学生代表发言总结自己所遇到的问题、解决方法及其收获。

通过学习情境5完成的网站部分内容如图1所示。

3.2 学习情境6的内容设计

虽然学习情境5和情境6均为综合网站的制作，但是两者在情境设计中的侧重点是不同的。

在学习情境6中，将整个任务划分成3个子任务。在整个任务的描述过程中，虽然也有“根据网站主题，对网站进行设计，使用图像处理软件做出页面效果图”之类的字眼，但是在执行相应的子任务1时，由于在学习情境5中已经对此知识内容进行了学习，所以在此不必进行知识的讲解和演示，直接让学生执行任务，完成对页面的效果绘制。

同理，在子任务2和3的执行过程中，对用到的旧知识点，主要让学生直接执行任务，不再进行另外的讲解，只有对新的知识点进行明确讲解。教师在课堂中的作用是一个组织者，导引者，而学生作为学习的主体被重点突出出来。

总之，在该课程的改革实施中，以学习情境作为设计单元，在学习情境中注重工作过程，并以公司的真实项目引入情境教学，所以通过本课程的学习，能使学生熟悉网站前台的制作流程和规范，了解相关的学习拓展领域，达到在企业中从事网站前台制作的从业要求。学生通过参与实际网站的建设、开发和制作，掌握相应的基本知识和技能，并在实践中发现问题、解决问题，职业素养和职业意识得到培养和提高，为日后的毕业即上岗做好充分地准备。

参考文献：

[1] 莫小梅.网页设计与编程课程网站开发与教学实例的结合初探[J].电脑知识与技术,2009,5(14):3829.

[2] 陈孟臻.基于Web2.0标准化布局的网页制作课程教学探讨[J].科教导刊,2009(9):94.

[3] 林婷婷.以Div+CSS思想引导学生学习编写网页的新教法[J].科技信息,2009(11):68.

篇(4)

一、教学思路方法的完善

针对企业对于网页设计人才的要求，要提高网页设计教学水平是一定要执行的。本文针对之前提出的几点问题，对于完善教学思路方法提出几点意见：1.教师的专业实践水平需要提高，并改进原有的教学方法对于网页设计的教师而言，都是一定要关注网络应用的实际发展，要不断的更新自己的知识并且提高个人素质，校方可加强与企业的合作，帮助教师开拓视野，并从政策上指导和鼓励教师利用假期的时候到企业进行实践，深入的了解完整网站的建设过程（比如从素材的收集和整理、网站的规划、网站制作、网站维护等）。教师将企业中的项目带入至课堂中，让学生从完成的项目中明确了解自己学习网页设计课程后可以从事的工作，以及如何在工作中去应用在课堂中所学到的知识，而教师在教学的过程中需要灵活运用教学技巧，确保最好的教学质量。2.对于课时进行科学、合理的安排，多多增加实践方面的课程按照现有的中职生的学习特点来说，应该是采用四节课连上的方式，让学生有充足的时候把课堂所学到的知识运用至相关的实际操作中，完成之后可以让学生进行现场的交流和讨论，以便探索出更好的制作方法。在一个学期快要结束的时候，可以安排一定的时间进行综合的实操，布置综合实践的任务并给出主题，要求所有的学生选择一个主题来进行网站的设计，让学生根据具体的要求进行分析、网站规划、处理并收集素材，对自己的网站要做到风格与内容都完整独特，把页面的结构、链接方式的设置、图片位置的摆放等做到布局合理、统一，而且还要做到容易更新。之后，再让学生写一些关于实操的心得体会，并且把学生的成果公布，这样的综合性设计任务可以在很大程度上培养学生分析问题、解决问题的能力，同时可以提高学生的创新能力，让学生的模拟与实际工作有最大限度的接近，以此来达到教育培养的目的。

二、运用任务驱动、案例、项目教学法，以此来提高学生的积极性

（1）任务驱动法：运用任务驱动法教学，完成课本上的实例之后要尽可能的以当前最为热点的问题或是学生所关心的话题作为主题，来对网页进行设计，要让学生掌握好网页设计的基础内容，比如素材的处理、收集、网页设计等等，要求学生进行完整有效的设计，然后将自己的作品上交，并进行成果展示，只要有了任务这一动力学生就不会盲目，也不会对学习失去兴趣。（2）案例教学法：对于中职计算机网页设计而言，案例教学法是非常重要的，其要求学生可以作出具有高水准和高质量的网页。首先，要拓展学生的视野并开拓学生的思维，所以，教师在进行教学的过程中一定要精心的设计各种案例，而且这些案例应该是由易至难，不可以让学生产生害怕困难的心态而打击了积极性。（3）项目教学法：在设计项目的时候要注意学生的知识接受能力和特点，考虑学生的原有基础以及认知能力有限，在设计的过程当中要从学生的角度去思考，按照学生的实际水平设计每个模块，再针对不同程度学生设计不同的练习，把控好项目的层次性。比如：在学习表格的时候，有的学生是已了解一定的知识，但有的学生却从未接触过，如果单是传授，一些学生会对此失去兴趣。所以在设计项目的时候要针对不同层次的学生进行，设计出不同的子项目，精心组织教学的内容让所有学生都可以顺利完成。

三、考核的方式应该可以体现出设计的能力

中职网页课程的考核不能只是关注于设计软件的运用，更多的是应该掌握好主体性的原则，即在考核的每一个环节中，强调学生的创造性以及自主性，尽可能的让学生去思考、创造、研究，充分指导学生学会计划、设计、创新和创造。对网页课程进行阶段性的考核，积极的鼓励学生进行各种新思想和方法的探究，并且在考核的过程中制定出相应的激励方式，让学生可以有取得完成任务后的成就感。

四、结束语

篇(5)

关键词：校企结合　网页设计制作　教学探讨

一、校企结合模式概述

“校企结合”是高职院校发展的必然趋势，是经济发展对教育提出的客观要求，也是高职院校生存、发展的内在需要。随着职业院校对产学结合的认识水平的提高，近年来，学校与企业的合作已越来越紧密，这是符合职业教育发展规律的。合作形式也是多样的，如有些职业院校与企业开展了“订单式培养”；有些学校按企业特殊工作开设特殊的专业和课程。这些模式都具有双向性，从学校的角度来讲，学校与企业合作，应按照企业的用人要求来合理科学地制订招生计划、专业设定、课程设置，使培养的学生更符合企业人才的需求。从企业的角度来讲，给学生提供更多实践工作的锻炼机会，使学生在校学习几年后，能到企业实习、就业，这样一方面培养了学生的能力，另一方面也使学生能更快地符合企业用人的需求。对于校企结合的方式，可采用企业工程师到学校讲学、学校教师到企业学习，企业在学校设奖学金、企业向学校赠送较为先进的设备等形式。实际上，校企合作有直接合作，即学校根据企业需要的人才，根据企业的具体要求有针对性地教学；有间接的合作，即校企合作并非学校与企业的事，还应扩大到教育系统与劳动就业部门，教育系统应研究企业的需求，学校要转变办学理念，与劳动部门合作，成为企业人才培训基地。

二、了解杜会和企业需求。制订学习目标

近年来，由于国家大力发展职业教育，职业学校的在校生人数年年增长，竞争压力加大。就业形势不容乐观，这就要求高职院校学生必须依靠提高综合素质及动手能力来应对现实存在的问题，校企结合模式也正是为了达到这个目标。通过社会调查，我们发现社会对人才的要求也变得更高，动手能力、合作精神、创新意识等都是考察人才的重要指标。因此，我校坚持以“以服务为宗旨，以就业为导向”，大力开展校企合作，实施“订单培养”，根据企业的需求开发专业，调整课程，改革教学内容和教学方法。而“网页制作”课程是高职计算机专业的必修课，也是大多数学生感兴趣的课程。随着Internet的发展，网络已深入到社会的各个阶层，大批学生对网络、网站和网页等概念都已有了初步认识，同时也自己动手设计网页，建立自己的个人网站。因此，借助良好的学习动机，寻求合适的教学方法，是帮助学生掌握好该门课程的关键。在授课前，为学生介绍网页设计的行业现状及前景。从事该行业所必须掌握的相关知识有哪些，了解网页设计在网站建设中地位和作用，让企业参与课程的设计，使课程设计更符合企业的需求。从而让学生在学习过程中做到有的放矢，激发学生的学习兴趣，从而取得良好的学习效果。

三、高职《网页制作》课程教学方法探讨

1，采用案例式与任务驱动式相结合的教学方法

高等职业教育近年来得到了蓬勃的发展，职业教育的教学改革也可以说是百家争鸣，各种思想异常活跃，有从整体教学方案思考的，也有从单门课程思考的。其中案例教学法和任务驱动教学法是高职课程教学改革的产物，深受师生的好评，但这两种教学方法都有适应性，并不是对每门课都适用，通过分析、实践，笔者认为吸取两种教学法优点的案例任务驱动教学法非常适合《网页制作》这门课程。因此，在网页设计与制作课程的教学过程中，我们强调理论以够用为度，关键是强化实践教学，培养学生的动手能力。

案例教学法是现代教育实践中一种很重要的教学方法，是在学生掌握了有关基本知识和分析解决问题能力的基础上，根据教学目的和教学内容的要求，在教师的精心策划和指导下，运用典型案例，将学生带入特定事件情境中进行案例分析，通过学生的独立思考或集体协作来提高其识别、分析和解决某一具体问题能力的方法。任务驱动式教学法是提倡教师指导下的、以学生为中心的学习。其主要特点是“任务驱动，注重实践”。通过提出明确而适度的任务是任务驱动教学法的前提。在课堂教学中，教师和学生通过创设的问题情景，把所要学习的知识巧妙地隐含在一个个任务当中，使学生在完成任务的过程中达到理解知识、掌握技能的目的。

在教学实践中，笔者通过整合每一章的知识点来设置一个典型案例，在前一次课结束前，将案例展示给学生，让学生思考这个案例该如何实现，从而让学生带着问题和任务进行新课的预习。在下一次开始上新课时，先让学生谈谈自己的解决方法，然后再集体通过这个案例的制作来掌握本章的各个知识点。这样通过典型实例的案例教学法和任务驱动法相结合，不仅可以活跃课堂气氛，而且可以充分调动学生的参与性，提高学生的自主学习能力。

当然，在选取教学案例时应做到：(1)案例应具有一定的代表性和真实性，最好将案例与企业相联系；与所学专业相联系；(2)案例应具有一定的启发性和疑难性；(3)案例应具有一定的针对性，比如可将不同企业分为不同类别，有些企业可能主要针对门户网站的设计，有些企业主要针对企业展示型网站设计，可有针对性地进行案例选择。同时，平常还要将一些有创意、有特色的优秀网站推荐给学生，让学生欣赏、学习优秀网页，从而让他们扩大视野、开阔思维。

2，综合教学，提高学生实践技能

根据网页制作课程的特点，需要改变教学过程中以教师、书本为中心的课堂教学模式，要倡导学生主动参与、乐于探究、勤于动手，将课堂教学时间和学生上机练习时间进行合理衔接搭配，以提高学生分析和解决问题的能力以及交流与合作的能力。这种新教学模式的探索，变“要我学”为“我要学”，变“学会”为“会学”，促进了学生主动发展创新意识的形成，提高了学生的实践能力。

在网页制作教学中，教学不再是教学生学，而是师生的交流。教学过程是师生交流、积极互动、共同发展的过程，教学是教师教与学生学的统一。课堂教学目标不再是单一的知识与技能，而是知识与技能、过程与方法以及情感、态度与价值观三方面的整合。

网页制作是一门包含多学科的综合性课程，制作完成一个动态网站，不仅要让学生掌握动态网站的设计与制作方法，更要掌握网站的总体设计思路以及各部分内容的巧妙结合运用。在教学过程中结合软件工程、网页制作、数据库等网站制作过程中涉及到的内容结合起来进行逐步讲解，以促进学生多方面技能的综合提高。

3，改革考核方式，客观评价学生

对于“网页设计与制作”课程，传统单一的考核模式不能全面真实地反映学生的知识、技能和能力，因此必须将考试重点转移到考核学生的实际技能方面。在该课程的考核中采用了“总评成绩=平时成绩+课程设计+期末成绩”的考核办法，重在考查学生的能力，避免了“死读书”“读死书”“高分低能”等情况的出现。具体做法是：平时成绩占总评成绩的40％，主要依据教师布置的上机作业完成情况来评定；课程设计占总评成绩的40％，该成绩通过学期末安排一周的实训课程产生。此期间通过分组的方式，让每组学生完成一个综合网站的设计，并根据每组学生完成的效果及设计报告来评定分数。通过一周的实训，不但可将所学的知识点融会贯通，强化对知识的理解和掌握，而且打破了“千人一面”“千人一卷”的考核模式，培养了学生的实践能力、创新意识和协作精神；期末考试占总评成绩的20％，以笔试方式进行，重点考查学生对基本概念、基本方法的理解和掌握。通过实施这种考核方法，使学生注重自身动手能力的提高，极大地调动了学生学习积极性、主动性和参与性。

篇(6)

关键词：优秀学生作品；网上展示；FLASH软件

艺术院校作为培养高素质创意人才的基地，一直以来是文化创意产业最稳定也最重要的人才输出地。为了进一步提升人才培养质量，各艺术院校纷纷将注意力集中在授课模式和教学质量上，培养出大批创意人才，创造出众多的艺术作品。然而，大多艺术院校并没有利用好优秀学生作品这笔属于自己的宝贵财富，有的束之高阁，有的只是做了小范围短期的展示。殊不知，借助网络平台进行规划、整合和设计，学校就可以建立起一个面向大众、长期不间断展示的优秀学生作品平台。而运用FLASH的ActionScript3.0技术，更是可以把平台打造的更富于现代性、艺术性，将艺术院校的特色与优势展示的淋漓尽致。

1艺术院校优秀学生作品网上展示平台建设的必要性

1.1提升学校整体形象

艺术类专业院校或综合型高校的艺术院（系）有着与普通文理科不完全相同的教学模式，重要的区别之一，便在于教学过程中产生大量丰富多彩的作业。根据学校专业的划分，其作业范围可以涉及绘画、设计、摄影、雕塑、影视、音乐等各艺术领域。许多作业汇聚了师生的汗水和心血，作品形式新颖，思想深刻，艺术造诣高，有些甚至获得各类赛事大奖。如若能够利用网络平台将其整合展示，将无疑是学校最闪亮的名片之_。它在反映学校艺术学科优势、文化艺术氛围、大学生青春活力方面有着不可替代的作用。同时能够展示学校的软实力，极大的提升学校的整体形象。

1.2促进学生交流、创新

优秀的学生作品同时也是最好的学习资源。通过其展示，首先可以让同专业低年级的学生系统了解本专业的发展脉络。大一新生通过欣赏优秀学生作业，可以清晰地了解其自身专业的发展轨迹，便于他们早调整、早定位、早出成绩。其次，可让不同专业的学生相互学习借鉴。艺术类各专业血脉相连，交流、切磋是专业进步的重要环节。这些作业都是本校学生自己创作的，在交流的过程中，不仅可以欣赏作品，更能很方便的找到作者，最大程度提供了交流合作的平台。再次，这种成系列的作业展示，也可以帮助进教师进行教学分析。通过比较，教师可以迅速掌握学生学习情况，同时结合时展和社会需求进行教学上的改革。

1.3突破展馆场所限制

当下不少艺术院校投入巨资新建各类艺术展览馆，使得观众能够近距离的欣赏巨作。然而展馆也有其局限性。首先，场地规模毕竟有限，大多数院校展馆均用于展出名家作品，对自己学校的优秀学生作业则由于场地限制而爱莫能助。其次，展馆毕竟是建于学校之内的固定场所，没有办法更好的发挥其帮助学校对外宣传的功能。网上展示平台的搭建则可以突破这一局限，使得观众不论何时何地均可浏览作品。当今很多知名博物馆均已将藏品搬到了网上，博物院、上海博物馆均采用三维成像技术让观者足不出户得以尽览珍宝。

2FLASH及其ActionScript3.0在优秀学生作品网上展示平台搭建上的优势

FLASH软件以往给人的印象，只是用来制作一些简单的二维动画。然而随着时间的推移，FLASH的重心也已经转移到了网页设计上，特别是ActionScript3.0（简称as3.0）的推出，极大的拓展了传统网页设计师的设计领域，现如今，越来越多的国外网站使用FLASH制作，国内的各大设计公司也都设立了相关部门，为客户制作以FLASH为互动载体的专题站点。

作为艺术院校优秀学生作品网上平台的搭建，我们运用FLASH及其AS3.0主要有以下几种原因。（1）具备强烈的艺术感。与大多数网页设计软件的表单式结构不同，由于FLASH软件最初是一款画图软件，因此在网页设计上，不受任何拘束，可以直观大胆地绘制你想要的网页效果，可以是一个场景，可以是一幅画，完全突破了传统网页的条条框框，拥有其独特的艺术感染力。此类网页效果的传统制作方法往往采用如JavaScript等语言来编写，这会产生非常复杂且庞大的代码。jQuery虽然较为便捷，但其艺术效果则远远不及FLASH丰富。艺术院校本就力求创新，其优秀学生作品的网上展示也必然是与众不同的展示平台，因此FLASH及AS3.0当仁不让的成为首选。（2）具有优秀的互动性。FLASH软件由于其动画软件的本性，所以非常适合用于制作互动性网站。可以说，如果单以交互性而论，FLASH在行业内可谓是独领，即便是HTML5这样具备了强大的开放性标准，也远不如FLASH在网页制作交互性上走得这么深入。艺术院校优秀学生作品网上展示平台，将会是一个主要以年轻人为主要浏览对象的网站，年轻学生早已不满足传统呆板的网页模式。互动性、趣味性是他们评价一个网站制作好坏的重要标准。将浏览者的参与高度融合于网站操作中，使其在点击运行时从过程中找到乐趣，这正是AS3.0最擅长的。（3）更好的面向对象结构。AS3.0语言与1.0、2.0版本相比有着本质上的区别，它完全支持面向对象编程语言，同时它还包括比如运行时类型检测、封装类、命名空间，以及一个全新改版的事件模型。此外，它还全面支持正则表达式，在字符串的处理能力上也表现的空间强大。更令人欣喜的是，AS3.0还拥有一个积极的、深受用户喜爱的开源社区。这一切使得其与Java、C#等高级编程语言处于同一个档次，而且代码更加模块化，可读性更好，扩张性更强，更受网页设计师和互动设计师的喜爱。运用它来进行艺术院校优秀学生作品网上展示平台的搭建，可以使得其无论在代码、效果、拓展性上均有无限的提升空间，既稳定又适于日后的改造与更新。

3艺术院校优秀学生作品网上展示平台搭建的关键步骤及实现

3.1优秀学生作品收集与整理

巧妇难为无米之炊，精彩的网站内容是优秀网站的根本所在，再美的形式也无法弥补内容的匮乏。作为优秀学生作品展示网站，其对作品的收集与整理是最为基础，也是最为庞大的工作。首先横向来看，其覆盖面涉及院校各艺术类专业及其下设各具体方向。纵向来看，其牵涉到学校的历史。院系需尽量远的探寻其艺术类方向的过去，挖掘曾经的人才和优秀作品。毫无疑问，覆盖面越广，历史越悠久，作品越丰富，对于学校形象的展示也就越到位。当然，这项工作体系庞大，需要上至学校下至各专业老师、学生集中收集挖掘，并且制定科学合理的标准进行分类、调整、数字化整理，形成强大的优秀学生作业数据库。

3.2网站功能结构模块划分

在优秀学生作品收集的同时，网站功能结构模块划分也需同步进行。根据不同艺术院校规模的大小、专业设置的不同而略有差异。

3.3平台的搭建、调整与测试工作