网站制作的方法范文

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

篇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

关键词：中小企业，网站制作，维护

 

在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。论文参考。Internet上信息主要是通过网站来实现的。因此网站建设在Internet应用上的地位显而易见。

中国有超过300万家企业,其中80%没有公司网站,目前有公司网站的大约60万个,大约20%的企业都有网站,不过仍有相当一部分企业,其规模非常的大,却没有正规的网站,或者只有母公司的网站,没有简体字网站,或者经过测试,还没有能顺利打开的网站。所以中小企业网站制作的市场比较大。网站是企业面向公众的脸面，一个企业在互联网上建立的站点，是企业开展电子商务的基础设施和信息平台，是实施电子商务的公司或商家与服务对象之间的交互界面。开展电子商务活动必须从网站建设抓起，通过网站把企业的商务需求、营销方法和网络技术很好地集成在一起。但网站建设是一项复杂的工程，如何进行中小企业网站建设是中小企业面临的主要问题。一个企业网站的制作就像盖一座大楼一样，从整体设计再到各个局部的施工，都要有一个整体的规划，一个成功的企业网站制作必须有完美的规划和出色的设计，它是网站存亡的关键。

1.确定主题

确定主题就是定位网站的主向，也就是确定网站的题材，这是制作一个网站的第一步。中小企业网站制作的基本目标是：网站建成后，人们能够通过浏览器访问该网站或通过该网站访问其他不同的网站，进行一定的信息交互，查询产品信息、下订单、资金确认、物流运输等，进而完成一次商务活动的全过程。此外，一般企业建站还有其他目标，如企业产品、服务信息，网上市场调查，开展网络营销，网上客户服务，逐渐实施电子商务等。

2资料的搜集

确定网站的主题后，下面则要着手搜集关于主题方面的资料来充实该网站，资料是网站的血肉，它是一个网站最能吸引浏览者的地方。这项工作也可以由企业人员来完成，因为只有真实的东西才能长久。尽可能使搜集的资料全、精、广。论文参考。这个阶段的准备工作做好后，刚可以将这些已经搜集好的资料根据其名方面的特点进行整理，分门别类，以备后面制作使用

3.设计制作

3.1网页外观设计

网页外观设计可以分为绘制页面草图、进行页面布局和添加页面元素三部分。绘制页面草图一般都是在平面设计软件中完成，用Photoshop，或者Fireworks。页面布局的方法比较多，传统的表格布局，现在比较流行的DIV+CSS布局，都是很好的布局方法。表格布局使用简单，制作者呆要将内容按照行和列进行拆分，再用表格组装起来即可实现设计版面布局。目前有很多网站在使用表格布局。在Photoshop中将大图片切分成若干个小图片，浏览器会同时下载这些小图片，就可以在浏览器上尽快地将图片显示出来。表格就成为了这些不图片装成一张完整图片的有力工具。但用表格制作网页代码视图显得非常臃肿，当页面需要修改时工作量难以想像。用DIV+CSS布局，灵活性很高。代码简洁，修改起来容易。页面元素有文字，图片，动画、表单、音频、视频等。现在有越来越多的企业选择用Flash来制作公司网站，或者网页元素喜欢用大量的Flash，喜欢那种绚丽的效果。但有些问题还是需要注意的：比如Flash不易维护，如果有需要更新的部分非常不方便；Flash的运算都要靠客户机，要求比较高，如果您在自己的电脑上或在设计公司的电脑上看的效果非常流畅，并不代表所有人都能看到这样的效果；Flash中如果需要插入大量的文字，最好用动态输入文字，这样体积小，而且看起来更清晰。

3.2确定网站的链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。网站的链接结构的目的是: 用最少的链接，使得浏览最有效率。建立网站的链接结构有两种基本方式：一是树状链接结构；二是星状链接结构。在网站设计中，最好的办法是首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构，超过三级的使用导航条。使浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。

3.3网站后台技术

网站后台一般分两大阵营：linux+apache+php+mysql 和 nt+iis+asp+sqlserver。

除非对自己公司的技术实力非常有信心，否则还是选择后一种吧，这样在开发和后期维护上都比较方便。技术人员也比较容易找到。但如果网站功能要求非常强大，用户数量众多，可能后一种就力不从心了，这时可以考虑前一种方案。论文参考。一般中小企业选择后一种就行。后台程序的开发是根据网站功能而确定的。建设用户名,密码.登陆,分析网站流量,还有网络营销 序开发。这些功能都需要要会动态网页的编程,制作一个完整的网站最少要会动态编程中的一种才行(一般一个网站只用一种编程而已),不然以后的维护也是很难的,当然现在制作一个企业网站大部分还是团队合作，有专门制作网站页面外观的设计师，有专门文字编辑人员，有后台系统的编程人员。

4.维护

制作完成的网站最终结果还是要上传到网络服务器中，即；对于上传到网络服务器中的网站也需要日常管理和更新，即维护。和维护是网站制作的最后一个阶段。现在有越来越多的有实力的公司买一台服务器自己用，这是就要格外注意网络安全的问题了。如果是租用服务器空间，由专业公司来负责网络安全，而自己买服务器，要面临这样的问题，很多公司都注意不到它的严重性。所以如果是企业自己买了服务器，最好由专业的公司或网管来负责网络安全和数据备份这样的事情，否则一旦碰上黑客或者病毒之类的就傻了——辛辛苦苦累积起来的客户数据或者网站内容就丢了。租用网页空间是一种和虚拟主机类似而更为简单的方法，向ISP申请一个虚拟域名（实为一个超级链接），将自己的网页寄放在ISP的主机上，用户可以自行上传、维护网页内容，自行网页信息。

一般来说，租用网页空间费用较虚拟主机更为低廉。但这种方式主要以静态网页的形式介绍企业、展示产品、收发电子邮件等等，主页空间容量小，网页中对象单一，浏览不稳定，功能简单，不支持动态网页，不能进行实时的数据处理，特别是网站的管理很不方便。对网站要求不高的小企业可以租用空间更加实惠。

总之，在建立中小企业网站时，必须高度重视网站的总体设计和网站的硬件建设，建立一个结构合理、内容丰富、功能完善、和谐美丽、方便快捷的网站，以吸引更多的浏览者访问该网站，企业才能够通过该网站顺利地开展电子商务活动，提高企业的竞争力，为企业带来良好的经济效益。

参考文献:

[1]王宇川.电子商务网站规划与建设[M].北京:机械工业出版社.2007.8.

[2]杨阳.DIV+CSS网站布局实录.北京：科学出版社.2009

篇4

关键词：网页；网络；动易

中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)20-30315-02

随着我国经济与科技的不断发展，信息化、网络化作为各企事业单位（以下简称为单位）的运行方式和环境已经成为趋势。经过多年的信息化建设之后大多数单位基本上建成了自己的主题网站，这时候最常见的动作就是要求下级部门或科室也建成下属部门网页，以配合单位宣传工作，进一步发挥网络在交流、管理、资讯、服务等方面的功能。

一般单位在人力资金上较有余地，能够托付专职网络公司进行网站制作，或由公司内部专业网站制作人员制作。可网站制作问题到了各个下级部门就麻烦了。首先，部门不一定具有有网页制作技术的职员，其次，也不易拨专款找网络公司，更何况还牵扯到日后维护和更新问题。

这可难坏了各个部门负责人，领导再把工作下压，下级或托人办事，或是赶鸭子上架勉强弄个网页，却因不会制作和维护导致界面难看、使用不便、更新不及时等问题面临着领导不满，耗费大量人力财力，苦不堪言。

下面我就本人几年积累的工作经验，发表一些个人观点，目的是能够帮助一些不容易的职员们，减轻下部门领导的烦闷，也能够一定程度上减轻财政负担，培养部门职工的动手能力。

先说说部门网页的解决途径，还是两条路：

一是花钱请人或网络公司制作，要花费一定的金钱，但一般设计和功能上比较成熟，并且提供一段时间的维护和培训服务。如果部门想得通“效率”问题，最好选择这种方式，即由专业人员制作，自己只负责添加新内容。但缺点就是网页更改不够自由，如替换某些图片或动画必须再找技术人员，而不易自主。

另一种办法是本部门中找一个有基础的人，培训加自学，负责网站制作。这对职员是个考验，有技术基础、有学习热情的会开掘一条宽广自由的网站之路，但网页制作还是个技术活儿，没有几个能随便掌握，时间花费上多，效率也比较低，见效慢，但比较节省经费。

不管哪种办法，都要注意网页制作技术的选择。所谓网页制作技术，有静态和动态两种，为了今后方便，请一定选择动态网页技术。这里说的动态网页不是使用了动画的网页，而是只具有数据库，通过后台登陆页面，可以实现动态添加、删除、修改及网页自动生成功能的比较智能的网页系统。

所以我这里重点谈论部门自行制作、并且是动态网页的选择方案，并假设这个部门网页负责人是有一定电脑使用基础的。

1 下载动态网页包

目前比较常见的动态网页技术有：Asp，Jsp，Php等，本人推荐比较常见又简单的ASP动态包。这就象现在流行的“傻瓜”系列产品，已经装备大框架，细碎内容自己修改和添加，简单实用。很多网站都提供动态网页包下载，只要在搜索引擎上查找asp、源码（或源代码、源程序）或者再加上“部门网页”之类的关键字，中间用“空格”隔开，会找到很多，一般以压缩包形式下载。这里推荐两个网址：下吧（/）和源码世界（/）

强烈推荐大家下载动易整站（/）的内容管理系统，它是完全是开源和免费的，个人用户可免费下载、免费使用、免费升级，无使用时间与功能限制。动易系统的功能非常强大，具体使用方法网站上非常全面，参照说明下载、安装即可，这里不再累述。

2 解压文件到服务器

这里又有两个选择：一是直接下载到部门电脑上，安装IIS，在本机运行（这里如果不明白就请参考相关知识点），全部制作完成后上传服务器。第二种方案就是找单位网络管理员直接安装到服务器，同时开通FTP满足上传功能，由网管通知网页的浏览地址和后台地址，还有Ftp用户，密码。IIS不太熟悉的同志推荐选择第二种方案，并且它还有个好处就是可以随时随地对网站进行修改，不用限制在某台电脑上。

3 浏览网页，登陆后台

最好把网管员给的浏览地址和后台登陆地址（有的也可以从浏览地址链接到后台地址）存入网页收藏夹，以方便使用。打开后台登陆地址，输入用户、密码（一般默认为admin）等信息，就可进入网页的管理界面。

4 设置网站信息，添加版块

一般网站的管理界面都是左侧是功能菜单，点击选择不同的功能，右侧出现相应内容区。首先找“设置”类的功能，可以先设置网站基本信息，比如设置网站的名字，关键字等。这里有个非常重要的操作：立即修改网站的超级用户和密码，最好使用字母、数字、符号结合的方式。

基本信息设置好了，就可以添加删除版块了，还可以为版块添加子版块，尽量使用相同的字数设置版块名字。版块可以一次性添加好，也可以以后继续添加删除。这些操作都比较简单，很容易上手。

5 根据版块，添加内容

版块设置完毕后，就可以使用了，一般有“文章添加”的链接，进入文章添加界面，选择要添加的版块，将标题、作者、内容等一一对应填入，如果需要在文章中添加图片，动画，视频等，可在界面中寻找相应功能的链接或按钮，按系统要求添加不过要注意文件尺寸和大小。文章设置完成后按“提交” 按钮提交即可。如果有修改，再选择修改功能就可。

6 网站界面设计

把界面设计放在最后，是因为一般下载的动态网页包都是有框架而无内容，适当添加版块和内容后再进行界面的修改更加方便和直观。图形图像处理是个相对比较难掌握的技术，可以先把网站的浏览地址打开作为对照，边设置变浏览效果。有的网站后台有换界面，或更换网站上特定图片、动画的功能，有的网站没有。有这项功能的可以通过后台管理，将另外制作好的图片、动画根据相应功能上传，但要注意网站要求的文件格式和尺寸。如果没有这项功能的就有些麻烦了，必须通过Ftp上传替换原图像，这里要注意必须和以前文件文件名完全一样，尺寸也要设计好，以免变形。替换之前要注意将原有文件进行备份。

7 巧用网络小软件制作图标，动画

对于非专业的朋友来说，图片动画制作还是有些难度的，这里我推荐大家几个小软件，助大家一臂之力。

（1）Flash文本特效动画制作：SwfText

SwfText是一款非常棒的Flash文本特效动画制作小软件。它内置了27种背景特效、155种文本效果，可以制作超过200种不同的文字效果和20多种背景效果，可以添加声音还超链接等。

（2）简单图像制作Picer

图客是一款免费使用的图片加工软件，可以快速地实现图片多形状裁剪、图片特效、相片添加相框等图片加工处理。

总之这些，只是笔者写来，且算为广大为部门电脑犯愁的同志排忧解难，只是很简单的经验因篇幅所限无法悉数，感谢互联网上广大奉献者，能够提供网站源码供我们使用。但有了方便好用的基底并不意味着坐享其成，还请大家发挥主观能动性，有效利用网络资源不断的学习和提高。

参考文献：

[1] 陈少红.网页设计技术[M].北京:清华大学出版社,2007.1.

篇5

关键词：高职院校；校园网；网站建设

1 引言

近年来，随着互联网应用技术的飞速发展，各高职院校都建立了自己的网站，用于宣传学院和有关信息。然而，这些网站大多是建立在互联网上的外网网站。由于信息的对象和外网网站的存储容量等限制，以及学院目前信息化建设，办公自动化的迫切需要，建立与外网隔离的校园网内网网站成为学院网络建设和应用的一个重要课题。其研究的意义在于通过调研、需求分析、网站制作、网络设备配置、WEB服务器调试、开通运行等建设网站的过程，探索当今高校校园网网站建设的新模式和新方法，从而为建立数字化的高职院校校园网搭建一个基础信息平台。

2 网站建设实践

网站的主要建设目标为：以学院行政、教学管理、学生工作三大块为主模块构建学院信息网站的核心。实现学院各单位的规章制度、办公流程、工作计划、院内文件、通知通告等信息的校园网内网，使之成为学院的新闻中心、信息平台、数据资源中心和学院门户网站。网站的建设将运用当今先进的网站后台管理技术来制作网站，使网站的前后台分离，实现前台用户访问快捷，后台维护简单易用，并构建完善的用户权限机制，使信息的和管理受到权限的约束。

2.1根据网站建设目标定位，走访各使用单位收集建站意见，包括功能和内容模块，然后，将收集意见和建议进行需求分析，并制定出网站制作总体框架和具体功能模块。

2.2设计网站的网络环境和所需的设备。按照设计思路进行设备选型和网络环境搭建，并安装调试系统软件。网站服务器选用HP ProLiant ML 350G3，使用千兆快速以太网卡联入校园网核心网段，并使用VIAM技术配置实现全网的跨网段访问，服务器的系统软件选用Windows Server 2003 简体中文版。

2.3网站后台系统选型与应用。选择使用目前较成熟的后台管理系统产品，并对多款网站后台管理系统软件进行功能评估后，选择使用动易公司开发的网站后台系统，将所选网站后台系统进行安装、调试、运行，深入全面地了解其功能和使用方法，以确保满足网站功能的实现和网站安全正常的运行。

2.4网站模块构建和网页制作。利用网站后台系统构建各主要功能模块，制作网站导航和模块间链接关系，设计制作网站风格，包括色彩的运用、页面构图、控件造型等，上网收集素材，设计制作网站主页，设计制作网站各模块页模板和内容页模板。

2.5网站数据上传开通运行。将网站开通，上传数据进行调试运行，走访试运行单位和用户，听取对网站的意见和建议，按照反馈的意见和建议，进一步修改完善，完成后网站正式。

3 研究结果及其分析

网站的开通运行为学院提供了一个学院内信息的平台，同时也是一个能提供快速检索信息的存储数据库，并且可以将其作为学院内的信息基础平台，用于互联不同的信息资源成为学院访问外网的门户。

建设学院网站思路要清晰，要有全局观，变部门各自建设为合作共建，要组织力量加大投入，重点做好学院的两网建设，即学院外网网站和内网网站。外网为学院面向公众的信息网，内网为面向校内学生和教师的信息网。

网站内容要从网站面对的对象进行准确的定位。既能为校内的学生服务，又能为校外的学生服务；既是学院宣传和信息的窗口，又具有极强的综合性、交互性、娱乐性。因此，网站内容的准确定位尤为重要。可将网站分为学院外网和学院内网来分别建网，还可将信息、资料下载和论坛分别建立网站。

充分利用现有的软硬件资源，提高网站的建设效率，提升网站的建设质量。目前，有很多网站的建设方案可以选择，有基于ASP、PHP、等，并有成熟的网站建设软件产品可以直接使用。推行后台式建站模式，淘汰那些采用单页式制作网站的模式。

选用后台式网站系统建设网站，因其具有灵活性、可用性、稳定性和可靠性高等特点，有一个成熟的软件平台支撑，有自动生成模块管理列表，包括增加、修改、删除、移动等功能，有较为完善用户管理系统，可自行添加用户和组，还可以对每个用户进行权限设置，并对权限安全性进行严格控制，所以网站的制作时间短。可以根据用户的需要快速调整网站的模块结构，而不会对网站的数据造成损坏，实现了信息和信息管理的完全分离，信息的方便快捷，信息管理层次分明简便。后台式网站的后期管理也较为简单，数据的上传和管理只需用户掌握一般的计算机操作知识，再稍加学习便可熟练掌握。因此，可以采用分散与集中的模式来进行管理，分散就是网站的数据分由各部门或作者自行上传，集中就是将数据的审核权集中在网站各模块的主管部门。

网站数据库系统的选用要按设计的需要来选择，不可盲目求高求大，一般网站数据库系统选用Access，中型网站数据库系统选用SQL Server，大型网站数据库系统选用Oracle。

篇6

项目驱动教学模式就是在课程教学中，通过一系列具体的项目，让学生切实参与项目实施的全过程，从而完成既定的教学任务。项目驱动教学模式的实施应该满足以下条件：1)该过程中涉及到的教学内容应具有一定的应用价值。2)教学内容的理论知识能和实际技能结合起来。3)学生能独立制定计划，在一定时间范围内通过分组协作学习的方式展开学习。4)项目的选取应具有一定的难度，要求学生运用课程教学中新学习的知识、技能，解决过去从未遇到过的实际问题。因此，在项目教学中，学习过程成为一个人人参与的创造性实践教学活动，注重的不是最终的结果，而是完成项目的过程。学生在项目实践过程中，理解和把握课程要求的知识和技能，培养分析问题和解决问题的思想和方法。

2项目驱动模式在《网页设计与制作》中的具体实施方案

2.1项目的选取

项目实施对象是我院学前教育专业本科高年级学生，学生已经学过计算机基础等相关课程，掌握图形图像处理、数据库技术等基础知识。本课程所选择的项目是一个小型的幼儿园网站。

2.2项目的开展

实施项目教学法一般应按照以下四个教学阶段进行：项目设计，项目计划，项目实施，项目评价。

2.2.1相关知识点的学习

结合教材上的知识点，选择合适的小项目，并通过具体操作步骤来示范完成项目的过程。在本课程中，选择幼儿园网站这个小项目，让学生用网站制作软件Dreamweaver来实现各模块的功能。在学习过程中，学生通过独立思考，对相关知识点进行理解，通过实际操作来消化示范项目的解决要点（如网站的规划与创建、基本页面制作、表格布局、动态页面的网页的创建、网站内容的上传等），为后续的实际项目开发打下基础。

2.2.2协作学习

在本学期课程教学中，学生总数为30人，采用分组协作学习的方式将学生分成6个组，每组五名同学，设立组长一名，统筹协调组内成员分工情况。各小组根据各相关知识点的学习情况，开展交流、讨论，制定项目实施计划，通过组员分工协作，调试运行，完成项目。具体实施如下：1)网站需求的整理；2)网站策划（详细）或草图设计（粗略）；3)网站效果图设计；4)网站代码的编写与调试；5)上传网站到测试服务器并演示网站，交教师和同学集体评价。

2.2.3网站具体要求

1)以幼儿园网站为主题，自行确定网站的LOGO(图标)、自行设计各级网页的风格、网站的整体结构；2)文件命名规范，页面连接正确；文件和目录以英文命名.主页命名为index.html；页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；3)页面设计中导航和超链接清晰，对象插入合理；4)网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；5)在网页中恰当的位置设计一个简单的登录表单；6)网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。7)运用外部样式表定制网页风格，网站内风格统一。

2.2.4学习评价

学习评价包括过程性评价和总结性评价。评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。根据上述网站制作要求，客观公正地评价学生的学习效果。由于学生解决实际问题能力有限，在项目实施过程中，可能会存在一系列的问题，在小组互评中，各小组组长在汇报中要指出网站制作过程中出现的问题所在及其解决方法，使学生的各种能力在评价中得到提高。在评价方法上，主要评价学生是否达到项目既定的目标要求，关注学生在完成项目中的进步程度，这样有利于学生实践能力和创新能力的培养。在本课程中，每个学生学习的效果直接由完成网站的情况来衡量，包括四个部分：一是教师评价，由教师对各个小组项目完成情况进行评定，评价内容主要包括能否共同协作、是否实现预定功能等；二是小组间互评，由各小组组长在项目完成后给全班同学进行汇报，主要包括网站的设计思路、小组成员分工情况以及如何完成既定目标；三是小组内部各成员间互评，由各小组成员根据各组员对本小组项目贡献的情况进行互评；四是学生自评，由学生本人进行自评，通过学习是否有所提高。综合以上评定情况来确定每一名学生的学生总评成绩。

3总结

篇7

在这实习当中，我知道了div是html（超文本语言）中的一个元素，div+css是一种网页的布局方法，div+css包括行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别：id不允许重复使用，只能用一次，css规范和其他规范javascript控制方法一样。

说实话，我对div+css一点儿都不懂，但起码我知道了这是一种网页的布局格式，总比不知道强。有句话说，不懂就要学。是的，既然学了了这个专业，就不能对这个专业模糊。所以，就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法，就是去做你害怕的事，直到你获得成功的经验。

我们经过两周的实训，通过前期的合同洽谈、签订，到后期的网站制作、网站，让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节，也让我的网站制作知识及技能有了很大提高。

前期我们通过发送电子邮件，进行网上商务的接洽。由于没有做好工作——了解商务邮件的格式，导致邮件发了很长一段时间，双方还仅仅停留在认识阶段，确实说来很失败。

在拟定合同时，由于不能真正满足客户的需求，一些条款及报价不合理，因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求，并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。

在网站制作的起初阶段，由于不曾制作过网页，虽然团队确立了分工，但还是有些迷茫。公司没有确立风格和大体的布局，并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站，心里大概有了一定的想法和设计。

我的主要任务有“诚聘英才”、“产品导航”、“展会礼品”、“广告促销礼品”。我最先做的是“诚聘英才”，我是参照中国电信诚聘英才首页做的，它看似制作简单，其实布局十分复杂、精致。在处理图片是我遇到了不少困难，最典型的就是有一次我想在图片中插入文字，但始终插入不了，后来通过请教老师，总算知道了其中的奥妙。原来是图层被锁定了，要重新拷贝图层，再考贝的图层上就可以插入文字了，并且文字其实也是一个图层，它是可以移动的。尽管我为诚聘英才网页付出了很多，但并没有被采纳，并且此时我也设计了logo，也没有被采纳。

“产品导航”是一个困扰我一上午的问题（此刻公司首页已经制作完毕，而它与合同上的“产品导航”页面布局类似，于是这让我一时间很难抉择。我就一边设计一边思考，此时我为公司定的色彩风格是红色，我为导航栏设计的是交互式按钮，并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费，由于后来我们将风格确定为蓝色，并且导航栏确定都采用首页中插入的图片，但我觉得这样有些不好：例如它不可以设置超链接的字体颜色，这是很不专业的体现。团队由于缺乏及时的沟通，导致其他组员一些好的想法得不到实施，确实是我们团队合作的一个问题所在。

展会礼品、广告促销礼品由于套用相同的布局，设计上没有什么难点，只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时，都特别注意修改网页标题。网页标题是十分重要的，它是每打开一张网页的头标。

前面这一阶段的工作我还有一个小收获，这就是图片位置，其实在图片属性中图片定位选择绝对定位，再在下面输入距左距上的距离即可，这是一个很不错的方法。

后期我们进行每个人作的网页整合时遇到了不少问题，原先我们认为超链接是可以整合的，其实不然，只能在一个文件内作。当时已经花了一天的工时，可后来在晚上才发现，不只这个问题，还有每个人做的网页都是保存在网站文件夹下，而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了，可是当我们把网站通过windowsXXiis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来，一些超链接也无法连接，这下让我们有些惊慌失措。通过向老师了解，知道可能是图片命名的问题，web服务器无法识别中文命名的图片，此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下，导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来，并且检查超链接，而这些只能在frontpage文件夹试图下进行。同时还要在http上检测，进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”，反复的进行超链接都无法成功，其实是因为我所连接的超链接路径不对，其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。

篇8

小宜是一名中学生。上学期，学校里开设了网站建设课程，小宜对此表现出了极大的兴趣。通过努力，小宜有了自己的网站。

一学期的课程结束了，但小宜对网络的“热爱”却没有结束。一放学，他回家第一件事情就是打开电脑、下载软件，维护自己的网站。刚开始，他只是下载一些与网站制作有关的软件。可是慢慢地，他开始下载一些与网站制作无关的软件，比如文件分割器、财务软件通等等。

小宜说：“我也不知道为什么，就是想下载，然后试用。虽然有很多软件我根本不知道它们有什么作用，但我就是想研究，我觉得自己会成功的。”

小宜的父母则非常着急：“原先一直以为孩子上网学习，自己研究软件、编程序是件好事。但是，看到他现在的样子，简单像是走火入魔，学习被耽误了不算，每天都在电脑上忙，有时连饭都不吃，觉也不好好睡，却也没见他忙出什么来。眼看就要升学了，这可怎么办啊！”

心理咨询师意见

小宜这种情况是网络成瘾的一种类型，被称为“网络技术成瘾”。这类成瘾的青少年往往会下载使用各种软件，以追求网页制作的完美和编制各种各样程序为嗜好。他们往往沉迷于电脑程序的设计，自认为能成为一流的游戏和计算机程序的设计者。由于迷恋于网络不能自拔，以致影响了正常的学习和生活。值得注意的是，他们与电脑程序员的工作不同；网络技术成瘾患者往往没有目的、计划。另外，网络技术成瘾不像游戏成瘾或网络聊天成瘾那样明显，它通常会蒙蔽成瘾者的家长，使他们误认为孩子在研究网络技术，从而放松了警惕。

克服“技术瘾”的建议

治疗普通网络成瘾的方法在此也同样适用。需要注意的是，家长有必要特别提醒一下孩子，让孩子知道他的这种行为其实也是网络成瘾，因为这同样影响到了他正常的学习和生活，影响到了他的健康成长。当孩子认识到这也是一种问题时，可能会对控制成瘾行为有很大作用。另外还可以通过以下方法进一步控制网络技术成瘾。

1. 上网之前限定目标。每次上网之前花两分钟时间想一想：本次上网干些什么？把具体要完成的任务列在纸上。不要认为这个两分钟是多余的，它可以为你节省10分钟、半小时，甚至几个小时。

2. 上网之前先限定时间。看一看列在纸上的任务，估计一下大概需要多长时间完成。假如估计要用40分钟，那么把小闹钟定到20分钟，到时候看看进展到哪里了。如果嫌用闹钟麻烦，可以在电脑中安装一个定时提醒的小软件，在上网的同时打开，这样就能有效控制上网时间了。

3. 采用新的时间模式。打乱以往惯常的网络使用时间表，采用一种新的时间模式，从而打破上网习惯。比如，原来晚上上网，现在改为白天上网；原来每天要连续上网几个小时，现在可以将之打乱，分几次来完成……

篇9

【关键词】FlashPaper；精品课程网站；转换

随着教学内容和课程体系改革的不断深入，我国高等教育相继实施了一系列重大教学改革工程。精品课程建设是“质量工程”的重要组成部分，是实施“质量工程”、提高教学质量的一项重要举措。国家精品课程是具有一流教师队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范性课程。精品课程把学术研究成果转化为教学内容，突出教学特色，是集科学性、先进性、教育性、整体性、有效性于一身的主干课程。精品课程建设是一项综合系统工程，其中包括6个方面内容：教学队伍建设、教学内容建设、教材建设、实验建设、机制建设以及教学方法和手段建设，实现优质教学资源共享等。精品课程建设的目的，是要倡导教学方法的改革和现代化教育技术手段的运用，鼓励使用优秀教材，提高实践教学质量，发挥学生的主动性和积极性，培养学生的科学探索精神和创新能力。精品课程建设的核心是解决好课程内容建设问题，而课程资源建成后的共享与应用是关键点和落脚点。目前，精品课程建设已经成为高各大校课程体系建设中的一项重要内容。在精品课程的建设中，常常会加入一些文档资源，如Word、PowerPoint、Ex

cel文档等，但是这些文档往往占用空间大、不易传输，且保密性与安全性不高，为了克服这些缺点，我们往往需要对这些文档进行转换，FlashPaper则可以实现。

一、FlashPaper的工作原理

FlashPaper的工作原理是在操作系统中自动安装一个虚拟打印机，叫做“Macromedia FlashPaper”，我们使用控制面板打开“打印机和传真”窗口，就可以看到。这个虚拟打印机并不会将文档打印到纸介质上，而是将可打印的文档输出为SWF或PDF文档。简单说来，FlashPaper的工作原理就是用FlashPaper虚拟打印机将可打印文档转换为SWF文档，转换后的SWF文档能保留原文档中的链接，还可以直接嵌入到网页中并可以进行自由的放大，缩小，打印，翻页和搜索等操作。使用FlashPaper技术制作的网页文档在人机交互方面做的十分友好。（1）FlashPaper简介。FlashPaper是Macromedia公司推出的一款电子文档类工具，只需简单的操作，便可将可打印的文档转换成swf格式的Flas或者pdf格式的电子文档，而对源文档的排版样式和字体没有影响。这样制作出来的网站与操作系统无关，还可以随意进行放大、缩小、打印和翻页等操作，并可以表现丰富的多媒体形式。同时，它生成的文件较小，适合于网络传播。运用这款软件，可以满足精品课程网站制作的需求，让浏览者轻松浏览，便利地使用精品课程网站资源。（2）FlashPaper的安装。FlashPaper可以在Macromedia官方网站下载试用版，版本最新FlashPaper2.0，为免费使用30天。软件下载在本地计算机后，首先要运行Setup目录中的文件进行安装；其次按照HH/Flash Paper 2中文/readme.swf文件里面的方法来汉化程序。（3）FlashPaper的使用。FlashPaper的使用十分便捷，适用于任何程度的网站制作者。下面我们介绍3种转换的方法：第一，通过拖放式方法创建FlashPaper SWF文档。我们只需要把要转换的Word、PPT、Excel文档直接拖放到应用程序上，就能直接转换了。第二，利用微软Office附加项功能创建FlashPa

per SWF文档。当我们安装FlashPaper之后，微软Office软件中添加了菜单项和工具栏按钮，使我们直接可以在Microsoft Word、PowerPoint、Excel文档中生成FlashPaper文档。第三，通过右键菜单创建Flash Paper文档。我们可以右键单击任何一个文档，然后从快捷菜单中选择covert Micromedia Flash（.SWF）选项命令，来创建FlashPaper文档。

二、FlashPaper在网页文档制作中的应用

（1）第一步：按照自己的设计调整好Word文档或者PPT课件的内容格式，比如颜色、字体大小、超链接等属性，这些属性将会继承到转换后的Flash文档中。（2）第二步：安装Flash

Paper软件后，系统会自动调入这个功能，在Office的菜单栏中增加“FlashPaper”选项。比如，打开一个调整好格式的Word文档教案，在菜单栏中选择“Flashpaper”单击，执行“Covert

toMacromideaFlash”命令。或者开启FlashPaper软件后，把word、ppt文档直接拖入FlashPaper界面。转换完毕，在窗口中单击“SaveasMacromediaFlash”或者用快捷键CTRLS，就可以将转换得到的文档另存为SWF文件了。（3）第三步：制作网页：方法一，在网站后台管理界面，按正常添加文章文章的方式，添加标题、关键字等各项内容，然后在添加内容栏目像插入图片一样插入flash文档，调整flash文档到合适的大小，提交后在你提交的网页上就显示出动画模式的word、ppt文档。方法二，在Dreamweaver中插入FlashPaper。在网页制作工具中插入转换好的SWF文档的方法也很简单，这里的网页制作工具我们选择常用的Dreamweaver软件（它其实和FlashPaper都出自Mi

cromidea公司）。打开Dreamweaver后，在菜单栏中的“插入”下的“媒体”选项中就可以找到“FlashPaper”选项。执行该命令后，在弹出的对话框里输入要插入SWF文档的路径以及它在网页中的显示的宽度和高度值。这时候就可以预览SWF文档在网页中的显示效果了。如果没有错误则可以正式到网上。

三、FlashPaper在网页文档中体现的优越性

（1）它能提高网页文档的浏览效率，保持较好的人机交互界面。我们常见的网页中，教学资源的呈现是直接提供Word文档教案或者PPT课件的下载链接，通过点击这个超链接，把资源下载到用户的本地机器，然后再打开文档查看。如果在网页制作中使用FlashPaper技术，把Word文档和PPT文档转换成SWF文档，这样就可以在网页文档中直接查看Word教案或者PPT课件的内容，节省了“点击超链接，下载资源到本地机器”这个中间环节，从而提高教学资源的使用效率，有利于精品教学资源的传播。（2）FlashPaper有助于保护原作者的权益，保护版权。保护的顾虑。由于普通的网页内容很容易复制，这对广大教师而言，如果把他们的优秀教案、课件通过链接下载的方式放到网上，其原始内容就很容易让人更改，教师的知识产权往往得不到很好的保护。比如，使用PPT制作的幻灯片课件放在网上，就非常容易为人下载修改后使用，有些教师就因此而不愿意再把优质教学资源放到网上，这无疑会影响到优质教学资源的共享和传播。（3）FlashPaper生成的SWF文档是一种广泛使用的格式，体积较小，易于精品传播，而且兼容不同的操作系统，不论对方的平台和语言版本是什么，都可以自由的观看，具有良好的跨平台性。基于上述优势，FlashPaper技术在网页中的使用越来越多。希望有越来越多的教师能够利用FlashPaper制作优质的教学资源到精品课程中。

随着高校精品课程网站建立的推广，应用网络技术能力，可以加大网站应用多样化的构建。利用FlashPaper转换工具可以对网站进行优化。总之，FlashPaper文档转换工具是制作精品课程网站的好帮手。

参 考 文 献

[1]呙中美.浅谈FlashPaper在教学中的应用[J].办公自动化杂志.2009：3（152）

篇10

关键词:多元化;过程性;考试模式;教学模式

中图分类号:G642 文献标识码:B

把握外交学院文科外语院校的特点,计算机教学应从计算机应用教育入手。计算机应用教育包括培养学生应用计算机的操作使用能力、应用开发能力和研究创新能力三个层次。以培养学生创新精神和实践动手能力为重点,在建立以应用为主线的课程体系同时,改革考试模式,开展多元化的、过程性的和综合的考试模式,强调对学习过程的考核,采取融知识、素质和能力在内的综合性水平考核。打破传统的、单一的、书本的考试方式,把知识考“活”。在全面考核学生基本知识、基础理论、基本技能和综合应用能力的同时,更加强调对学生实践能力、开发和研究能力的考核。考试评价体系更多的把他们在研究、实践过程中的态度是否严谨、操作方法是否得当、结论是否有创新作为重要的评价指标。从而达到启发学生自主学习,培养学生实践能力和创新精神的目的。

1外交学院计算机教学基本情况

课程体系的指导思想是把握外交学院文科学生的特点,从专业的实际应用出发,从社会实际需求出发,从能力要求和知识结构出发,以应用为主线构建课程体系。打破传统的从理论出发,以理论为主线构建课程体系的思路。外交学院计算机课程体系的设置与《高等学校文科类专业大学计算机教学基本要求(2008年版)》的要求吻合,并更突出了其中提到的“面向应用,强调实践”的特点。

面向应用的课程体系设计时,采用了逆向思维的方式,从培养应用人才的需要出发设置课程和课程教学内容,具体说是根据学生计算机应用能力要求――确定与能力要求对应的知识结构――设计以应用为主线的课程体系――确定课程内容的顺序。课程内容方面把握文科学生的特点,强调浅层次、宽视角、应用优先。在处理知识的深度和广度的关系时强调以“广度优先”。

在六门计算机课程中,“信息技术应用基础”和“数据库程序设计”是本科一年级必修课,其余四门是选修课。建立了体现培养操作使用能力、应用开发能力和研究创新能力划分三个层次的课程体系,涉及到六个方向的计算机应用技术的知识结构,包括信息处理基础技术、程序设计技术、数据库应用技术、硬件技术、多媒体应用技术、网络应用技术。做到“四年不断线”,对学生信息素养和计算机应用能力的培养全面、深入和持久。尤其随着学生到高年级后,参加社会实习等工作,学生对计算机应用的要求更加迫切,该课程体系使学生有机会通过多种途径进行计算机应用实践。

外交学院计算机课程体系分为三个层次。层次一是通过讲授“信息技术应用基础”课程达到提高学生信息素养和计算机应用能力的目标。该课程涉及Internet基础知识、操作系统及Windows、文字处理、演示文稿、微机硬件基础、多媒体等七大模块的内容,突出体现宽视角浅层次的特征;层次二是通过讲授“数据库程序设计”课程,达到培养学生逻辑思维和、应用开发能力;层次三是通过讲授“Excel数据管理应用”、“图像处理基础”、“网页设计与制作”、“多媒体制作应用基础”课程,达到培养学生研究创新能力。

2考试模式多元化,启发自主学习,突出培养学生的计算机应用和综合能力

在学生掌握计算机操作技能的情况下,引导学生善于利用计算机技术有效地进行本学科的研究和实践。计算机教学面向应用就是面向各专业。要启发和帮助学生实现利用计算机技术深化本专业学习的能力。从启发自主学习,激发学习兴趣出发,结合课程的特点,六门计算机课程采用了四种不同的教学模式,结合不同的教学模式采取了灵活多样的考试模式。

类型一是环环相扣的基本技能教学。教学内容包括Internet网络基础知识、Windows操作系统、文字处理、演示文稿、微机硬件市场行情及常用术语、音频、图像、视频等。一学期总计十个与知识点相配套的实践练习,这些练习成绩都记入期末成绩。练习的设计从培养学生综合应用能力出发,尽量减少简单的问答和验证性练习。例如在讲解硬盘数据格式“簇”和“扇区”这部分较抽象的内容时,为了让学生认识到这些知识在日常使用中的作用,设计的练习是:“50个1KB的文件和1个50KB的文件在硬盘上二者谁占用的空间大?从硬盘拷贝文件到软盘上时二者谁拷贝得快?”支撑这个练习的理论是磁盘存储格式,通过这个练习学生要进行搜索不同类型文件,拷贝文件,查看文件属性等操作,通过实际操作看到的结果必然会激发他们的好奇心,从而可以较容易理解磁盘存储格式的抽象概念。文字处理软件的考核采用给学生一本排版完成的册子和纯文本的电子文档,学生参照排版结果进行操作,让考核更接近于实际工作,完全抛开规定修改某字号、字体的形而上学的考试形式。一门课程的考试成绩是由平日练习、打字测试,演示文稿作品设计,文字处理排版,期末无纸化考试五部分构成,比例是50%:5%:5%:20%:20%,在面向应用,启发自主学习方面取得很好的效果。

类型二是以项目任务贯穿的程序设计教学。教学内容采用贯穿一个学期的《学籍管理系统》、《图书管理系统》的实用系统的程序设计。期末考试是由项目程序和无纸化考试两部分组成,项目程序设计占期末成绩70%,无纸化考试占期末成绩30%。项目程序设计分模块进行,以学籍管理系统为例,分为:学生信息输入、学生信息维护、学生信息查询、信息统计、选课退课等模块。随着课程内容的讲授,学生将逐渐完成各个模块的设计,最终形成一个完整的可连贯运行的系统。期末无纸化考试题目全部出自与系统程序相关的内容,可以检验学生程序设计是否是自己完成。学生在教师的理论知识框架体系中边学习边设计,程序设计的过程是对学生逻辑思维地训练,处理问题的严谨性和严密性地磨炼,也是自信心和耐力地挑战。

类型三是实例教学。从激发学习兴趣出发,教师组织和编写了丰富生动的各种课程实例贯穿课堂教学,采用教师边讲学生边操作的方式,教学和实践紧密结合。期末考试采取在限定时间内完成给定任务的方式,例如“图像处理基础”课程考试是给学生电子版原始图片和处理完成打印的图片,让学生根据结果进行加工处理。“Excel数据管理应用”课程考试是给定基础数据表和统计分析的目标要求,学生根据要求完成数据表的统计和分析。全部采取现实案例的分析解决形式,让整个学习和考核过程更接近现实工作的形式。

类型四是主题研究型学习。课程从开始让学生分组,确立自己的主题。多媒体作品、网站作品的设计和制作,只有必要的技术实现要求,没有任何选题的限制。课程讲授过程中,学生根据自己确立的主题,结合学习内容和自己查找的资料提交阶段性报告,到期末提交作品和报告。确定主题、收集素材、划分栏目、规划设计、组织内容、表现主题等,不仅仅是一个作品的制作,是对学生组织信息能力、研究创新能力和协作精神的培养。

3面向学习过程的考试,强化实践环节,培养创新能力

通过编制程序、上机调试、上网搜索、作品规划和设计,引导学生拓展知识,大大地增强了实践环节和课外自学。项目系统的程序设计和开发,是对学生分析问题和解决问题能力的培养以及逻辑思维的训练。程序的出错、改错和调试过程也是对学生意志力和耐挫力的磨炼。主题作品制作过程中,以教学内容为主线,是对自我开拓能力、创造力和团队协作精神的培养。网页设计与制作和多媒体作品设计,学生选题都非常丰富,包括文化、情感、军事、体育、影视、动漫、宠物等,每年都涌现出大量优秀作品,凸现学生广泛的兴趣爱好、较强的自学能力和丰富的想像力。作品中会涌现很多学生自学的特效和自我的创意。通过这种考核方式实际是对学生信息组织能力的培养。学生历年的优秀作品经过整理在教学网站上,并为每个作品做简短的描述和评价,通过对学生学习成果的展示,达到进一步激励学生学习的目的。

4建立严谨而人性化的考试评价体系

对于程序设计、项目任务和主题作品设计的考试形式,最大的问题就是考试评价的严谨性,如果全凭教师对作品的直觉必然导致成绩的不公平,同时如果没有严谨的考试评价体系,不同教师批阅的作品必然无法保证统一的标准。因此在以尊重学生学习风格的个体差异,尤其是在项目程序和主题作品学生个性化的设计风格和思路为原则的基础上,编制统一的评分标准、统一的《批改评分表》。

例如“网页设计与制作”课程采用网站作品设计考核方式,网站作品的评分原则是:从网站栏目层次、网页数量衡量网站的内容丰富度;从色彩协调、风格统一、布局合理衡量网站的艺术性;从浏览方便和链接流畅衡量网站的方便性。在此基础上编制的评分标准如下:

(1) 网站整体规划(20分):网站名称(2分);网站主题明确(5分);内容丰富(5分),每个页面有栏目标题,栏目不少于4个,页面不少于10页;网站结构清晰,易于浏览(8分)。

(2) 网页布局和美化(20分):色彩协调,风格统一(5分);浏览方便,链接流畅(5分);艺术性(5分);Logo设计(5分)。

(3) 网站技术(40分):按栏目划分目录层次清晰,所有页面文件内容完整,文件命名合理(5分);Fireworks技术要求(10分):图片处理、导航、页面模板等;Flas(5分):至少网站内有自己制作的一个Flash;应用CSS(5分);表格布局(5分);模板技术或框架技术(10分)。

(4) 网站制作报告内容要求如下:(20分)

网站标题、站长、网站内容简介。

主要栏目划分、网站结构图、网站页面链接情况图、网站页面数量。

网站主体风格描述要简洁明确。

网站配色方案(以下两种方案都可以):方案一是主色调,辅助色调,点睛(突出)色调,用语言表达主色调,并列出主色调,辅助色调和点睛(突出)色调的十六进制值。如:网站主色调浅蓝色 主色调#AADDEE辅助色调#E0F0FF点睛色调 #664F9F;方案二是每个栏目各采用不同的色调,要说明如何保证的网站风格一致性。

各个栏目网页布局方法说明。网站中应该至少包括所列网页布局技术中的两种(表格布局、框架布局、模板)。

网站中如何应用CSS技术。

描述用Dreamweaver工具完成的工作。如:规划建站、网页布局、模板制作等。

详细描述用Fireworks工具完成的工作。如:导航栏制作、模板页面设计、图片后期处理使用了哪些特效、滤镜、图层混合、切片动态交互、矢量绘制拼合、文字特效、GIF动画等。

GIF动画使用的是逐帧动画还是元件动画,如何设置?Flash工具完成的工作。如:网站哪些环节使用了Flash?情节如何构思的?主要Flash分了多少个层、生成和设计了多少个元件,哪种类别的元件等。

耗费时间、团队角色分工、心得体会。

《网站制作报告》是学生网站作品设计的一个核心环节,《网站制作报告》地撰写应该是贯穿设计制作过程,该文档是网站制作的规划蓝图。此报告的详细度可以很容易检验出学生作品个人制作设计的程度,有效解决抄袭作品判定困难的问题。

5重视学生的反馈意见

因为课程突出应用实践,学生在充分实践和辛苦付出之后,得到丰硕的学习成果,抓住他们此时的心情,让学生谈谈课程的收获和建议,此时得到的反馈都是发自肺腑,充分而且真实的。通过了解学生对课程学习的心理状态,一方面可以检验课程的授课效果;另一方面通过学生对课程的意见和建议及时调整课程授课内容的组织方式以及授课形式。

学生对“网页设计与制作”课程总结:“我觉得一门课的价值不仅仅体现在课堂上所传授的知识本身的价值,更重要的是能使参与者体会到自身的价值所在。我为能参与其中感到非常幸运。在整个建站过程中,我的感受可以用以下三个词来形容:迷茫、摸索、享受。”

学生对“数据库程序设计”课程总结:“不再出错了,没有了错误的VF陌生了很多,但是那确实是实实在在的成果。开心是当然的,但是为什么觉得失落呢?有些东西只可意会不可言传,那种绝望与希望的跌宕起伏,那种生不如死的痛苦以及成功那一瞬的喜悦,那种看到错误之后的挫败感,还有做好之后看不到错误的失落……”

从他们的失败与成功的此起彼落的复杂心情中可以看到他们从自我创新学习中产生的极大动力和乐趣。

总之,计算机基础教育是培养学生的信息技术文化素养,作为复合型人才培养的基础环节,采用融知识、素质和能力在内的多样化的考试模式,注重学生在学习过程中的表现,培养思维方法和综合应用能力应该是关键。

参考文献: