乐鱼电竞网页制作与设计8篇

发布时间：2024-01-20 丨 浏览次数：

　　乐鱼电竞专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。

　　《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。

　　根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:

　　1) 资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2) 交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3) 评价展示功能。包括作业批改乐鱼电竞、作品展示、自我测试、竞赛投票等在线) 用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。

　　功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。

　　1) 学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2) 管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。

　　根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下 :

　　1) 专题结构化知识:网页基础、动态技术、数据库、辅助软件。2) 专题资源库:拓展资源、相关链接、强化训练、素材集锦。3) 专题协作学习工具:学习留言、专题论坛。4) 专题学习评价:作业批改、自我测验、作品展示、竞赛投票。

　　根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。

　　专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server 同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:

　　1) 客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2) 应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3) 数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。

　　专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。

　　为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的。

　　使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程Fireworks的教程外,在学习完Fireworks后,可以将的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。

　　专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库乐鱼电竞、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。

　　包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。

　　专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主

　　性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。

　　[1] 谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.

　　随着网络技术的不断发展，计算机网络应用日趋丰富，已经渗透到人类社会的各个角落，网络在人们生活的作用也越来越大，利用Internet足不出户就可以获取所需的信息，实现购物、炒股、旅游和学习等。网页和网站是Internet的重要组成部分，拥有一个自己的网站是政府机关、企业、个人的共同需要，制作出精美的网页来吸引浏览者的眼球，提高网站的知名度，是大家追求的共同目标，而这一切都依赖于网页的设计和制作技术的运用。

　　因此，该课程的课程设置必须符合教育教学规律和学生成长成才规律，符合专业人才培养要求。按照创新型人才培养模式重新构建课程建设平台，整体优化课程内容，重组课程结构，构建以能力为核心的课程体系，更有利于学生可持续发展能力的培养。

　　与高职“网页设计与制作”课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计等。

　　目前，许多高等院校都开设了《网页设计与制作》课程，它已成为软件技术、计算机多媒体技术乐鱼电竞、计算机网络技术、信息技术、信息管理、电子商务、计算机应用专业公共的必修课程，也受到了其他专业学生的喜欢，成为一门选修人数最多的课程之一。

　　（1）对于多媒体专业。本课程与《图形图像处理》、《动画制作》等必修课程相结合，主要用于设计与制作网页，对网页中的文本、图像、动画进行加工处理。本课程作为多媒体专业的专业课程之一，是多媒体专业实践体系的基本技能模块之一。

　　（2）对于软件技术、计算机信息管理、计算机网络、电子商务等专业。本课程为后续课程提供静态网页设计与制作的理论基础和操作技能。本课程作为一门专业基础课，侧重于学习静态网页的设计与制作、HTML语言、CSS样式、JavaScript等知识。

　　（3）对于非计算机类的专业。《网页设计与制作》也是非计算机类专业学生最受欢迎的一门全院性选修课，通过该课程的学习，扩展知识面，了解网页设计与制作的一些基本知识和技能。

　　课程培养总体目标是通过4个项目（2个基础项目，1个提高项目，1个综合项目），使学生掌握网站开发的过程及网页的设计制作方法，能开发静态的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。

　　根据高职学生的特点我们将人才培养目标定位于主要从事网站建设、网站维护等一线工作的高性能人才。考虑到计算机专业更新换代很快，学校教育不仅仅要教给学生技能，更重要的要教给学生一种学习的方法，以维持学生职业的可持续发展。我们在教学过程中采取项目化教学，以学生为主体，着重培养学生自主学习能力、创新能力，培养学生养成良好的学习习惯，以期学生在以后的工作中能够快速、高效的接受新知识，新方法。

　　根据对职业岗位的需求调研分析，高职《网页设计与制作》这门课程的教学内容主要选取以下内容：HTML、CSS、JavaScript、网页制作基础知识、站点创建与管理、页面的整体控制、文本与图像操作、网页的布局、网页中的动感元素、超级链接与导航栏、表单网页、网页特效、网站规划与网页设计原理、网站测试、与维护。

　　充分考虑学生的认知水平和认知能力，把握学生的认知规律，合理地组织教学内容。按照由简单到复杂、由局部到整体、由易到难循序渐进地学习知识、训练技能。

　　高职学生对知识的认知有其自身规律，但高职学生认知规律与网站开发的工作过程存在不一致、不同步的问题。为了适应岗位工作需求，教学内容序化时应充分考虑企业开发网站的工作流程，以“网站开发工作过程”为导向，提高岗位的适应性。

　　综合考虑“网站开发工作过程”和“高职学生的认知规律”，将高职网页设计与制作教学内容划分为五个教学阶段：

　　第二阶段：学习网页制作的基础知识，熟悉网页制作工具，训练创建站点、制作网页的操作技能，形成制作网页的感性认识。

　　第三阶段：学习HTML语言，掌握美化网页、制作网页特效的方法，进一步提高网页制作的技能，深入了解网页制作的编程技术。

　　第四阶段：学习网站规划与开发的流程，熟悉网页设计的原理与技巧，掌握网站测试与的方法。使用读者的网页制作水平由操作应用层提高到设计规划层，由感性认识提高到理性认识，由简单操作提高到综合设计。

　　第五阶段：按照企业开发网站的工作过程全面熟悉网站开发的全过程，将前面所学习的知识，所掌握的技能应用到实际网站开发的实践中。

　　经过对课程内容的选取和序化，教学内容的主线为：网站赏析-基础知识-站点创建-网页整体控制-文字操作-图像操作-网页布局-动感元素-超级链接-导航栏-表单网页-HTML语言-CSS样式-JavaScript技术-网页特效-网站规划与网页设计-网站测试、与维护-网站开发。

　　“项目化”的实践任务具有工学结合、点线面结合等特点，训练网页制作、设计、开发的技能，达到学以致用、强化职业能力的目的。优选了5个有特色的网站让学生欣赏，开发5个真实网站，用于实践教学和技能训练。

　　网络课程设计是针对当前网络教学过程中，如何有效直观的进展课程和培养学生实际操作能力的一种教学方式，它突出以学生为重点，强调理论实际相结合从而达到快速掌握和应用的目的。“网站开发与网页制作”是运用编程语言，数据库语言和网页美工的一种集网页链接、编辑、制作生成的所见即所得的网站编辑程序，它的诞生提高了宣传和认知能力，加速了电子商务的发展，基于它的重要性和普遍性，激发了我们对网络课程设计的浓厚兴趣，使之精益求精，来确保我们的“网站开发与网页制作”课程丰富多彩，运用自如。

　　网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。

　　现阶段，在网站开发与网页制作课程中，Dreamweaver网页静态编辑器应用最为广泛，它从最初的1.0版本升级到CS5，同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片，三维立体调色，人物实体渲染等丰富强大的功能，这在网页制作图像编辑上发挥了立竿见影的作用，其次它带有扫描和创作功能，使制作的图片所见即所得；同时他还具有自由变换渲染实景的强大功能，可以还原复古地域风情、分辨明暗光景、丰富人物表情等，使我们的图像新颖而富有特色。

　　搜索引擎属于网站开发与网页制作的后台工作，它是支撑网页正常运行的必要条件，也是网站链接显示的重要组成部分，PHP、JAVA、ASP程序的编写就好比人的大脑，它的关键度和完整度不言而喻。在制作处理完网页，建立网站后往往要优化系统，有利于提高网站的点击率和被百度收录的几率，这也是网络课程设计的范畴，由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性，从而提高了网站开发与网页制作的热情和创新性。

　　网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。

　　在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。

　　在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。

　　网站后台制作是一项乏味而艰巨的任务，针对它的特殊性和复杂性，在网络课程设计时，注重多媒体的使用，这样可以使枯燥的编程程序直观的表达，易于学生的接受；其次后台数据库的整理工作更是需要专业知识的铺垫，需要多涉及实际数据的推算和项目数据库整理工作，同时注重学生的综合感受和自我评价能力，使它们能完全融入先进的课程设计中，从而达到理论实际结合的目的。

　　时代在发展，教育在改革，随着计算机应用的普及，网络教育占据主流力量，网站开发与网页制作网络课程设计会得到大力的推广和应用，它不仅可以直观形象的讲解原理，因材施教，而且注重学生理论实践相结合的动手能力，从而大大提高了学生的综合素质和就业适应能力。

　　[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.

　　[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010.

　　[3]卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.

　　史文斌（1986-），男，籍贯：江苏苏州，大学本科，现供职于苏州大学计算机学院，研究方向为计算机技术。

　　随着计算机和信息技术的飞速发展，网络教学也在快速发展和普及。教师与学生都迫切需要一种简便高效的教学方式，网络教学的出现正好满足了人们的这种需要。随着网页技术的发展成熟，人们对网页的要求也不再是文字、图片的简单堆砌和单调枯燥的内容，而是实时性、交互性和丰富性，使用动态技术的网页越来越受欢迎[1]。本文介绍采用ASP动态网页技术结合SQL Server 2005数据库构建一个“网页设计与制作”课程教学网站。学生通过访问该网站，可以浏览/下载课件、在线作业、在线交流与讨论等；教师可以上传课件、在线答疑等；管理员可以修改、删除、添加、查询用户信息、进行教程管理等。系统发挥了ASP技术显示于客户端和运行于服务器端，以及保护用户资料的安全性等特性。

　　利用互联网技术进行网络教学，可以跨越时空限制，最大范围地传播资源，具有投资少、覆盖面广、受益人多和互动性强等特点，使办学单位减少了人力和物力的消耗，并为广大学子提供了丰富的资源。可见，网络教学为教育事业开辟了广阔的前景。由于在网络中易于实现资源共享，学生可以将个人问题转化为公共问题，并借助集体智慧解决个人问题，学生在网络中容易找到志同道合的学友，各自就共同感兴趣的问题发表自己的看法，有益于培养学生的信息素养和解决问题的能力等[2]。教师可以在网络平台成为导师，接受或选择学生的辅导请求，起到指导和督导作用。通过对在校大学生和教师调查发现，计算机网络教学因其互动性强、教学效果好等优势成为人们的新需求。网络教学网站系统的开发，主要是为用户设计和开发一个便于学习与交流的网络教学平台，以提高教学效率。

　　本网站教学平台采用目前流行的B/S（Brower/Server）结构。整个网站可以运行于Windows 2003 Server/Windows XP平台上，系统前台使用流行的工具和脚本语言Dreamweaver HTML语言和ASP技术开发，后台采用当前最流行且性能较高，数据库维护与管理性能很强大的SQL Server 2005。B/S是随Internent技术的兴起，对C/S（Client/Server）结构的一种变化或者改进的结构，在这种结构下，用户界面完全通过览器实现，一部分事务逻辑在前端实现，但主要事务逻辑在服务器端实现[3]。系统充分发挥了ASP技术显示于客户端、运行于服务器端，以及保护用户资料的安全性等优点。

　　从教学用户的角度，网页设计与制作课程教学网站可划分为教师、学生和管理员三大功能模块。具体内容如表1所示。

　　[分类＼&模块＼&使用者＼&教师＼&查看短消息＼&教师＼&学习及作业公告＼&教师＼&上传课件＼&教师＼&网络答疑＼&教师＼&讨论交流＼&教师＼&学生

　　＼&查看短消息＼&学生＼&浏览课件＼&学生＼&查看作业公告＼&学生＼&网络提问＼&学生＼&讨论交流＼&学生＼&管理员＼&消息管理＼&管理员＼&教学管理＼&管理员＼&讨论管理＼&管理员＼&用户管理＼&管理员＼&]

　　在网站首页进行用户账号的登录时，系统接收到用户账号后，首先与数据库中存放的账号进行权限分析和匹配，若账号相匹配，则进入相应权限的用户模块；若账号不匹配，则提示用户操作错误，返回登录界面。系统的总流程如图1所示。

　　[用户登录][账号是否正确？] [验证权限] [具体模块][数据库] [N][Y][学生][教师][管理员][结束]

　　管理员用户具有对整个系统的管理权限，除接收短消息功能外主要实现管理学生和教师模块的内容，课件管理可在一个特定的时间内删除数据库里的课件记录和站点内相应的文件，这样可节省站点的空间；用户管理可针对目前系统的工作量适当地添加或删除系统管理员，也可更改用户账号；在讨论管理区内管理员可删除一些过期的或恶意的帖子，也可针对一些话题发帖；在教学管理区内可对学生、教师、学院、专业、班级等进行编辑、修改、添加和删除。详细流程如图2所示。

　　[管理员登录][接收短消息][课件管理][用户管理][讨论管理][教学管理][收信息][发信息] [学生管理][教师管理][学院管理][专业管理][班级管理][课件管理][开课管理][操作完成] [数据库]

　　数据库是网站信息管理的后台支持，存储着前台页面所需要的信息，在信息管理系统中有着很重要的地位。数据库设计的好与坏，直接影响到网站系统的运行效率。良好的数据库设计，可以提高数据信息的存储效率，保证数据信息的完整性和一直性。同时，一个合理的数据库结构有利于程序的实现。本网站系统使用数据库SQL Server 2005建立教学（teaching）数据库。后台数据库的连接采用字符串连接，其连接文件的代码如下：

　　课程教学网站主要是实现教师、学生在线学习与交流的良好平台，进入系统首页就能够方便的选择用于学习的资源信息等内容。资料列表模块，显示学生可以自主学习的所有教学资料信息；网上答疑模块，提供师生在线交流、学习和讨论的平台。主页运行效果如图3所示。

　　网站后台管理系统能够实现教师、学生、课件与教学资源及用户信息的管理等功能。系统管理员登录页面的运行效果图4所示。

　　为了提高网站开发和设计的效率，该教学网站使用目前流行的B/S模式[5]。整个网站可以运行于Windows 2003 Server/Windows XP平台上，系统前台采用先进的Dreamweaver、HTML语言工具和ASP技术开发。后台数据库采用当前最流行且性能较高，数据库维护与管理性能很强大的SQL Server 2005实现。通过对网站系统的基本信息模块，消息管理模块、课件管理模块、上传下载课件模块，作业公告、BBS模块与教学管理等功能模块（学生管理，教师管理，课程管理）进行系统测试，结果表明，所设计的功能都能实现，系统性能良好，能够满足用户的实际需求。

　　本教学网站平台的开发和应用，实现了教学资源的访问、课件上传下载、师生互动、学习交流和网上答疑讨论等功能；使优秀的教学资源和交流信息能在大范围、短时间内传播。给教师和学生提供了一个方便、高效的网上教学与学习平台，从而提高了学校教学效率与教学质量。

　　[2] 蒋理.动态网页设计实用教程[M].西安电子科技大学出版社，2007.

　　[4] 韩培友，董桂云，柳虹.数据库技术[M].西北工业大学出版社，2008.

　　1.1了解技术标准，锁定课程框架任何一门课程，都应该是基于某种需求而存在，这种需求必定有一个标准。而对于网站建设也是如此，W3C标准对建站相关内容都制定了成熟与完整的标准。《网页设计与制作》课程作为建站的主干课程，所有课程内容都应该来源于W3C标准框架之中。1.2深入行业调研，熟知技术要求标准一旦制定，便不会轻易改动，而课程的完整内容也不会有太大变化。但对于内容的理解和使用却是随着技术和行业的发展而变化。尤其对于网页设计，技术更新更是迅速，例如由原来的表格布局发展到现在的DIV布局，甚至将来可能的响应式布局、弹性布局、网格布局等等。内容还是这个内容，只是它的作用和用法发生了变化。而这些都是需要我们深入企业一线充分探讨沟通，完善课程内容一旦对技术标准和行业要求有了深入的认识之后，就要确定合理的安排课程内容，无论课程内容如何，重点是教授这门课程的老师。相关老师集中对内容进行讨论，不仅可以更好的对课程内容进行设置和安排，同时也是一个学习和提高的过程。

　　通过对标准的解读和行业的调研后得知，《网页设计与制作》这门课程大体可分为3大部分来构建：网页结构、网页表现与网页行为。2.1网页结构（HTML）此部分内容以HTML标签为核心内容，根据需要创建的内容，使用具有较强可读性和可识别性的标签来进行表示，例如要创建一个段落，我们可以使用p来表示，如果要创建一个章节，则可以使用section。这样不仅可以实现网页内容的创建，同时也完成了对网站结构的优化。通过W3CSchool和W3School的内容参照，可将HTML内容分为基础教程、高级教程、HTML媒体及XHTML等内容，由于目前最新推出了HTML5，在新旧技术的过渡时期，尽量将新旧知识点分开讲解，有利于更加清楚的分层。2.2网页表现（CSS）此部分内容为网页制作里面最重要的一个技术环节，用于网页布局与网页美化，CSS是网页课程里面的一项重要组成内容，同样分为两个版本，CSS2.0与CSS3.0，依据W3C标准，将选择器、属性、hacks、单位等等归纳完整，分类清楚。通过W3CSchool和W3School的内容参照，可将CSS内容划分为CSS基础教程、CSS样式、CSS框模型、CSS定位、CSS选择器及CSS高级教程。目前行业正处在新旧技术交替状态，因而在内容制定上也要分开制定，使得层次递进更加分明。2.3网页行为（javascript）此部分内容为实现网页交互，网页中使用的主要技术为javascript。而javascript是属于客户端脚本语言的一种，它也成为web前端技术里面的重要成员。目前很多非程序员都在使用它，可见javascript是一门相对容易上手的技术。原生的javascript对于一般人来说是有难度的，但是对于理解js（之后都用于javascript简写）是十分必要的，目前有很多基于js的框架，例如jQuery是一款非常优秀的js库，因为此部分内容可以设定为原生javascript与jQuery两个部分的内容。上述3个方面，按照W3C标准严格制订内容，便可基本全部涵盖课程所有内容。

　　仅仅依靠《网页设计与制作》课程内容是无法满足岗位与技术要求的，它需要大量其他课程内容的知识来支持，才能更好地学习和掌握，例如：网页美工，除了要求掌握网页结构、网页表现外，还要会使用设计软件先对效果图进行设计，甚至在目前已经越来越多的企业还要求网页美工掌握网页行为部分的知识技能，因而根据整个行业体系，可将建站内容分成3个阶段：3.1网页美工主要针对网页效果图，网页元素设计，可将此部分内容加入到平面设计课程中例如Photoshop、AI等，且平面课程一定要在网页课程之前开设完成。此阶段的课程内容必须要有针对性，要求对网页的构成元素的设计，网页的配色、网页的风格设计，以及客户需求的分析制定相关内容。此阶段将很大程度上影响到后续课程内容的学习的效果。通过个人实际的教学中发现，做出一个好的效果图作品，将会极大的促进学生的学习积极性，也会无形中使得学生学习更加主动和自信。3.2web前端此阶段是紧跟上一阶段的，当学习完网页美工，制作出最后的效果图后，紧接着就是将图片效果先实现成静态网站。这里存在一个重要的环节，那就是切图。许多人对于切图并不太重视，但实际情况是，切图的好坏，直接影响到整个建站的效率。切图不好也会造成流量浪费及网速变慢等后果，这就需要美工与前端人员之间能够很好地进行沟通和合作，因而这个阶段并不是完全的独立存在。3.3网站后台开发当静态网站建站完毕后，此时网站只具备在客户端电脑浏览的基本功能，人机之间无法实现数据的传输。例如当需要在网站留言，并马上显示在网站中时候，当需要对网页的数据进行及时的更新修改的时候，这都需要服务器端技术的支持。目前建站的服务器端技术主要有PHP、JSP、ASP等。从过程可以看出，此阶段是必须承接上一个阶段的才能继续实施的，如果更好的实现对接，这就要求前端或美工人员与后台人员之间进行详细的沟通。上述3.1和3.3是可选内容，各专业可根据自身需要选取开设。

　　完备的教学资源是课程标准化建设不可或缺的一部分。制定完课程内容后，如何学习课程是至关重要的。由于师资不同、专业不同等原因，同一门课程，教学内容却相差甚远，应该针对具体的知识点，制定统一的基础案例，也就是必讲案例，不分专业，不分教师，凡涉及某知识点，此对应的基础案例为必讲内容，然后可在此案例基础上，自由增加其他案例。这次既可保证课程内容的标准化，又可灵活变通。必备的主要课程资源大致有以下几种：4.1标准化的教学大纲此标准化教学大纲是课程学习的指导性文件，应该是针对课程内容统一制定，不区分教师，不区分专业，对每一个知识点都提出达到的目标要求。教学大纲不易经常性变动，它是一个完整的指导纲领，只有当内容发送实质性变化时，才会做出改变，最后由各专业针对自身特点从此教学大纲中有选择性的执行。4.2标准化的实训大纲如果说教学大纲是一个指导性的文件，那实训大纲就是实实在在的执行方案，针对每一个知识点都应该设定一个独立的案例，有详细的实现步骤及过程，也要对每一个案例提出明确的实训目标。实训案例不仅仅要针对一个个小知识点，更要有完整的案例，通过小案例的叠加，并最终能实现一个覆盖全部环节的完整案例。4.3视频教程仅仅有文字性的指导文件不够，配套的视频教程是必不可少的。课程内容的制定向来都是开放的，课程的学习应该是不受时间和空间的约束。视频可以很方便地将知识点清楚的呈现。视频的制定应尽量碎片化，按知识小节进行准备，时长在20分钟以内比较适宜。有了视频，学习者就可以更加方便的自学了。4.4反馈系统课程的内容的完善和优化，需要不断地在实践过程中发现问题，总结问题，通过反馈系统，将各种建议和意见进行收集整理，查缺补漏，不断完善和改进，此反馈系统可以通过网络手段，通讯手段等方式实现。4.5网络平台如何将课程内容更好的呈现和管理也是课程标准化建设的一项重要任务。可以建立一个网络平台，如专门建设此课程的网站，与优质课程，共享课程，精品课程看齐，将反馈平台、视频案例、教学大纲和实训大纲有组织地结合在一起，并实现资源的共享。

　　对于操作性极强的课程，使用传统的考核方式效果并不理想，如何创新考核方式呢？这里有以下几点想法：5.1以赛以比赛成绩作为课程考核成绩。通过比赛提高学生学习积极性，并将课程所学知识运用到实际大赛中，这样既考查了学生的学习情况，也可进一步提高学生的学习能力。5.2以证可鼓励学生参加相应职业资格证书考试，以职业标准来考查学生学习情况，以考证成绩作为课程考核成绩。5.3答辩式通过对所做案例进行详细分析和讲解，由专业老师和同学进行提问的方式进行考核，这样不仅可以促进学生的学习积极性，也可以加强对学生监督考查。5.4自荐式一个班级的学生能力总是有差异的，有的学生学习能力较强，在课程中期便已经掌握课程要点，为了促进学生学习积极性，充分体现差异化的教学特色，可由学生自己申请考试，便在学期中期就完成考核，以便学生可以更加自由的利用和分配时间。无论采用哪种考核方式，只要真正地把考核落在实处就是好的考核方式。

　　当前对于教育的创新和改革不断地深化，无论是教学方法的创新还是教学模式的改革，都必须立足于课程的建设，《网页设计与制作》课程标准化建设不仅是对课程内容的重新梳理，更是一个自我提高和学习的过程，对于提升教学质量，促进专业发展都是很有意义的！

　　[2]郑伟.高职院校非图形类专业《网页设计与制作》课程教学改革的探讨[J].福建电脑,2011,27(1):205-206.

　　（1）课程教学目标及时更新，课程内容依据岗位要求。结合高职院校的办学特点，以就业为导向，以服务为宗旨，课程内容的建设必须是与社会需求挂钩的，因而，首先弄清楚当前社会所提供的

　　网页相关岗位的要求，制定有针对性的课程目标和内容乐鱼电竞，加强学生的动手实践能力和岗位竞争力。

　　（2）明确教学对象特点，制定有针对性的教学方法。明确课程开设的专业和对象，针对教学对象的特点和教学内容，采用合适的教学方法。

　　（3）实践与理论同步进行，以培养动手能力为目的。培养目标立足于实践动手能力为主，理论够用为原则，重在一个动字，只要学生能动手，就是好的开始，边学边做边理解，这样更适合高职院校学生的学习习惯和方式。

　　（4）针对社会需求，调整课程内容。课程内容不能一成不变，需要根据社会需求及时调整，保持专业的就业竞争力，提高就业成功率。

　　（5）加强课程群内课程互联紧密化建设，强化交点。加强《网页设计与制作》课程群中各课程间的紧密和联系性建设是十分必要的，课程群里课程的开设不应该是孤立的，而应该是相互作用，相互影响的，了解和掌握课程群中各课程之间的关系和地位是课程改革的前提。

　　制定教学目标，应该事先了解近期本领域内岗位设置的要求，例如可以通过对毕业生进行跟踪调查、公司走访、网上查询等途径了解岗位需求，动态的调整教学内容和目标。

　　目前许多高职院校的图形类专业开设的《网页设计与制作》课程主要是以静态网页为主，这也确实是图形专业的特点，但是社会需求对课程的要求越来越高，对课程内容可以做以下调整：

　　1）加强平面课程与《网页设计与制作》课程的联系，将fireworks与photoshop合并在一起，开设专题，讲解平面网页的相关知识，提高学生平面设计的功底，强化学生把平面知识充分的应用到网页设计的实战中来。

　　2），教学内容上应该革新，在保持原有的课程内容的基础上增加交互性设计的内容，例如javascript、数据库、简单的服务器技术如php等，扩大课程的知识覆盖面，提高岗位竞争力和扩大就业面。

　　3），尽量弱化Flash在网页中的作用，减少网页插件的使用，改用javascript等技术代替。

　　增加了交互性设计的内容，课程难度自然也就提高了，如何让学生能顺利掌握这些知识点是一个很关键的环节，例如可以采用项目教学、任务驱动、教学做一体化等教学方式。

　　例如，期末考试可以让学生在规定的时间内完成多种工具的使用，例如用ps或者fw设计图片，再利用dreamweaver对设计的图片进行布局，同时增加javascript的应用，将各个知识点整合到一个完整的项目中来，将考察的重点放在过程乐鱼电竞，放在了对知识的综合运用。

　　内蒙古科技大学是地方高等院校，毕业生大多到企业从事设计、生产、管理等技术工作，故人才培养定位于“工程实施型人才”，要求学生具有扎实的基础理论和专业基础知识，能够教深入地掌握专业知识和流行生产技术，具有较强的工程实施能力，因此内蒙古科技大学的毕业生具有“上手快，留得住，后劲足”的特点，毕业生就业率连续多年位居自治区高校前列，被国务院授予“全国就业先进工作单位”光荣称号。该校的计算机科学与技术专业在学校人才培养思想的指导下完成了专业定位，重新制定了人才培养方案和课程体系，在此背景下，计算机科学与技术专业开设了《网页设计与制作》课程。

　　根据企业用人标准及对毕业生的回访调查，总结出了网页设计师的从业要求：具备优秀网站设计能力，能综合运用各类软件设计视觉创意网站，能独立进行平面网页的创意设计，具有良好的艺术触觉和美术色彩搭配功底，深刻理解web标准，熟悉CSS+DIV模式，能手写XHTML及CSS样式代码，懂得javascript应用，精通设计与网页设计软件，如photoshop、fireworks、dreamweaver等，能独立完成网站的规划和静态页面制作。可以看出一个优秀的网页设计师能够对网页的构成元素进行艺术规划和创造性思维活动，通过网页制作技术实现网页设计的目的，达到了艺术与技术的和谐统一。[1]为了培养大一新生对计算机专业的学习兴趣和热情，许多高校包括我校在内，将《网页设计与制作》课程规划为必修课安排在大一下学期开课，目的通过本课程所见即所得的特点，激发新生对计算机专业的学生兴趣和热情。可在以往的本课程教学内容安排上，重网页制作技术的讲授，对网页设计相关知识涉及甚少，即便学生掌握了XHTML、css+div、JavaScript等网页制作技术，可没有遵循网站与网页设计原则，致使学生制作出来的网页粗糙拙劣，毫无美感可言，这样的教学安排，难以培养学生的专业学习兴趣和热情。

　　以适应企业需求为导向，以培养学生网页设计能力为根本，以项目教学和案例教学为手段，以实际网站为目标，进行课程内容的编排和改革。[2]紧跟当前市场需求，及时对教学内容作出调整，特别强调网站与网页设计原则理论知识，在讲授网页制作技术的过程中注重网页设计基本理论与基础知识的渗透，努力提高学生的审美情趣，在潜移默化中让学生形成“技术为设计服务”的思想，让这种思想指导其网页设计与制作行为，最后将这种认识转换为能力，最终体现在其网页设计作品上。

　　以“技术为设计服务”为指导思想，以项目教学和案例教学为手段，通过项目驱动，[3]让学生在32学时讲授+32学时上机的学习过程中，独立完成上机项目。上机项目按照具备知识水平由易到难，需求由低到高，设计方案由局部到整体的梯度进行，符合教育教学的基本规律。结课后，以一个综合项目的开发作为对学生学习效果的最后的评价。综合项目的开发，实际上是学生实践和独立探究的过程，在此过程中，增长了学生的知识，培养了学生创造性思维和发现问题、解决问题的能力。

　　按照WEB标准，网页由三部分组成：结构（structure）、表现（presentation）和行为（behavior），因此，在教学内容的编排上，将《网页设计与制作》课程分为四大模块进行讲授和实践。分别为：网页与网站设计原则、XHTML基础知识、css+div、javascript。

　　网页与网站设计原则模块：在本课程的教学过程中处于指导地位和核心地位。通过该模块的教学，首先让学生掌握网站的3C设计原则，即简洁、一致性、对比度。通过一些优秀网站设计案例的展示，使学生对3C设计原则有初步的体会和认识。其次让学生掌握页面设计要点，包括：精心组织的内容、格式美观的正文、和谐的色彩搭配、较好的对比度、生动的背景图案、页面元素大小适中，布局均匀、不同元素间的留白等。通过优秀网站设计案例的讲解，让学生初步体会每一个页面设计要点。在随后的课程讲授及上机实践中，通过具体案例，强调网页与网站设计原则，让学生对3C设计原则及页面设计要点有更深的体会和认识，在潜移默化中，学会用网页与网站设计原则指导自己的网站制作行为。

　　其他三个模块为《网页设计与制作》课程的技术范畴。通过XHTML、css+div、javascript的讲授及配合各类上机项目的实践，使学生具备认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为的能力。最后以网页与网站设计原则为指导，设计开发一个综合项目。该综合项目要求要有鲜明的主题，内容与形式统一，个性突出、布局合理、配色美观。可以看出，通过本课程技术层面的学习，为学生奠定了制作综合项目的技术基础，而其掌握的网页与网站设计原则又将反作用于其网页制作的行为上，提高其网页制作水平，逐步达到技术与设计的和谐统一。

　　本课程的考核方式为考察，主要考察学生的实践能力及学生网页与网站设计原则的掌握情况。将平时表现，上机项目完成情况、综合项目的开况相结合，从而得出学生的最终成绩。

　　平时表现10分：包括上课出勤，上机出勤。有课堂主动回答问题的额外加3分。

　　上机实验40分：内容包括：包含文本、图像、超链接、多媒体的简单网页设计（3分）；包含表格的简单网页设计（3分）；包含表单的简单网页设计（3分）；利用框架进行简单网页设计（3分）；利用CSS样式表美化网页（10分）；利用表格进行网页布局（3分）、利用DIV进行网页布局（5分）、利用DIV嵌套表格进行网页布局（5分）；利用javascript实现网页特效（5分）。

　　综合项目开发：通过本课程掌握的网站设计原则及制作方法，完成综合项目的设计与制作。（50分）

　　设计要求（25分）：需求分析充分，栏目设计合理，功能完善，网站深度不低于3级别（5分）；主题鲜明，页面布局合理，配色和谐，形式美观，风格统一（10分）；logo、banner的设计应突出主题，与页面风格相协调（5分）；要有便捷的导航信息。网站内容丰富，具有良好的可读性（5分）。

　　技术要求（25分）：站点文件组织规划合理，主页必须以index命名（2分）；代码书写符合XHTML语法规范（3分）；用Div对网站进行总体布局，局部布局可用表格（6分）；用css进行页面的美化，对样式的定义统一写在外部样式表中（6分）；多媒体元素运用得当，适合网络传输（3分）；页面中包含有JavaScript实现的特效（5分）。

　　改革后的《网页设计与制作》课程重视学生网页设计能力的培养，在每一次的教学实践环节中，都在强调网页与网站设计原则，在潜移默化中让学生学会用网页与网站设计原则来指导自己的制作行为。在此原则的指导下，74名学生完成的综合项目开发作品中，符合网站与网页设计原则的作品有62.3%，其中优秀作品比例为 12.6%，较未实行教改前学生的设计与制作水平有了明显提高。实践证明，以“技术为设计服务”为指导思想的《网页设计与制作》课程教学改革实在可行，提高了学生网站设计与制作水平，为其以后的就业打下了良好基础。

　　[1] 邵小兰.浅析网页设计中的艺术设计[J].科技资讯，2011（15）：14.

　　在互联网蓬勃发展的大环境下，《网页设计与制作》已经成为众多高职院校中开设的课程，但是实际的教学效果往往差强人意。本文尝试从教学内容的角度对高职《网页设计与制作》教学提出一些看法，以期提高《网页设计与制作》课程的教学效果。

　　随着互联网逐渐深入到经济生活的各个角落，涌现出越来越多的网站。相应的，各类单位、企业等用人单位对网页设计与制作人才的需求也开始变得普遍。而《网页设计与制作》也早已成为大多数高职院校普遍开设的课程，甚至在同一所高职院校中也有相当数量的专业开设了这一课程，这些现象都反映出了社会对网页设计与制作人才的需求。而互联网的不断发展也在推动着社会对网页设计与制作人才水平要求的不断提高，也对《网页设计与制作》的教学提出了新的挑战。

　　目前，《网页设计与制作》的教学内容大致分为：网页设计基础知识、HTML语言基础、CSS样式基础、网页文本和图像、超链接、表格、框架、Div、多媒体网页、模板和库、站点管理维护。不同院校、不同专业在具体内容的选择上可能会有所差异，但大致都包括了这些内容。首先，在《网页设计与制作》教学中，往往会以Dreamweaver这一网页制作软件的使用作为主要内容，所有的操作都依赖于Dreamweaver，很少涉及对HTML代码的讲解，这导致学生无法熟练的查看、修改HTML代码，一旦离开了Dreamweaver，学生将无法制作、修改网页。而在实际应用中，HTML代码是在进行网页设计时无法绕过的一个知识点。因为在Dreamweaver的设计视图下操作是不能解决所有问题的，很多网页设计中出现的问题只有通过查看HTML代码才能发现并解决。此外，Dreamweaver也并不是计算机上的常用软件，学生应该具备在脱离Dreamweaver的环境中进行简单网页制作、修改的能力。其次，早期的页面布局以表格布局为主，但随着互联网技术与网页设计标准的不断发展，表格布局技术已经不再是主流，取而代之的是Div+CSS布局，也是所谓的内容与形式分开的布局方式。在这种布局方式下，页面元素的布局更加灵活、页面代码更加简洁。而更重要的是，采用这种布局方式的网站在整体风格的管理和后期维护上更加方便、效率更高。因此，《网页设计与制作》的教学内容应当给予Div+CSS足够的重视，加大其在教学内容中的比重，以增强与实际应用联系的紧密程度。再次，随着移动互联网的兴起，通过手机等移动终端访问互联网的用户数量已经超过了传统的通过PC访问互联网的用户数量，如何设计适合于移动终端浏览的页面，也应该作为《网页设计与制作》教学内容的一部分。

　　不同院校、不同专业对《网页设计与制作》课程的命名不尽相同，但大多带有“设计”二字。而在实际的教学内容安排中，却往往没有体现出“设计”的部分。网页设计是一门典型的交叉课程，既有计算机科学知识，又有人文社会科学知识。网页设计虽较多的依赖技术性手段，但并不代表在教学内容的安排上就要以技术为主导。学习Dreamweaver也是只是为了掌握一种工具而不是最终目的，成功的网页设计作品还要有美观的布局、配色和人性化的信息导航。

　　虽然Dreamweaver作为主流的“所见即所是”编辑工具，可以让使用者不接触HTML代码就能完成大部分网页制作的工作，但是只有真正理解HTML语言，才能理解网页工作的原理，才能真正深入到网页设计的核心，才能学习到其他优秀网页设计作品的内涵，为将来的能力提升铺平道路。

　　Div+CSS布局已经是成熟的主流网页布局技术，《网页设计与制作》的教学应该突出对该技术的侧重，将已经被淘汰的表格布局作为辅助。同时，对CSS的教学内容应该贯穿始终，因为CSS可以说是控制网页元素表现形式的关键，掌握了CSS就能根据需要轻松的设置页面元素的各种效果，从而为整个页面增色。

　　目前网页设计行业内最缺乏的是具备优秀设计能力的高端网页设计人才，而目前《网页设计与制作》教学中最欠缺的就是对设计能力的培养，导致学生在学完课程后也只能进行简单的模仿和重复，无法进行有效的创新和设计。因此网页设计课程的教学应该以艺术设计为出发点，增加对传统艺术设计方面的教学内容，如构图、色彩、设计思维等知识，并进行相应的实践练习，以此培养学生基本的审美能力和在设计上的创新能力，这样才能让网页制作技术服务于网页设计，从而真正体现出“设计”，避免舍本逐末。

　　互联网的发展日新月异，新的技术不断涌现，作为《网页设计与制作》的任课教师，应该具备一定的判断能力，将未来网页设计技术发展的新趋势呈现给学生，帮助他们紧跟行业动态，为将来就业打下良好基础。

　　《网页设计与制作》作为一门开设多年的课程，在教学内容的设计上必须要关注行业的最新动态，同时明确课程的核心内容，才能培养出社会所需要的网页设计人才。