首先，可以告诉想制作网页或想从事网站维护，网站管理等相关行业的的朋友。网页制作有很多种方式，不外乎自己开发，找第三方开发。找网络公司开发这里就不说了，没有什么技术含量，准备好钱就可以了，自己内部开发主要有下面两种方式：
下载cms（cms也称网站内容网站管理），互联网发展到今天，网站制作也变得非常简单，国内也出现了一批很专业的网站制作软件，比如pageadmin系统、shopex系统、discuz系统、wordpress系统等都是很优秀网站制作软件，有一句话说得好，站在巨人肩上会看的更高，一样道理，用专业的网站系统来做网站就是一个非常省力，省时的过程，并且强大的后台功能有利于后续功能扩展及改版，国内90%网站都是基于这些cms系统基础上搭建，其中不乏知名网站，当然，选中一个系统后你需要去熟悉这个系统的功能你才能运用得很好。
这也是一个专业企业网站开发人员必须掌握的方法，因为掌握下面基础，即时你用方法一来做网站，也能运用得更好，因为一把好剑也需要一个好的剑客，有基础后你会把各种cms系统运用自如，下面讨论一下成为一个网站制作人员必须掌握的知识：
第一阶段：开始时最好是学些图像编辑软件和基础网页脚本语法，如：Firework或photoshop，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，javascript语法（百度一下：javascript入门）这样可以使您更了解网页制作的原理。结合教程边学习边制作，这最多花你几周时间。
第二阶段：有了上面的基础，你可以制作一些简单的页面了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和ASP.NET,推荐后两种，因为Asp已经被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。
上面我们制作测试网站可以在自己电脑安装iis和对应软件（如php环境和asp.net环境）来运行并测试，网站做好了需要发布到网上给所有人浏览，我们就需要做下面几步：
网站的目的是以整齐美观的表现形式, 突出主题突出中心, 吸引网页浏览者的注意力。便于浏览者从网站方便的获取信息, 长时间的阅读网站信息。看似简单的功能, 却包含了多种要求, 突出主题, 就要求在制作网站前, 多所要表现的主题感兴趣, 熟悉, 能够给浏览者新的知识和信息点。所以中心内容的掌握与准备需要大量的工作进程;“整齐美观”就得要求对所准备的信息内容合理分类, 对不同的知识进行模块化的划分, 合理分类。需要用工具来进行基本的页面划分;“便于长时间阅读”需要给浏览者美观大方的感受, 应该美化, 同时在美化的时候不能使用过多的亮色, 这样会给浏览者眼部带来疲劳感, 影响长时间阅读。重要的一点是, 网站的信息应该不断更新, 给浏览者新的信息, 所以网站的制作要为动态, 不能是静态的不更新网站。
首先HTML语言, 可以说这是基础中的基础, 必须要掌握的语言, 如果只是会熟练的使用一些成型的制作工具, 却不了解基本语言, 那么在网站制作中出现问题时是无法及时解决, 成熟的完成网站的更新和制作的。HTML又成为超文本标记语言, 可以方便的使用该语言, 制作简单网页。在高级语言中, 需要掌握VB、VC、C#、JAVA等众多语言中的一种, 便于网站前台研发。在常用脚本和特效脚本中, 常用脚本常常使用PHP、ASP。NET等等。特效脚本作用是制作特殊的动画效果等。所以一定要掌握基本的使用。美化工具包括图片处理软件, 动画制作软件等。常用的有二维图片处理软件、网页三剑客等众多软件。
首先准备网站的主题, 将相关的文字、图片内容进行储存、筛选。然后进行合理划分, 把相关网站信息划分成不同的模块。然后利用脚本语言编写, 在编写过程中适当使用脚本语言和超文本语言, 对网站首页进行设计和制作。在首页制作完毕后进行二级页面、三级页面的划分。在动态交互和信息存储的模块, 要使用数据库, 比如SQL、ORACLE、DEBASE等进行后台数据的存储。当然前台与后台的交互和信息更改, 前台制作的方面就需要高级语言的编写了。当整体完成后, 要使得网站具有自己的特色, 就要根据主题特点进行标志性设计, logo的设计完成。
按功能进行划分可以初步分为以下五个模块 (具体的每个模块也可以细化) , 分别为:网站用户管理模块, 商品展示模块, 交易管理模块, 商品管理模块和订单管理模块。
网站用户管理模块:包括如下功能用户在第一次使用本网站的时候, 需要进行注册操作成为本网站的合法用户, 注册时只需要用户填写基本信息就可完成, 不涉及本人的真实身份。这样用户每次在要进入网站时候, 就可以点击登录, 输入注册时候留下的用户名和密码, 经过数据库中储存的信息验证, 如果验证两者一致就可以完成登录。本模块还可以进行个人信息的修改, 当用户信息产生改变时, 或者觉得密码被泄露时, 可以及时登录修改自己注册的信息包括登录密码。
商品展示模块:本模块功能顾名思义, 帮助用户看到手机产品的更多相关信息, 用户可以浏览产品的图片, 对感兴趣的手机进行图片放大, 以及相关技术参数, 手机信息的细致查询操作。
交易管理模块:用户对手机达到满意, 准备购买时, 可以在交易管理模块中点击放入购物车, 这就意味着准备购买了, 下一步就是对网站下达订单, 此时还不是确认购买, 用户还随时可以撤销订单, 直到用户通过网银、支付宝等手段付款后才为最终确定购买。过程设置合理, 用户可以有充分的考虑时间。
随着科学技术的飞速发展，信息网络技术已经成为众多科学技术中的一项核心技术，也是人们进行交流的一种主要方式。网站数量的增加，上网人数的增多都预示着信息网络发展的重要性以及必要性。网站作为一种新型的媒介技术跨越了时间和空间的局限性，并且网站的制作已经成为一种时尚，网络的制作与研发也具有划时代的重大意义。当今时代是一个先进化的时代，网站的制作与研发技术也逐渐走向成熟。
制作网站时需要就是要体现该网站的主体信息，其次还要做到网站整齐美观、不会产生浏览疲劳感。要使网站整齐美观，就要对制作网站的信息、不同的内容进行合理分类和归纳，而不是让人们浏览网页时觉得毫无章法、乱糟糟一团；要使人们在浏览网页时不会产生疲劳感，就需要在制作网站时多一些新意，少一些复制和粘贴，还应时刻关注信息的变化情况，这样才能随时更新网站上面的信息。
在制作与研发网站之前最重要的就是要学好、掌握好超文本标记语言（英文缩写是HTML），该语言是网站制作的基础。在制作网站时会遇到各式各样的问题，如果没能熟练掌握这门语言，那么就不能顺利完成网站的制作，也无法对网站进行修改、更新。HTML高级语言中主要包括Visual Basic、Visual C++以及JAVA等语言，熟练掌握这些语言能够为网站的开发提供一个很好的开端。而且在网站实际创作过程中也会用到这些语言，利用这些语言对网页进行编程，编程的正确与否能够决定网站是否可以运行成功。由此可见，熟练掌握HTML语言在网站制作研发过程中发挥着重要的作用。
网站是集文字、动画、图片等等为一体的一个集合，除了利用这些基本语言制作网页外，在设计动画或者图片时还需要用美化工具对其进行处理，以增强网站的可观性。在处理动画、图片时最常用的美化工具就是二维图片处理软件，有时还会用到美图秀秀、Photoshop等软件。
首先要先想好设计网站的主题。因此，制作一个好的网站最重要的就是要确定好网站的主题，因为一个好的主题能够决定这个网站是否能够引起人们的注意力及兴趣，而且在制作网站时还要根据网站的性质展现出一个合适的主题，所制作的内容需要围绕这一内容来展开，不要在制作网站时添加过多和主题不相关的信息，否则会引起大多数人的反感而不愿继续浏览，这样就丧失了制作网站的初衷。
其次，将设计网站时设计到的信息、文字、图片等进行合理筛选、合理排版，并需要将网站的结构、风格以及颜色的搭配等考虑进去，这样才能展现出网站设计的个性。对制作与研发的网站进行规划时大致包括对网站的定位、用途、维护等方面。将制作网站时需要注意的细节考虑周全，规划好网站的每一个步骤才能确保制作出好的网站。在Internet上显示出该网站的方式是域名，它是各个网站之间进行相互联系的地址，而且网站的域名要简单、容易让人记忆，并且与网站的中文相符合，这样才能提高网站的推广与应用。
再次，熟练掌握建网工具。前面提到制作研发网站的基础就是要学好HTML语言，制作网页时都会利用FrontPage、Dreamweaver等网页制作软件。其中，FrontPage是一种比较简单的软件，并且对刚开始学习制作网站的人员比较适用。由于初学之人对操作代码不熟悉，FrontPage就可以帮助他们对网页上的源代码进行解析。而Dreamweaver和FrontPage相反，它是专业制作网站的人员应用的一套软件，是一套高水平的软件。利用这个软件可以设计出动感的网页，设计出的动画感更为强烈。
最后，制作研发网站的最后一个步骤就是确定网站的主界面。网站的主界面就好比一篇文章的字迹是否工整，内容是否充实，它能够决定这篇文章是否具有可看性，网站的主界面也是如此。确定网站的主界面需要注意以下几个方面的细节问题。一、确定好网站的栏目，规划好网站的排版，每一块排版都要充分体现出网站设计时的主题设计好网站的内容。二、设计好网站的目录，能够使浏览网页的人更好、更快的找到自己想要的信息，而不必在一些没有用的信息上面浪费自己的时间；此外，建立目录结构还能很容易、很方便的管理好文件，不至于使其造成混乱。能够很快筛选所需信息的方式除了创建目录外，还可以创建超级链接，其中链接结构的建立方式有两种，一种是树状结构的链接方式，另一种是星状结构的链接方式。网页的超级链接既能很容易的筛选信息，还能使空间进行扩展。链接所具有的这些优势使得链接在制作与研发网页时的应用变得越来越广泛。
在目前科学技术的不断发展中，人们获取信息的方式越来越依靠网络信息的巨大力量，并且网站是人们获取相关信息的方式之一。由此，网站的制作也开始变得越来越重要。制作与研发的网站不仅要能够吸引浏览者的阅读兴趣，还必须能够使浏览者能从中获取有用的信息，在这基础上就要掌握好制作网站所需的相关专业语言与知识。制作网站的过程是复杂的，需要耐下心来一步一步的去完成，切不可操之过急。
[1]齐宁.网站制作与研发[J].电子制作，2013（13）：70.
[2]宋志新.浅谈网站建设和网页制作的方法[J].电子技术与软件工程，2013（04）：22.
近年来，学校网站的建设在学校掀起一股热潮，许多学校都建起了自己的网站，形成了一个覆盖全国的网络并通过专线与Internet连通。这一方面加强了学校与国内外的联系，有利于及时了解国内的信息，有助于提高学校的科研教学水平；另一方面，校园网站的建立也方便了学生或者家长收集大量有效的信息。学校网站也会发布大量的信息。建设校园网站对每个学校来说都不是一件非常容易的事情,因此每个校园网站的设计、建设都要经过周密的论证、谨慎的决策和最后细致的施工。【关键词】
本文主要介绍了学校网站的制作过程，和相关软件的使用，在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet的“海洋”中将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。2目的与意义 2.1目的
学校的目的是通过教学过程来培养人才，因此对教学过程提供直接支持应是校园的基本功能。校园网站能发布大量的信息。与Internet的联接也是校园网站的基本功能之一。联接Internet可以使学校把目光投向更广阔的空间。大大扩展师生获取知识的途径，网站上有大量的信息可以利用。校园网的技术方案设计校园网的设计应尽量采用符合国际标准的、比较成熟的技术，兼顾网络技术
江苏畜牧兽医职业技术学院毕业设计 的发展方向，选择结构化、可扩充、多用途的网络产品，保证学校网站在较长时间内不落后。网络应坚持高效实用的原则，着眼于教学、科研、管理的实际需要，用有限的资金优先解决工作急需的问题。通过此网站的设计，方便发布大量的信息。
2.2意义校全购大学生自己的购物网 aohangouwu.taobao.com 学校网站是学生和教师的一个交流的平台，学生可以在网站上找到很多学习资料和一些就业的信息以及自己相关专业的一些最新信息，对学习有相当大的帮助，也可以和其他同学一起讨论。学习也有乐趣。教师也可以在学校网站上和同学交流，或者查找一些教学资料，大家也可以共享一些资源。总之学校网站的作用是十分明显的。此网站的主要功能就是发布信息。3开发软件介绍 Dreamweaver介绍
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。4设计思路
在电脑磁盘中新建一个文件夹，然后将所有收集到的素材按照所需要求处理，使用photoshop将需要处理的图片进行处理，最后将处理好的照片放在这个新建的文件夹中。然后开始制作网页。网站规划与制作 6网站规划
要做的都是静态网页，首先新建一个html文件，第一步要先做好背景的处理，打开页面属性调整背景颜色此网页所使用的是淡灰色的背景，背景色调好之后然后就是划分区域，首页一共划分成6个区域，在顶部的是一张图片是学校的招牌。
| 所有系部 |
| 畜牧系 |
| 兽医系 |
| 宠物科技系 |
江苏畜牧兽医职业技术学院毕业设计
7-网站制作协议 篇5
甲方：_____________________________________ 乙方：_____________________________________
经甲、乙双方协商一致，现根据《中华人民共和国合同法》签订本合同，约定如下条款：
一、委托项目
甲方委托乙方负责策划、设计、制作、建设和开发甲方网站，网站方案应严格按照《网站建设策划书》执行。
二、双方权利、义务和责任
1、甲方保证为乙方提供信息资料的内容符合中华人民共和国有关法律和法规。否则，乙方有权拒绝制作和刊载，乙方不承担因此而造成的一切后果。
2、甲方应自合同签订之日起3个工作日内向乙方支付定金。甲方不在合同规定时间内支付定金的，视为违约，乙方有权拒绝履行或单方终止该合同并有权收取甲方相当于总制作费5%的违约金。
3、甲方应自合同签订之日起一周内，将全部资料交给乙方。双方对所提供的资料加以确认后，乙方将在收到甲方提供的全部资料及预付款之日起开始设计初稿，并于 7 _个工作日内将初稿交于甲方审议，乙方提供给甲方的设计方案如不符合甲方要求，甲方须在收到乙方提供的设计方案后3个工作日内提出书面修改意见，逾期视为认可，乙方将继续展开制作工作。
4、乙方在得到甲方对初稿的认可后，开始为甲方展开后续制作工作，并于 20 个工作日内制作完毕，交于甲方确认。在制作全部完成前，乙方有权不接受甲方的任何修改意见和内容的增减更换。
5、乙方在制作完成后，上传网站到测试空间，并以书面或其他文字信息形式通知甲方验收，甲方应于收到通知后的3个工作日内向乙方提出书面修改意见，逾期将视为验收合格，乙方将不再修改。如甲方需要的改动较大（如风格、版式、功能上的增减），须额外交纳制作费总额的40%以上，或双方协商。
6、甲方须以书面或其他文字信息形式对乙方制作好的网站进行验收确认，乙方完成的网站一经甲方验收合格，乙方的制作任务即告完成，甲方应在验收后3个工作日内向乙方支付项目余款。
7、乙方在得到甲方的验收认可并收到甲方支付的余款后将正式开通甲方网站。乙方正式提交给甲方的网站应以甲方提供的资料为准，确保无文字拼写及图片错误。
8、甲方如未按期支付定金，乙方有权不予制作；网站最终验收阶段，甲方验收合格后或逾期未提出修改意见，乙方有权向甲方追究余款；如甲方未按期付清余款，乙方有权关闭该网站，并收回全部制作内容，且不予退还定金。
9、甲方未付清余款，乙方有权拒绝开具发票，同时有权拒绝为甲方提供本协议第三条“售后条款”中所涉及到的售后服务。
三、售后条款
1、乙方必须在甲方付清全款后保证网站在互联网上正常使用。
2、乙方将为甲方提供后台管理程序以便甲方能够自主方便地管理。
3、甲方如需要乙方提供网站后期维护服务，需签订《网站后期维护服务书》，乙方按照该服务书内容提供后期维护服务。
4、乙方免费为甲方完成百度、谷歌搜索引擎的网站收录,但不保证效果。
5、如果甲方需要进行百度及谷歌推广服务，乙方需积极配合办理，但是推广费用需甲方自付。
四、合同期限
合同中，对于乙方向甲方提供的服务，有涉及到合同期限的项目，在合同期限到达时，如果双方认为本合同有必要延长，则本合同自动延长。如有必要，到时亦可对本合同进行修改，或另签新合同。
五、合同中止及违约责任
1、在合同执行期间，如果甲方单方面提出中止要求，已付定金不予退还。同时本合同即告中止。
2、如果在合同期间或期满之后，甲方需要乙方的其他服务，双方另签合同。
3、其他合同中止及违约责任描述，见“双方权利、义务和责任”具体内容。
六、争议解决
在合同执行期间，如果双方发生争执，双方应友好协商解决。
七、不可抗力
因自然灾害、停电、政府行为等不可抗力造成双方不能履行本合同义务，双方通过书面的形式通知对方，并应友好协商解决。
八、定金和制作费支付
此网站的总制作费为_3600_元（大写： 叁仟陆佰元整 人民币）；甲方应自合同签订之日起3个工作日内向乙方支付相当于总制作费50%的定金_1800_元（大写： 壹仟捌佰元整_人民币），于网站制作完成之日起3个工作日内支付乙方余款_1800_元（大写：_壹仟捌佰元整_人民币）。
九、附则
本合同如有未尽事宜，双方协商解决。本合同（共2页）一式两份，甲乙双方各执一份，经签字或盖章后生效，具有同等法律效力。
甲方：
乙方：
网站制作论文致谢 篇6
三年的研究学习时光转瞬即逝，当我还在品味研究所带来的痛苦和乐趣的时候，却不得不放下手中的书本告别这所“东方最美的校园”。回想这段研巧时光，我感触颇深，要感谢的人也颇多。首先，我要真擎的向培育我的导师朱彩兰副教授表示感谢。她对我的教诲与影响，使我不仅在学术上取得了进步，更重要的是她严谨的治学态度、深厚的知识基础和平和的处事风格都成为我学习的榜样，在我的人生道路上刻上了浓重的一笔。她对我的论文倾注了大量也血，从选题的确定、研究方案的提出，到具体论文实践的实施、材料的组织、语言的表达都给我许多指导意见，对于我提出的问题，不论时间再晚，事情再忙，她都会给我最快答复，非常感谢她毫无保留的付出与帮助。
同时，感谢李艺、钟柏昌、王语、沈书生、庞明勇、田俊华、陈钢、王帆等老师，他们在论文的`开题、中期和答辩阶段为我的研究提出宝贵意见，帮我整理思路，指明方向。衷屯、感谢为我们授课的各位老师，他们让我积累了理论基础，掌握了研究方法，拓宽了x究视野；感谢我的同学们，是大家的互相支持和鼓励，让我更加奋进。当然，我最应该感谢的是我的家人和朋友，为我营造了良好的生活氛围，是你们的鼓励与无微不至的关怀让我可已全身心的投入到学习与工作之中。三年的研究生生活即将结束，但是我的奋斗步伐没有停止，我将以此为新的起点，在老师的指引下，在同学和朋友的帮助下，继续前行，在教育教学实践中开展新的追求和探索！
网站制作论文致谢二：
本文的撰写得到了许多人的支持与帮助，我心存感激，在此对给予关心与支持我的老师、领导、同学、同事和朋友，表达衷心的感谢。
首先，我要特别感谢我的导师彭绍东教授对我的无私帮助与辛勤指导彭教授学识渊博，治学严谨，待人诚恳的优秀品质令人敬佩，并对我有着深远的影响。从论文选题、定题到构思、撰写、修改等都离不开彭教授的悉心指导，在此表达我诚挚的感谢！
同时，我还要感谢湖南师范大学的张伯邑副教授、杨平展副教授、朴成日博士、张青副教授等，他们不仅传授了我许多知识，还拓宽了我的视野。我还要感谢我的同学王征、李是行、曾林晖等现代教育技术专业的研究生，他们给予了我无私的帮助。
最后，我要感谢醴陵陶瓷烟花职业技术学校的领导和计算机专业组的同事，本文研究中一直给予支持、帮助、鼓励，给我提供了许多意见和建议。
同时，感谢各位专家、学者在百忙之中审阅拙文并慷慨指正！
网站制作论文致谢三：
时光荏苒，两年的研究生生活即将结束。回首两年的华科大求学历程，其间既有跋涉的艰辛，也有成功的喜悦，这些都非常值得我回味与留念。在论文结束之际，我要深深地感谢那些关心我的老师、亲人和朋友们。
本论文是在导师罗晋华副教授的悉心指导下完成的。导师严谨的治学态度，精益求精的工作作风，诲人不倦的高尚师德，平易近人的人格魅力对我影响深远，使我终生受益。罗老师还为我们提供了良好的学习条件和环境，多次给予我们与本学科领域交流与学习的机会。本论文从选题到完成，每一步都是在导师的指导下完成的，尤其是在系统开发的过程中，很多难题的解决都得益于导师的指点迷津，本论文倾注了导师大量的心血。在此，谨向导师表示崇高的敬意和衷心的感谢！
感谢现代教育技术中心雷志华老师、古忠民老师、教务处许晓东老师、华中师范大学张屹老师对我学习上的指导，使我受益匪浅；感谢现代教育技术中心周文斌老师、王晓燕老师、夏志强老师在学习和生活上给予的无私帮助。感谢师兄张培山和师姐裴亚南、李琳对我学业上的指导和帮助，你们勤奋、认真的学习态度给我树立了良好的榜样。感谢我的同学李玉梅、巩云飞，孙佩娟、武利成、廉欣、王善雪、陈国松的关心与帮助，两年的学习道路上有你们相伴，给我留下了许多美好的回忆。
还有教科院的其他老师和同学都给了我极大的关心与帮助，使我能在一个融洽的环境中安心学习、顺利毕业。在此一并对他们表示深深的谢意！
网站制作的小组合作学习模式 篇7
信息技术的课堂缺少延展性, 缺乏课前和课后的积累, 因此, 当堂对小组分数做好总结和利用是时效性的体现, 也是激励他们学习热情的需要。
课堂小组分由带书分、纪律分、发言分、展示分、过程分、评价分共同构成。有加分也有扣分。分值为1-3分。其中, 评价分具有双重意义, 一指某小组展示后, 下一组学科组长进行评分, 评分要求:根据展示的要求, 正确合理, 扣分有依据。二指为避免个别学生不认真聆听, 靠同学关系打分, 对小组评分环节也设置评价分3分。每堂课获得最高分的小组, 组内每位都得到平时分, 没有分值, 只作计数, 期中期末考核时, 平时分作为加分依据, 平时分越多, 考试结果加分越多。
通过加分规则的制定, 课堂纪律获得改善, 学生回答也更加积极, 专注度得到提升。需要注意的是, 打分不能太随意, 一定要依据约定好的规则, 并且还需要在第二次课及时公布上节课得到平时分的学生名单, 延续评价效果。
二、选题筹划, 明确方向, 合理分工, 放大优势
11.选题的要求
不可太宽泛, 去除高大上, 走实用路线, 保证具体可行。比如:选择“宇宙”作为主题, 很有意义, 素材也多, 但正是素材多, 在划分子主题时, 如果是按照星系划分, 那么, 仅银河系一张页面就说不清楚, 把握不好就会形成二级、三级页面, 问题复杂化。如果按照行星划分, 未免以偏概全, 几颗行星不能与宇宙画上等号。初中生对这个知识体系的兴趣浓厚, 但储备不够, 制作基础还不足以支撑起这种主题的网站。又如:有个小组集体讨论后, 决定选择“甜品”做主题, 笔者和他们商量划分子主题的依据有两种可能:一是国家, 那就涉及二级页面, 或者按照类型, 那么一页的份量就比较大, 小组二次讨论后, 决定选择“意大利甜品”, 缩小范围, 再进行子主题划分, 网站做起来也更专业更容易。主题的选择和子主题的划分看似简单, 喜欢就行, 但选择不当, 直接影响下一环节, 甚至寸步难行。为了保护学生的兴趣爱好, 在他们选题的基础上, 如果出现过大过高, 作为教师需要帮助他们缩小范围, 降低层次, 确保制作环节顺利开展。
22.发挥小组长的核心作用
连续三节课, 笔者都单独召集行政组长开会, 强调每节课他们需要布置给组员完成的任务。从第一节课的引领大家商讨网站主题, 到第二次课的子主题分工, 再到第三次课上的首页制作人的选定, 笔者发现用好组长, 能有效促进小组任务的进行, 每次5 分钟的简短召集, 是提高课堂效率, 团结小组的有效途径。单人任务+小组合作+组长引领, 延续这样的模式, 尽早完成每个小组的“产品”。
33.分工的建议
两种方式, 一是按素材分工, 就是将图片类、文字类、视频类、动画类、声音类的素材分别分配给每个组员, 专攻性强, 但任务含量不均, 难度不同, 最大的问题是进入制作网页环节时, 制作者对素材的要求与收集者不一致, 造成二次劳动, 浪费时间和资源。二是按页面分工, 在色调、布局、字体等绝对统一的基础上, 一人负责一个子页面, 每位组员负责自己页面素材的收集和整理, 这样, 组员间不起冲突, 效率也能得到保证。
三、首页先行, 高效有型, 素材整理, 保质保量
11.首页制作
为了保证一个小组的所有网页整体风格统一, 我们将网站的制作分为前后两个阶段, 首先制作首页, 在首页完成之后, 子页面在首页的基础上修改主体部分的单元格布局, 不改背景、色调、字体、顶部和底部。
和组长开会确定每组制作首页的学生人选时, 笔者特别强调两点:一是电脑操作相对熟练, 二是具有一定美工基础。首页的地位相当于是火车头, 利用最短的时间完成成熟的首页面, 为下一阶段子页面的制作省时省力, 同时还能帮助其他组员开展制作。
22.网页元素
文字与图片是构成一个网页的最基本的元素。可以简单理解为:文字就是网页的内容, 图片就是网页的美观。除此之外, 网页的元素还包括动画、音乐、视频等等。文字和图片的下载相对简单, 动画、音乐、视频的下载有一定技术难度, 鉴于需要的数量不多, 学生的网站主要使用最基本的两个元素。
33.图片的选择
(1) 原图与缩略图尺寸不一样, 下载时要注意区分。小图变大会模糊, 大图变小效果不理想, 根据实际需要去选择。
(2) 每张的图片数量无需太多, 重在质量, 控制在3-5 张即可。
(3) 网上关于某个主题的图片很多, 选择时避免图片本身背景复杂多样、色彩丰富的, 这样的图片色调太亮, 既不易于搭配, 又会影响网站色调。
(4) 做背景的图片尽量选择浅色纹理型的小图, 这样无论是单元格、表格还是网页, 在填充背景时图片自动平铺, 过渡比较自然。如果选用景物型的图片, 图片本身色彩应偏淡, 没有大幅风景或人物, 否则, 影响文字的阅读效果。
不要每页都采用不同的背景图片, 以免每次转页都要花时间去下载, 采用相同的底色或背景图片有助于增加网页一致性, 树立整体风格。
44.图片的编辑
使用无需安装且操作简单的Office Picture Manager软件。
尺寸:与网页布局好的单元格尺寸匹配。
局部:网上下载的图片有些自带拍照时间, 利用裁剪功能剪掉该部分, 让图片效果更好。有些图片只用其中的一部分, 利用裁剪功能剪掉多余部分, 留下的部分另存为新图片。
旋转:对图片的角度进行任意调整, 以达到最佳效果。
55.文字的网页格式
学生喜欢直接从网页上复制文字素材, 然后粘贴到自己的网页中, 这样很多文字编辑后的格式也一并粘贴过来, 特别是超级链接, 如果遇到无效链接, 打不开页面, 势必对自己的网站造成不好的浏览印象。解决的办法是使用“记事本”软件、“过滤”原有格式, 方便快捷。
66.搭建框架布局页面
在软件“Office Frontpage”中, “表格”菜单用来搭建网页的框架。我们使用“绘制表格”工具, 布局表格和单元格。表格的宽度在900-1000 像素之间, 高度最好不超过一屏即768 像素。整个页面分为顶部、中部和底部, 顶部通常放置标题图片、LOGO、动画、导航栏;中部是主要内容区, 可以是上中下结构, 也可以是左中右结构, 导航栏也可以放在中部的侧边;底部主要是版权信息, 包括制作者信息。首页制作者按照这样的结构布局单元格, 做到一格一素材, 尽量细致。
四、目录整理, 布局子页, 网站包装, 各有特色
11.目录结构
网站的目录结构是一个容易被忽略的问题, 初学者常常未经规划随意创建目录。目录结构的好坏, 对浏览者来说并没有什么太大的感觉, 但是, 对于网站资源的上传维护以及内容的扩充和移植有着重要的影响。
对于目录结构的创建和管理, 专家给我们的建议是:
(1) 不要将所有文件都存放在根目录下, 这样容易造成文件管理混乱, 会搞不清哪些文件需要编辑和更新, 哪些无用的文件可以删除, 哪些是相关联的文件, 影响工作效率。
(2) 按栏目内容建立子目录。子目录的建立, 首先按主菜单栏目建立。例如:企业站点可以按公司简介、产品介绍、价格、在线定单、反馈联系等建立相应目录。其他的次要栏目, 类似what's new、友情链接内容较多, 需要经常更新的可以建立独立的子目录。而一些相关性强, 不需要经常更新的栏目, 例如:关于本站, 关于站长, 站点经历等可以合并放在一个统一目录下。所有小程序一般都存放在特定目录, 例如:java程序放在java目录, 便于维护管理。
制作单张网页时, 所有需要下载的内容放在单独的目录下。比如:文字性素材放入text文件夹中, 图片素材放在image文件夹中, 动画内容可以放在Flash文件夹, 声音文件、视频文件也同样, 文件夹名称可以分别为audio、video。单张的网页只需在根目录下就好了。这种管理方法非常适用于小组合作, 由于小组网站都是静态网站, 内容不多, 更新较少, 按照下载素材的类型建立目录就可, 首页和子页面都放在根目录下也不会混乱。
(3) 在每个子目录下建立独立的images目录。通常一个站点根目录下都有一个images目录。刚开始学习主页制作时, 很多人习惯将所有图片都存放在这个目录里。可是后来发现很不方便, 当需要将某个子栏目打包供网友下载, 或者将某个栏目删除时, 图片的管理相当麻烦。经过实践发现:为每个子栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。学生的小组网站只有一级页面, 没有二级、三级甚至更多了, 因此, 建议学生参照第二条方法, 所有图片都放在image目录中。当然, 每个主目录下建立一个image目录的方法是科学高效的, 将来学生能力需要进一步提升, 制作更复杂一些的站点时一定会用到。
(4) 为方便管理维护, 目录的层次不要太多, 建议不要超过3 层。
22.素材的整理归类
经过两到三节课的素材收集, 学生需要的文字图片素材基本到位, 对于素材文件的归类、命名、编辑等更加重要。根据之前的理论学习, 实践中必须注意的是:第一, 不同类型的素材各自建文件夹;第二, 命名有序有规律, 不适用过长的文件名, 尽管服务器支持长文件名, 但是, 太长的目录容易出错且占用资源;第三, 所有的文件名、文件夹名一律使用英文名, 网络无国界, 使用中文目录可能对网址的正确显示造成困难。
33.高效制作子页面
组员打开已经制作好的首页目录, 里面至少包含一个图片文件夹, 一个首页文件。第一步, 将收集的图片素材拷贝到图片文件夹中待用, 其他类型素材如果有可直接放在根目录下, 酌情使用;第二步, 对首页文件重命名, 以子页面主题名称命名, 易于辨认;第三步, 进入软件Frontpage, 打开页面, 保持顶部标题、导航栏、底部版权、背景、字体等部分不变, 删除主体部分单元格, 重新布局。布局时, 根据素材数量使用单元格, 原则还是一格一素材, 尽量细致。
这一步是保证网站整体统一的关键, 布局靠首页框架的固定, 风格靠色调背景字体的统一, 这样, 才不致一人一张页面, 打乱整体性。首页制作者在组员制作时主动帮助, 保证方向不偏离, 督促页面的制作。
44.设计色调
网站给人的第一印象来自视觉, 不同的色彩搭配产生不同的效果, 并可以影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩, 网站的标志、标题、主菜单和背景色要给人以整体统一的感觉。一般来说, 一个网站的标准色彩不超过3 种, 太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色、黄/橙色、黑/灰/白色三大系列色。一般暖色较冷色的记忆性强;色彩还具有联想与象征意义, 如红色象征血、太阳;蓝色象征大海、天空和水面等。假如设计出售冷食的电子商务类网站, 使用淡雅而沉静的颜色, 使人心理上感觉凉爽一些, 网站的制作效果比较好。学生制作页面时应注意按照以上原则恰当使用。
55.设计LOGO
LOGO是指网站的标志, 标志可以是中文、英文字母, 也可以是符号、图案等。标志的设计创意应当来自于网站的名称和内容。比如:网站内有代表性的人物、动物、植物, 可以用它们作为设计的蓝本, 加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。学生在制作之余, 可以参照知名网站的LOGO设计, 比如:搜狐、新浪、百度等, 设计制作简单易记的标志, 这一步对美工基础要求较高, 还需要软件的支撑, 对学生的要求是在有余力的情况下尝试。最常用和最简单的方法是用自己网站的英文名称作标志, 采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
五、动画点睛, 完成链接, 自评他评, 完善作品
11.标题动画
小组的灵魂人物, 首页制作者此刻任务较轻, 他们承担起标题Flash动画的制作, 为小组网站建立生动多彩个性的标识。 鉴于时间和个人基础, 教师推荐使用SWFText软件。这款软件安装简便、操作简易、可视化强、功能强大、实时生成, 非常适合没有动画基础的学生。学生打开软件, 操作可以很快上手, 只需在众多现成的背景、颜色、文字的动态效果中组合一番, 即可得到想要的标题Flash动画。小组网站因标题Flash动画的插入, 增添了几分生机, 设计感得到增强。
22.完完成成超超链链接接, 激活导航栏
Frontpage自带“自定义按钮”, 式样丰富, 用它做超级链接非常适合。学生在制作首页的时候已经插入了“自定义按钮”, 但在保存网页的时候相继有学生发现, 软件提示很多图片需要保存, 如果直接点击确定, 就会将这些图片保存到网站根目录下, 使根目录看起来杂乱。当学生为此而疑惑时, 笔者让他们打开这些图片文件看看是怎么回事, 这时学生会发现原来每三张图片就是一个按钮, 分别代表了按钮的静止、鼠标悬停和鼠标点击三个状态。找到原因就能知道如何解决这一问题, 在插入了“自定义按钮”后, 保存网页时, 改变这一组按钮图片的文件夹, 比如更改到指定的图片文件夹中, 根目录就不会因此而显得杂乱。
在子页面制作完成后, 对所有页面的“自定义按钮”编辑其之前空着的超链接地址, 选择相应的页面即可。做完所有页面的超级链接后, 一定要提醒小组测试一遍每个页面的每个按钮, 防止遗漏或链接有错。
33.客客观观自自评评, 有效他评
每组每人拿到一张网站制作评价表 (自评) , 从四个角度:页面布局、页面内容、版面效果、技术应用共14 个评价指标对自己小组的网站首先进行评价, 要求就是客观公正。他评的评价表和自评表的评价指标一样, 不同的是需要统计出每个组网站的得分情况, 从而了解比较优秀的小组网站。在他评时, 小组所有成员参与讨论, 由组长负责记录对每个组每个指标的打分情况, 保证他评是小组讨论的结果。但实际情况会出现部分小组组长将评价表发给每位组员, 让他们一人评一组, 结果是虽然每个组都有评分, 但相应的, 组员看到的作品要少很多, 容易失去学习的机会。关于这一问题教师要注意事先和各组长说好要求。
他评完成后, 每组组长在黑板上八个小组的位置里写下本组的他评分, 统计后, 比较优秀的网站也随即产生。接下来, 各小组由首页制作者带领其他组员展示本组网站制作心得, 回顾制作的注意点, 与其他小组交流经验, 共同进步。
课程持续了一个学期, 学期结束之时, 汇集各组作品供学生相互切磋相互欣赏, 分享和交流合作与分工的过程体验。以小组的形式开展网站制作, 为学生自我学习、相互学习提供机会的同时, 又保证任务的有效完成, 值得继续研究和推广。
摘要：课改在学校全面实施已两年有余, “三学三问”的课堂模式旨在强调学生的主体地位, 发挥学生主动探究知识研究问题的优势, 自学、他学、合作学习是提高效率、培养能力的有效途径。将网站制作分配给一个个小组去完成, 让学生享受分工与合作的过程, 在最短的时间实现网站作品的完整呈现。小组合作过程中, 教师提供各类资源, 统筹进程, 帮助协调, 保证网站制作的有效开展。
关键词：小组合作,网站制作,高效有序
参考文献
[1]江苏省中小学教学研究室.初中信息技术[M].南京:江苏科学技术出版社, 2012, 11.
[2]网页元素.[EB/OL].http://baike.baidu.com/.
[3]网页的目录结构.[EB/OL].http://zhidao.baidu.com/, 2012-05-08.
[4]静态网页.[EB/OL].http://baike.baidu.com/.
数字教材的制作工具和制作方法 篇8
1.iBooks Author
苹果公司2012年发布iBooks 2，主推数字课本功能，并同步推出免费的电子书和数字教材制作工具iBooks Author。iBooks Author制作出的电子书可以在iBookstore下载，在ipad上阅读。
iBooks Author的推出，使得APP制作人员可以通过它提供的模板来创建电子书，插入音频、视频、3D等多媒体内容。iBooks Author提供图形界面，所有操作都是所见即所得的风格，它还支持在ipad上预览正在制作的电子书。制作完成的作品，可方便地提交到iBookstore，供用户免费或付费下载。
由于iBooks Author是免费软件，它深受广大教师和APP制作人员的喜爱。但该软件基于Mac OS，需要在线制作，所制作的APP只能在苹果移动设备上使用，在一定程度上影响了出版企业的选择。
2.Digital Publishing Suite
Digital Publishing Suite简称DPS，是Adobe公司推出的数字出版解决方案，是一套可用来在平板设备上创建和发布应用程序的工具和托管服务，提供专业的数字内容发行、销售和分析服务。
使用InDesign CS6，APP制作人员可以为使用InDesign排版的内容设计交互效果，从而将这些内容呈现到移动设备上，使读者可用一种完全不同的方式观看媒体。读者可以使用手势浏览幻灯片放映、平移和缩放图像、将对象旋转 360°等。
DPS不仅是数字出版的工具，同时也是数字产品发行、销售的工具，它要求使用该软件制作的APP都使用其提供的托管服务。这一要求一定程度上限制了出版企业，尤其是国内出版企业的选择。目前，DPS多用于杂志的数字化制作和发行。
3.飞翔2012
飞翔2012是方正电子公司针对移动出版推出的多形态出版编排设计软件，可用于制作电子书资源包，通过方正电子公司的翔云阅读器来阅读。在制作中使用到教育互动对象的，则需要使用慧云阅读器。
飞翔2012是在传统图书排版软件功能的基础上，拓展了互动设计的功能，从而应用于移动出版。它制作完成的并不是真正意义上的APP，而是电子书或数字教材的数字资源包。数字资源包使用方正独有的dpub格式，此格式无法与当前通用的苹果应用或谷歌应用对接，必须导入或下载到翔云阅读器中才能阅读。方正电子公司目前尚不支持用户自己制作完成独立的APP，如果有需求的话，需要经过方正电子公司的后续技术加工，才能形成独立APP。
据了解，目前人民交通出版社、中国劳动社会保障出版社采用方正公司的移动出版方案，产品还未上线。飞翔2012界面如图1。
图1 飞翔2012制作工具
4.appBook
appBook是谋易公司推出的全媒体数字出版解决方案。appBook专门用于互动式电子书制作和出版，它采用图形界面，内置有通用的交互设计模板，方便易用。更重要的是，用appBook制作完成的作品可以根据用户的需要进行打包，打包格式可以选择，如ipa、apk、exe，以用于不同操作系统上的分发。其中，ipa应用于苹果设备，apk应用于安卓设备，而exe应用于个人计算机，只是操作形式不再是平板设备的手势直接操作，而是通过计算机的鼠标来操作。
appBook应该说是目前为止真正意义上的电子书和数字教材APP开发工具，符合出版企业的需要。它只提供APP制作工具，仅仅是作为一款工具软件来服务于出版企业，而将内容的分发、销售仍然留给出版企业，没有企图进入出版产业链。
据了解，目前中国出版集团采用appBook数字出版解决方案，已经制作出数百种产品，正在准备上线。appBook界面如图2。
图2 appBook制作工具
其他制作工具还有Moglue、Mag+等，这些制作工具要求在线进行APP制作和开发，很难用于出版企业的生产，因此这里不做介绍。
当然，除了使用开发工具来制作数字教材APP应用，也可以组建专门的技术开发团队，针对数字教材的特点，通过编程的形式来开发个性化鲜明的APP应用。但是这种开发方式成本高、耗时长，对于出版企业的规模化生产而言，这显然不是最好的选择。使用工具软件，建立标准化的制作流程，不仅可以节省时间，加快生产速度，更重要的是降低了APP制作的技术门槛，也降低了制作的成本。
二、数字教材的互动效果和制作方法
各种制作工具制作数字教材的方法不同，但实现的互动效果差异不大。这里以飞翔2012制作工具为例，介绍数字教材的互动效果和制作方法。
飞翔2012为互动电书制作提供了19种交互效果，分别是：音频、视频、全景图、图像序列、图像扫视、图像对比、自由拖拽、动感图像、拼图游戏、地理标注、滚动内容、图表、网页视图、投票、幻灯片、弹出内容、动画、3D、微博。它还为数字教育提供8种交互效果，分别是：精灵、点播、录音、测验、复读、图文框、滑线动画、演示文稿。这里简要介绍主要的互动效果、适用范围及其制作方法。
1.音频、视频
在文档中排入音频、视频，即可创建音频、视频对象。浏览时，在音频、视频对象上点击，就可以播放对象。
2.全景图、图像序列
全景图是指从前后左右上下多方位地观看一个景点或环境，可给人身临其境的感觉。将一系列图片按序号命名后存放在一个文件夹中，以全景图方式排入即可。浏览全景图时，用手指前后左右滑动，即可观看多个方位的景象。全景图以读者为中心点，当读者视线顺序转动时，读者周围的景象也随之改变。
图像序列也是按序号命名的一系列图片，存放在一个文件夹中。浏览图像序列时，读者的视角固定不变，而观看的对象以一定的速度转动或按一定的轨迹运行，从而呈现给读者。图像序列既可以按固定的速率切换，也可以根据读者的手指操作而动作。图像序列可以展现运动效果，如鸟的飞行、蝴蝶的舞动等，也可以展示一个物体的全貌，如一个汽车模型360°旋转。endprint
全景图和图像序列的不同在于读者的视角，浏览图像序列时读者视角不变，而浏览全景图时读者视角不断变化。
3.自由拖拽、图像扫视
图片排入页面后，其位置是固定不变的，也无法对其进行操作。如果排入图片并将它转换为“自由拖拽”对象，则浏览时就可以对图片进行相应的操作。一是自由移动，用手指操作即可以将其移动到屏幕上的任何位置;二是可以放大、缩小和任意旋转，让读者以任意角度、任意大小仔细观看图片及其细节。
图像扫视则是在页面中框出一个矩形区域，然后将一张大图（比设定的矩形区域大得多）排入。在浏览时，这张大图只显示出设定的矩形区域的部分。通过移动这张大图，可以将大图的其他部分在矩形区域显示出来。这种互动，可以让读者首先只观看部分内容，通过手指操作来探索出其他内容。
4.幻灯片、图像对比
幻灯片是在一个图片位置排入大小相同的多张图片。在浏览时，用手指向左向右滑动，即可切换图片，一张张观看。幻灯片可以设置为手动播放，也可以设置为自动播放;还可以为每一张图片设置一个按钮（通常是这张图片的缩略图），点击一个按钮即可显示与该按钮关联的图片。
图像对比则是将两张有关联、希望放在一起对比的图片，排入一个图片位置。浏览时，底层的图片不变，上层的图片可以卷起。通过拖动卷起上层图片的部分，即可以让两张图片的相应位置进行对比。图像对比常用于事物变迁的对比，例如，同一个人或同一幢建筑在不同年代的两张照片对比，或者同一个人化妆前后的对比等。
5.滚动内容、动感图像
滚动内容是将一段文字排入一个不能完全显示该段文字的区块中。浏览时该段文字自动向上移动，从而显示出起始时不能完全显示的其他文字，形成文字向上滚动的效果。
动感图像是在一张大的背景图上，插入一个或多个小的图形，并设置其运动速度、路径、旋转等，还可以设置其重复。在浏览时，由于背景不变，而背景上的小图形以一定的形态运动，从而形成一幅动静相宜的画面。例如，春天雨点不断落下，秋天树叶一片片飞舞，冬天雪花不断飘落等;也可以形成事物相对背景的运动，如小船顺流而下等。
6.动画、3D
动画有两种实现方式。一是排入平板电脑可以播放的动画文件，如GIF动画。二是为页面中的静态对象（如文字、图片）设置运动参数，如进入或退出曲线、延迟时间等，将其转换为动画。
3D则是对图片加载3D对象的obj文件，将其转换为3D对象。在浏览时，可以在屏幕上产生动态效果。
7.弹出内容
弹出内容是在页面中设置按钮，或将页面中的元素设置为按钮，并为按钮添加动作，该动作将关联一个或多个弹出内容。在浏览时，通过点击按钮，即可弹出一幅新的画面。例如，点击一个个物品按钮，即可以将该物品摆放到桌面上;点击一件件衣服或饰品，就可以让主人公换装或佩戴上饰品等。
一个按钮触发的弹出内容可以有多个，并且可以按照设定的顺序播放。利用弹出内容，可以充分发挥设计者的创造性思维，从而制作出新颖的作品。例如，只要触发，流程图中的各个流程可以按顺序一个个显示;一条经络循行线路，线条在一个个穴位间流动，从而形成循行的动画效果。
8.图表、网页
数据可以用表的形式显示，也可以用图表的形式显示。在页面中插入数据表后，将其转换为图表，可以是一维图表，也可以是二维图表。浏览时，数据将以更直观的图表形式显示;在图表上相应位置点击，可以查看到对应的数据。
网页是为页面中的对象添加网页链接。浏览时，点击对象即显示网页的内容。
上一篇：闻一多的诗歌下一篇：祝福语领导
