网页设计与制作精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页设计与制作主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页设计与制作范文

1.1用户登录与注册

首先,在系统功能设计中一般使用B/S结构,也就是浏览器/服务器结构,在网络环境下,将各种功能模块组合起来。用户登录和注册是网站功能中最为基本的一个模块,按照一定的分类标准设置用户权限,如管理员权限、注册用户权限和匿名登录用户权限,不同权限的用户可以访问不同的内容。用户登录的身份验证采用用户名和密码的形式,为了方便管理,用户名可以统一设置,如将学生的学号设置为用户名,密码由用户自行更改。管理员权限主要是由网站的管理人员使用,对网站信息进行删除、编辑和更改,并且对登录用户的身份、数量进行管理。注册用户可以浏览、下载网站中的绝大多数资源内容,而匿名用户只能浏览网站的基本公式信息。

1.2网站信息公布

网站信息公布是校园网站的一个重要功能,可以用来公示重大校园动态、课程信息、学生信息变动等等,所公布的信息来源于相关的校园管理部门,如教学部门、宣传部门、学生管理部门等等。同时,一些与学生密切相关的信息,在公布中可以设置提醒功能,例如当学生登录网站后,以私信或者自动弹出窗口的形式提示学生应当注意的信息。或者在学生个人信息管理模块中,设置专门的应当注意信息模块,提醒学生应当注意的一些变动信息,特别是课程信息、个人信息变动、教务信息等等。

1.3资源共享资源共享

主要是为学生提供一个良好的学习环境,提供学生自学资源支持,在网页设计与制作类专题学习网站构建中,主要的教学资源有文字资源、图片资源、视频资源等等。同时,在资源共享中,为了提高学习资源的利用效率,利用站内搜索技术构建资源查询平台,便于用户搜索所需资源。将各种学习资源进行分类,可以按照资源属性,如文档类资源、图片类资源、视频类资源等等,或者按照教学内容进行分类。站内资源还可以为学生提供一些优秀的设计方案成果,将这些成果的网页设计与制作方案。资源共享功能模块设计需要针对网站功能特点和用户使用情况进行相应的资源优化,例如针对不同学习基础的用户提供不同层次的学习资源等等。

1.4站外资源链接

在网页设计与制作类专题学习网站功设计中,站外资源是一个重要的学习资源补充途径,用户在使用站内资源时,也需要进行相关的站外资源拓展,当前使用较为广泛的方式便是站外资源链接。站外资源链接也分为外部链接和内部链接两种,外部链接同用户直接通过外网链接外站的访问权限一样,都为匿名浏览模式。而在一些提供资源下载的外部网站链接时,可以通过内部链接的方式为用户提供注册用户访问权限,例如访问一些文献资料数据库。通过购买这些数据库的访问权限,使得用户可以通过内部链接搜索和下载相关的文献资料。在站外资源连接时,应当对不同的外站资源情况进行调查和分类,按照一定的类别,例如文献资料类网站、网页设计成果类网站、相关软件下载类网站等等。

2基于PHP和MySQL技术网页设计与制作类专题学习网站的实现

2.1数据库管理实现

基于MySQL技术的数据库管理功能实现,应当针对网站数据的储存和使用特点,应当确保数据库的正确性、融合性、有效性等等,优化数据库检索技术,提高数据检索效率,数据库结构设计的合理性会直接关系到网站构建的整体质量。在数据库中将各种不同类型的数据资源按照一定的类别进行分类处理和储存,同时将各种文档信息添加日期、作者、预览内容等信息,主要的数据操作功能有编辑、录入、存储、删除、复制等等。再有,应当保证数据库的完整性和适时性,及时进行数据更新,数据存储要严格遵守相应的规定,定期进行数据备份,一般数据库的管理权限为网站管理人员。

2.2信息管理功能

实现信息管理功能主要是实现网站基本的信息公布、信息删除和修改、重大信息警示等等,同时还包括用户个人信息的录入、修改等等。信息管理权限由两部分组成,分别是网站管理人员的信息管理功能权限和访问者的信息管理功能权限。信息管理人员所主要管理的信息为网站公布信息和一些动态资源信息,而访问者所使用的信息管理功能为个人信息管理和个人资源信息管理。例如访问者在利用网站资源进行学习时,需要更改个人资源数据库,不定时的删除资源和添加新资源,构建成个人知识管理系统。而网站管理人员,在使用信息管理功能时,也应当针对不同信息的特点,在相应的信息公示板块进行信息公布。

2.3资源共享功能

实现资源共享功能主要包括两部分,分别是站内资源共享和站外资源共享,站内资源包括管理人员录入的校园资源数据库和师生上传的相关资源等等,站外资源则主要是针对相应的教学内容,选择的一些专题网站。在资源共享功能实现中,应当提高资源使用效率,借助站内搜索技术和互联网搜索引擎技术,为学生提供完善的资源环境。同时,资源共享本身也是一个持续性的过程,管理人员应当长时期的进行资源引进和更新。

3结语

第2篇：网页设计与制作范文

本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。

关键词：

网页设计与制作；课程；教学改革；策略

随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

1《网页设计与制作》课程教学存在的问题

1.1学生学习被动

长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

1.2学生动手能力较差

在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

1.3缺乏沟通

首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

2《网页设计与制作》课程教学改革的策略

2.1重新定位课程教学标准

首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

2.2优化教学内容

《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

2.3更新教学模式

高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

引用：

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)

第3篇：网页设计与制作范文

本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。

关键词：

网页设计与制作；课程；教学改革；策略

随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

1《网页设计与制作》课程教学存在的问题

1.1学生学习被动

长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

1.2学生动手能力较差

在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

1.3缺乏沟通

首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

2《网页设计与制作》课程教学改革的策略

2.1重新定位课程教学标准

首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

2.2优化教学内容

《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

2.3更新教学模式

高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

引用：

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)

第4篇：网页设计与制作范文

【关键词】网页设计;网页教学;课程探索

一、对该门课程的简单论述

“网页制作与设计课程”的先修课程《计算机文化基础》，后续课程是《ASP、NET程序设计》。因此，它是一门承上启下的课程。学习的过程是循序渐进的，前期打下良好的基础可以为后期的学习铺砖引路，而且它是一门重要的专业课程，目的在于培养今后从事小学信息技术教学和学校信息化教育教学的管理者和维护者，从事网站建设相关的工作。它要求学生了解网站和网页的本质，理解网站建设基本工作流程并熟练掌握网页制作工具软件的使用，例如Dreamweaver软件、HTML和CSS等技术。学习该门课程知识面是必须的，但是还要求学习者有能力和综合素质，所谓的能力大致指能够合理规划主题网站以及进行团队合作完成任务等，并且要求学生具有分析问题和解决问题的素质。

二、对该门课程教学思路的转变

1.理论与实践相结合扩展素质。众所周知，计算机是一门动手能力要去较高的学科，过去的课堂要求老师手把手教学带动学生，而且教师上课大部分讲的都是理论知识，内容显得过于空乏，扼杀了学生的学习兴趣。但是随着互联网及计算机技术的普及，大部分高校目前都可以维持“一人一机”的局面，在教学过程中，不应是教师一个人的舞台，教师因鼓励学生放心大胆的去创新，大刀阔斧的实施自己的想法，例如在“网页设计”的实践课中要求建设自己的专属网站，不同的同学他们的想法肯定是不同的。这时教师因当向同学提供帮助，询问他们的想法，给予援手完成他们的设计。也可让学生们成立兴趣小组，通常以2人或者3人为一组进行课程实践，这样不仅有助于培养他们的动手能力，更有利于养成互帮互助的好习惯。2.培养学生养成终身学习的好习惯。“网页设计与制作”是一门生活中的学科，处于信息时代的浪潮之中，信息不断的交替，学习范围日新月异。尤其是计算机学科，与生活息息相关，网上购物、上网冲浪、浏览文件，都离不开互联网的功劳。当前的大型公司，如淘宝、京东、苏宁等，也都推出了自己的网上平台。学生的眼光应当放长远些，学习这门学科，应当了解该学科的就业形势，清楚的了解到自己以后可以干什么，从事哪一行业。教师也应当在学习过程中给学生讲一些自己对该门课程发展前景的看法，给学生提出一些建议，学生在了解到自己的目标后，应当会更加奋发努力地向着未来的方向前进。互联网时代，只有养成终身学习的好习惯，不断扩充自己对于“网页设计与制作”课程的理解及知识，才能免于被时代淘汰。

三、教学方式的改进

1.多媒体教学传递信息时代。“网页设计与制作”作为新时代的新兴学科，不应该只利用传统的书本教学方式，而应该利用多媒体技术提供最新的“网页设计”信息来给学生观看，并且多媒体教学利用它独特的放映式方法能让学生清楚的看到网页制作的过程，很好与这门课程嵌合。远程教育的发达也使学生的学习不必拘泥于课堂，只需要一部手机或者一台电脑，学生便可自主学习。2.学生考核方式仍需改进。该门课程的考核方式有多项内容组成，由平时成绩(15%左右)、作品(35%左右)、期末笔试(35%左右)、上机操作测试(15%左右)等项目组成，其中综合实训内容主题网站的建设是重要的评价项目。作为一门实践性学科，上机操作测试的分数应该向上提升一些，教师也可以推出一些加分项目，例如举办几次“网页设计创新大赛”，对于获奖的优胜者给予加分鼓励，更能提升学生的积极性。3.校企合作办学创“共赢”。在校学生在学校学的内容毕竟有限，“网页设计与制作”课程的规划要求证明了他的实用性，如果学习不能为工作所用，就难以适应以后社会对该门课程人才的需求。建议学校找相关企业合作，给学生提供学习机会，把去企业参加实训也视为一项重要的考核内容。对于平时课堂学习表现优异者，提供去知名网络企业学习交流的机会。让学生自己通过对这门课程的理解，面向真正的社会，能提高他的交往与合作能力、沟通过能力、创新实践能力，走向真正成才之路。

四、总结

“网页设计与制作”这门课是信息时代化的产物，与现实生活脱节必然导致的教育的失败。提高教学质量，必须改善教育结构、教学方法与思路。想学生所想、思学生所思，从这门课的教育意义出发，要培养高素质的人才，就必须得提供一个有利于学生成长的平台。提高高效的学习方法和巩固实训在该门学科的地位，必然给“网页设计与制作”课程教育带来一个更大的舞台。

参考文献：

[1]欧阳炜昊,吴振峰,罗卓君.基于工作过程导向的“网页设计与制作”课程教学改革研究[J].计算机教育,2010(4).

[2]向剑平.计算机基础课程体系的研究和探索[J].遵义师范学院学报,2008(1).

第5篇：网页设计与制作范文

笔者总结几年的课堂教学经验，得出几点传统教学的不足：第一，课程理论教学方面，因为学生均为非计算机专业学生，没有相关的项目实战背景，在学习理论时普遍感觉概念抽象，难以理解。学生不是在实际需求的驱动下去学习理解相关概念，而是为了掌握概念而学习概念，由于理解层面的欠缺，虽然“掌握”了概念本身，但是很难学以致用。另外，理论学习的过程枯燥乏味，加之学生无法体会理论的用处，从而使得其学习处于被动状态。第二，课程实验教学方面，由于学生被枯燥的理论学习搞得身心疲惫，加之理解不全面、缺乏兴趣、没有实验的目标和方向，更没有意识到网页设计与制作学习过程中上机实验的重要性，因此上机实验效率较差，实验没有主动性，没有合理规划。而实验内容也因为缺乏新意，缺乏刺激学生的兴趣点的举措，失去了提高学生学习能力的辅助作用。第三，传统的教学模式下一般都是第一环节介绍网站基础知识，第二环节讲解Photoshop、Flash、Dreamweaver等软件，第三环节再讲解综合案例，将上述各软件综合组织起来制作完整的网站系统。这种方式在前三个环节中都是孤立地介绍本部分内容，学生学习起来没有明确的目标性，对于未来自己在制作网页过程中到底需要掌握哪些操作技巧没有头绪，也就是说学生在学习绝大部分时间里，没有明确的目标，没有直观的感受，这对于学生的学习主动性和兴趣的培养是非常不利的。

2从“宏观”到“微观”的教学新模式的实施

在教师引导下，学生自主选择能力所及的专题，采用从“宏观”到“微观”的方法去逐步完成自己的网站系统。在这种教学模式中，充分发挥主动性和创造性，通过查阅资料、调查来获取素材，对素材进行分析、讨论、加工处理并最终得到符合自己要求的素材，以备使用。在这种教学模式中，更为重要的是教学次序的精心安排，重塑网站开发的“原生态”流程。通过该教学模式的教学，学生可以从宏观上了解网站制作的全过程，目的性明确，努力的目标也是明确，提高其分析问题、解决问题的能力，在实践中充分体验学习、创造和获取成功的愉悦，进一步促进他们更加积极主动地学习知识、探究问题、深入思考和追求真理的信心。对于大学教育而言，积极研究开发研究型课程，并在教学实践中鼓励运用研究型学习的方法，是培养研究型人才的可行途径之一。

2.1网站开发的“原生态”流程

即需求分析、栏目规划、绘制草图、收集制作图像类素材、设计首页平面图、首页平面设计图切片、制作静态页面、充实首页页面内容，制作二级页面模板、利用模板制作各个二级页面、充实二级页面内容、测试网站。让非计算机专业学生以计算机专业学生的思维模式去开发网站系统，以网站开发的“原生态”流程去学习开发网站无疑是一项扭转以往学生学习被动性的有效举措，让学生在学习的每个环节中都有目的性、方向性，不是被动地接受，而是积极主动地学习所需知识点和操作技能，从“宏观”到“微观”地逐步提高制作自己网站系统所需的理论知识和操作技能。

2.2前导式案例式教学

案例教学法已成为一种较为成功的教学方法。传统的案例式教学一般是先讲述基本概念、原理，再给出有关的典型事例加深理解，从而一目了然地帮助学习者建立相关的图式。研究型教学模式提倡在学习理论之前给学生充分的思考空间，只有真正经过研究的问题，学生在学习过程中才能掌握好，记得牢。将往届学生的成功案例展示给学生，让学生接触到实实在在的东西，从而对要制作的网站系统有总体上的把握，让学生观察各级页面组成，适时提出问题，例如如何将各级页面有机地组成网站系统，网页布局如何实现等。当然往届学生的案例可能会有一些缺陷，但是较之设计完整、功能完善的大型网站，这些小网站更能引起学生的学习兴趣，激发他们的学习热情。通过演示案例，简单介绍网站系统制作流程，使用相关软件的功能，让学生有个总体上的把握，为后续分模块详细介绍案例打好基础。通过第一次课中的案例引出为什么要学习《网页设计与制作》这门课，学习了这门课能干什么事情，并且把案例中的知识重点分散到各个章节中去，让学生了解《网页设计与制作》各章节的连贯性，能够全局把握本书的内容，做到有目的地主动地学习。

3结束语

第6篇：网页设计与制作范文

关键词：网页设计与制作；应用人才；课程改革；课程优化

1课程的现状与存在的问题

“网页设计与制作”课程是计算机类专业的应用型课程，这门课程相对于其他课程来说，无论是在教学内容还是教学方法上都有其特殊之处。它集知识和技能于一体，具有很强的实践操作性。它能教学生做出内容丰富多彩的网页，从而得到学生的喜爱，激发学生的学习兴趣；但又因为涉及的知识面广、软件技术更新快，又会让学生感到迷茫。目前该课程主要存在以下几个方面的问题:一是教学内容陈旧。网页制作技术发展很快，而大部分的教材还在讲授网页三剑客，学生所学的知识跟公司的实际应用有脱轨，不利培养应用型人才的实用性；其次，教师的主导性与学生的主体性之间的矛盾。传统的以教师为主体的教学，都是以学生被动地听课记笔记为主，缺乏探究思考与实践的机会，不能充分发挥学生学习的主动性，不利于应用型人才的创新能力的培养；第三，单一的评价方式与素质培养目标之间的矛盾，以笔试为主的传统考核方式，形式过于单一，不能客观地衡量学生的综合水平，不利于应用型人才的综合素质的培养。应用型人才培养的定位为基础理论扎实够用，实践创新能力强，综合素质高的高级应用型技术人才。最终的目标是学生毕业后能适应工作岗位，具有解决实际工作问题的能力，因此如何让学生掌握实用的网页制作的知识和技能，需要在理论教学、实践教学、课程设计、考核方式等多方面进行创新，这是文章要研究的主要问题。

2网页设计与制作课程体系的优化

以培养应用型人才为指导思想，使学生在校所学与实际应用衔接，对课程的教学内容进行增减整合，整个课程分为5个部分，一共72学时。以HTML语言为基础，以DeamWeaver为工具，突出css和javascript为教学重点。在这里，大幅削减了dw的教学内容，只把它当作一个编写html和css代码的可视化开发工具来使用，具体学时安排如表1所示。

3改进教学方法，采用多种模式进行教学

3.1使用屏幕录像软件对讲课内容进行录制，让学生课后回顾学习

该课程是一门操作性很强的课程，一般在多媒体教室或机房授课，老师先讲解演示，学生进行验证练习。操作性的东西很难完全记住，因此建议采用屏幕录像软件，对老师的授课进行全程录制，学生在课后的练习中根据老师所讲进行操作，很方便对知识进行了验证，并完全掌握。

3.2把实用技术作为重点

理论知识以够用为原则，加大实践教学。要求把课程内容基础性和先进性关系处理得当。在授课过程，不要面面俱到，重点放在关键技术的讲解上。在整个的课程安排上，每一系列完整的知识点后都设有专项的实践题目，每个模块设有综合应用的实践题目，课程结束后，还要安排一周的课程设计。通过这种分层次的综合性项目的训练，让学生能熟练掌握网页设计与制作的相关知识及操作。

3.3采用任务驱动法进行教学

基于该课程忽悠技术性和实践性相结合的特点，适合采用任务驱动法进行教学，任务驱动教学法就是让学生在一个典型的任务驱动下展开教学活动，从网页设计实际工作过程出发，教师通过精心设计一个综合案例，尽量将所有章节的知识点涵盖进去，在教学过程中不断地运用“新任务”来引导学生学习，并按照上面所述的模块化教学内容，层层深入学习，教师边实际操作边讲解涉及的新知识，以前学过的旧知识也在这一过程中得以巩固。任务驱动法不同于简单的案例教学，它是采用项目化教学方式，即教师不是围绕知识点去设计每个单独的案例，而是针对整个课程设计一个贯穿项目，这个贯穿项目由若干模块组成，并能够覆盖课程的所有理论知识。

3.4以学生为主导，激发学生学习的积极性，从被动学习变成主动学习

网页前端的技术发展很快，专业技术人员要具备知识的自我更新能力，培养兴趣，学会学习，学会解决问题，比单独的传授知识更重要。在整个教学过程中，要以激发学生学习兴趣为目标，变被动学习为主动学习。可以采用的方法有：案例的趣味性，老师授课语言的幽默性，作品展示的成果性，项目合作的团结性，网络资源的自主学习等，都可以很大程度上提高了学生的学习积极性和学习兴趣。把“要我学”变成“我要学”，从而使学生成为教与学的主体。

4开辟第二课堂，加强实践教学

在应用型人才培养中，特别注重实践教学环节。该课程的实践教学占很大的比重，除常规的上机实践、期末的课程设计等实践教学活动外，还开辟了第二课堂。主要有成立各类兴趣小组、创新工作室；由老师引入企业项目，学生自我选择加入，由专业老师及企业导师指导，在这里学生可以分模块完成项目任务，互相交流学习经验、相互解答问题，协和合作完成项目。另外人们每年都组织学生参加省大学生网页设计大赛乃至全国大学生网页设计大赛，通过竞赛，提高学生综合运用知识的能力。在应用型人才培养教学计划的修订中，明确指出，竞赛、创新活动等获奖可以抵免学分，学校也加大了这方面的奖励力度。因此开辟第二课堂，形成一种以竞赛促进教学，教学服务于竞赛的局面，对培养学生的创新能力，提高学生的学习的积极性和主动性有很好的促进作用。

5综合全面地评价学生

对学生的学习成果的评价不能只看笔试分数，由于该课程的特殊性，能综合运用各种技术制作出一个漂亮的网页，具有团队合作精神，能对别人制作的网页作出自己客观的有建设性的评析远比具体的分数来得重要。把期末笔试的成绩降到40%，课程设计期末作品的分值提高到30%，同时，竞赛成绩纳入考核范围。这种评价体系促使学生往应用型、创新型方向发展，而不是死记硬背的读书，而且学生的学习成果得到教师和周围同学的肯定，同时在参与企业项目中收获经验和成果也是学生能持续主动学习最强大的内在驱动力。

6结语

基于该门课的特点，文章制定了以突出应用能力的培养，提高学生的职业适应能力的方针，在课程体系结构，教学方法、实验实训、考核方式等多方面进行进行了深入的研究和探索。并在实际教学中使用，取得了不错的成果。实践证明，任务式教学方法，第二学习课堂的开辟极大地激发了学生的学习热情，教学效果显著改善，教师的学科水平也得到了提高，促进了该门课程的规范化和系统化，符合应用型人才培养的目标。

[参考文献]

[1]赵翠荣.应用型民办本科院校“网页设计与制作”课程教学改革研究[J].佳木斯教育学院学报，2014（8）：163.

[2]赵玲玲，朱美洁，李招弟.应用型本科专业网页设计与制作课程教学改革研究[J].北京城市学院学报，2013（2）：52-55.

[3]黄超.试论《网页效果图制作及欣赏》课程教学内容改革及考试方案[J].职业技术，2010（4）：41.

第7篇：网页设计与制作范文

伴随着信息网络技术的发展，人类已经进入信息时代。人们的各项工作都离不开网络。企业网是展示企业形象的重要窗口，是传播企业文化、企业信息、辅助业务办公、服务生产经营的重要手段。本文介绍了企业网的搭建过程和几个重要网页部件的功能。

关键词：

静态网页；Sharepoint2010；Web部件

1.静态网页概述

所谓的网页就是在浏览器上看到的一幅幅画面，又称web页，实际上它是一个文件，存放在和internet相连的某个服务器上。而静态网页指的是网页内容固定不变，当浏览者通过互联网的和channelfoot.html文件内。网页的页头和页脚就制作好了。在网页中部添加需要的取静态页面（带宏替换）Web部件和新闻列表Web部件，配置部件属性，指定路径到对应的html文件。页面保存并，这样一个网页就搭建好了。

3.常用部件简单说明

(1)取静态页面（带宏替换）Web部件。取静态页面（带宏替换）Web部件可将静态文件中的代码整合到页面指定位置，用于制作静态内容。用SharePointDesigner2010打开站点，选择左侧菜单中所有文件，点击_EX_STATICPAGES_，在文档库区域中右键新HTML，修改文件名为英文字符即可。右键静态文件，选择打开，将静态代码添加进去，保存关闭即可。添加的静态代码为HTML代码片段，原则上不允许向其中添加<html><head><body>等网页结构标签或声明语句。代码片段中仅填写结构代码，建议将样式、图片等资源放置在站点PageAssets的对应文件或文件夹中，如Styles中的page.css，Images文件夹等。进入页面编辑状态，在指定Web部件区域添加。如下图：如果引用其他站点中的静态文件，点击文本框右侧的蓝色区域，弹出文本编辑器，在其中添加引用静态文件的绝对或相对地址。保存部件配置，保存页面，即可看到静态内容替换效果。(2)新闻列表Web部件。新闻列表Web部件实现动态读取指定新闻频道内的新闻并以列表形式在页面中展示。添加新闻列表WEB部件方法同内容编辑器WEB部件。点开“新闻列表”右侧下拉箭头，选择编辑web部件。新闻列表Web部件包括内容设置、显示设置、筛选和排序、图片新闻显示设置等7类属性。设置好相应的属性，就可以显示对应的新闻栏目了。(3)IP过滤Web部件。我们可以采用两种方式控制用户对网站中某项内容的访问：权限管理或访问IP限制。权限管理的控制最为准确，因为网站使用用户的账号来辨别其是否有权限打开受限内容。但在面对“我希望本单位所有的员工都有权访问这个页面”这样的需求描述时，用给帐号授权的方式去控制访问就变得有些困难，所以我们把它改造为“我希望在本单位内可以上网的电脑都有权访问这个页面”，这个时候用IP地址进行辨别就派上了用场。IP过滤Web部件通过对客户端的IP地址进行辨别，判断用户是否打开这个页面，更加适用于一种面向“结构”的访问约束。所谓面向的“结构”，如一个部门、一个单位、众多组织，或如上面所提到的，一个边界十分清晰的空间。我们所要准备的东西只是拿到“结构”内的IP地址分配情况，开始配置。IP过滤Web部件只能在内网中使用，只能拖拽到Web部件页中。进入页面编辑状态，在指定Web部件区域添加。布局中勾选“隐藏”。自定义属性中的参数“允许的IP范围”填写可访问页面的IP段，IP段一定要有头有尾，中间用“-”连接，IP段和IP段之间用分号隔开，最后一个IP段后不再使用分号。这样就设定了两个IP段可以访问，其它地址的电脑无法访问网页。

4.结束语

全球性的网络化、信息化进程正改变着人们的工作方式。Internet技术的应用为人们带来了极大的方便。网络办公已经深入到了企业的各个角落。现在的企业网功能丰富，为人们的工作提供了便利。

【参考文献】

[1]唐永明.浅议网页设计与制作.科技信息,2009年第20期.

[2]詹青龙,郭永灿.网页设计与制作,清华大学出版社,2010年.

第8篇：网页设计与制作范文

1.1教学内容陈旧，难以引起学生的兴趣

很多教材都是先介绍理论然后配以实践，按部就班，虽然可以满足教学的基本需要，但是选取的实例内容陈旧，难以激发学生的热情，学生提不起学习的兴趣。另外，计算机软件更新迅速，往往学的是一个版本，市场上流行的又是另一个版本，跟不上市场发展的节奏。

1.2学生缺乏团队合作意识

现在大多数学生都是独生子女，习惯以个体为中心，合作和分享意识差。实践课虽然已分组，但是遇到问题不沟通，不讨论，整个小组中经常只有一两名同学切实的完成任务，其余同学观望或不配合，分工协作能力较差。

1.3考核方式单一

对于《网页设计与制作》这类实践性强的课程，以往的卷面或小作业的方式显然达不到考核的目标要求。发掘并创新多样式的考核方式，着重考核学生的实践动手能力和创新能力才能满足社会的需求。

2.以赛促学教学改革

2.1改革教学方法，采用项目教学法

项目教学法是以现实中的项目为主线，教师对项目进行选择和修改，以贴近学生生活为佳，并在多媒体教室演示项目中的部分实例。然后将学生分成若干小组，以小组为单位围绕项目探讨合作学习。最后以小组共同完成项目的实际情况来评价学生是否达到课程教学目标的一种教学方式。教师选取项目的依据主要是课程教学大纲，项目内容需涵盖课程的基本知识点，难度最好由浅入深，符合学生学习的认知规律。这样才能调动学生解决问题的积极性，否则学生会产生畏难情绪。实际教学过程中将几个典型的大型项目贯穿整个教学，如旅游网站、购物网站等。然后将大项目分解为若干个子项目，降低学习的难度，让小组成员采用分工合作的方式完成整个项目。此方法不仅能够培养学生的实践能力、协调能力和创新能力，还能开拓他们的思维，提高他们的自信心和成就感，是一种更适合高职教育的先进的教学模式。

2.2以赛促学的具体实施步骤

2.2.1激发学生学习兴趣

兴趣可以催动学生去创作，教师的职责就是尽可能以各种方式激发学生的兴趣，比如将往届学生的优秀作品保留下来，第一节课给学生展示，让他们觉得同等条件下通过认真学习也可以自己动手制作出优秀的网页。或者搜集国内外优秀的网站给学生欣赏，让他们感受到视觉的冲击，萌发创作的动力。

2.2.2广泛宣传

以海报的形式或者发动开设《网页设计与制作》课程所在班级的辅导员或者教师在教学过程中向每位学生传达专业竞赛的作用及意义。现在学院对专业竞赛获奖者都有学分的奖励制度，同学们都愿意参与这类竞赛。并且让学生自己选择喜欢的奖品和奖状，满足他们的需求，有了目标后，学生的参与度明显提高了。

2.2.3　制定赛制

分为个人赛或者团体赛，可根据学生人数以及课程知识掌握程度进行划分。此次采用的是团体赛，4－5名学生为一组，选出小组长。竞赛分为初赛和决赛。初赛按照各班总人数的10％产生，然后进入决赛，决赛选出一、二、三等奖以及优秀奖，最后进行表彰。

2.2.4多样性的评委考核制度

初赛采用学生当评委，评委人数按照班级总人数的20％推荐，需为该课程平时学习成绩优异者。另选出1名主持人及2名记分员。整个过程全由学生自主实行，任课教师全程监控，充分发挥学生的主动性，让他们完全融入到比赛的所有环节。决赛采用专业教师当评委，并组织所有参赛学生到现场观摩。进入决赛的各小组逐一展示并介绍自己的作品，尤其是特色之处，可以与大家分享制作经验。在场学生也可针对作品提问，由展示者解答。评委教师根据评分标准以及展示情况现场打分，产生各奖项并集中点评，肯定优秀作品，同时也对学生提出更高要求和期望。

2.2.5发新闻稿

比赛结束后，及时在校园网上公开发表新闻，重点提及获奖学生姓名及所在班级，这样不仅可以让获奖学生拥有足够的成就感和荣誉感，同时也激励其他同学向获奖者们学习，从而形成良好的学习氛围。

3.以赛促学的意义

3.1提高学习兴趣，改善学习习惯

将传统的、被动的学习转为主动学习，学生思想上有了较大的转变。一方面，有了竞赛作为目标，学生学习的动力得到了明显的提高；另一方面，通过互相展示，让他们感觉学习不再仅仅只是听从老师，孤单的学习，还可以同学之间相互讨论，共同探讨进步，提高了学生的创新思维能力和协作能力。

3.2推动教学改革

实现往常以教师为中心向以学生为中心的转变，教师的角色由全面讲授转变为教学的组织者和引导者。填鸭式的教学早已不能适应市场需求，需要教师们不断进行教改，更新教学理念、教学内容和教学方法，才能满足人才培养的需要。

3.3丰富校园文化内涵

计算机及相关专业的学生从配备电脑后，业余时间大多都在打游戏、网络聊天等等，以至于荒废学业。而竞赛可以让他们燃起学习的兴趣，主动利用课余时间制作网页，有的学生甚至连续几天或几个星期完成作品，彻底的从电脑游戏娱乐中解放出来。

3.4对教师提出更高的要求

项目教学法的实施需要教师有实际的项目经历，这就促使教师利用假期去企业或公司锻炼，参与现实项目完整流程的实践过程，提高自身专业水平能力，跟市场接轨。另外，竞赛的策划、组织和实施都由教师全程设计和监控，对教师的教学管理、组织能力也提出了更高的要求。

4结语

第9篇：网页设计与制作范文

关键词：网页设计与制作；教学平台；FileZilla；配置文件；批量创建用户

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）09-2135-04

网页设计与制作是高等学校计算机基础教育的主干课程之一，是覆盖面较广的一门实践性非常强的计算机基础课程。学生在课程中学习从网页的制作到完整网站的建立的系统的内容。教学过程中的重点一般放在网页的制作这一阶段，忽略了网站、网站展示的后一阶段的过程，使得学生缺乏对创建网站的全面了解。我们通过FTP服务和Web服务的结合，建立了网页设计与制作教学平台，弥补了网站和网站展示环节的空缺，使得学生可以获得创建网站的完整体验。同时，在这一过程中，通过开发相应的扩展程序，简化了为大量学生创建教学环境的工作，使得教学工作能够顺利展开，在实际教学中取得了良好的效果。

1 网页设计与制作教学平台的框架

网页设计与制作教学平台通过提供一个真实的网站和展示的空间，使得学生能够体会完整的网站的过程，从而获得与实际接轨的实践能力。我们使用FileZilla服务器作为学生上传网站作品的FTP服务器。在FileZilla服务器上可以创建用户，并可以给用户分配主目录，设置访问权限。但是FileZilla本身不支持批量用户的创建。我们在FileZilla的基础上，分析了FileZilla的配置文件的格式以及各参数的语义，开发了批量生成FTP用户的扩展程序。它能够依据学生的学号，快速地在FileZilla中创建用户，并为每个用户在服务器上自动生成对应的根目录。我们还开发了自动生成学生网站作品展示界面的前端页面生成器程序，从而使得学生能够完整的体验网站的过程。

网页设计与制作教学平台的框架如图 1所示。

其中各部分的功能如下：

FileZilla FTP服务器：负责接受用户以FTP方式上传的网站内容。

Apache Web 服务器：负责把用户上传的网站内容以WWW的形式向外。

存储：负责存储用户上传的网站内容。FTP服务器和Web服务器共享相同的网站内容空间。

FileZilla扩展：负责批量地创建FTP用户

前端页面生成器：负责根据学生信息自动创建学生作品的展示页面。

2 FTP服务器平台的建立

2.1 FileZilla的配置信息

FileZilla服务器使用“FileZilla Server.xml”作为它的配置文件，其中记录了FileZilla的监听端口以及FileZilla的用户信息等内容。一个FileZilla用户的配置信息大致如下：

其中各行配置的含义如下：

1：用户user01的配置信息起始处

2：用户的密码

3：用户所属的组。同一组用户拥有组的相同的配置，从而减少配置的工作量。

4-6：限制来自某些IP地址的用户不能访问服务器。

7：用户的主目录，即用户登录后进入的目录。

8：用户读文件的权限。如果值为1，则拥有读文件的权限。

9：用户写文件的权限。如果值为1，则拥有写文件的权限。

10：用户删除文件的权限。如果值为1，则拥有删除文件的权限。

11：用户追加文件的权限。如果值为1，则拥有追加文件的权限。

12：用户创建文件夹的权限。如果值为1，则拥有创建文件夹的权限。

13：用户删除文件夹的权限。如果值为1，则拥有删除文件夹的权限。

14：用户列出文件夹的权限。如果值为1，则拥有列出文件夹的权限。

16：用户user01的配置信息结束处

通过对FileZilla配置信息的解读，为自动建立配置信息文件奠定了基础。

2.2 FileZilla扩展的开发

我们使用开发了FileZilla批量用户生成扩展工具。通过循环读取学生的学号，使用这一信息作为学生FileZilla服务器上的用户名。根据2.1节的配置信息的含义，自动为每个用户生成相应的配置信息。工具的使用界面如图2所示。

当点击“生成配置信息”后，通过如下的代码批量地生成所有用户的配置信息。

2.3 用户主目录的自动创建

根据学生的学号，我们开发了在服务器上自动创建学生在FileZilla服务器上的根目录的功能。

通过循环读取学生的学号，使用“puter.FileSystem”对象在服务器上创建以学生的学号为文件夹名称的学生在FileZilla服务器上的根目录。

2.4 配置信息的生效

关于所有学生的配置信息生成后，通过先把“FileZilla服务”停止，然后把自动生成的配置文件“FileZilla Server.xml”拷贝到FileZilla服务软件所在的文件夹，并重新启动“FileZilla服务”，批量创建的用户即可生效。

3 Web服务器平台的建立

当学生通过FTP客户端使用自己的用户名和密码登录FileZilla服务器并上传网站作品后，需要通过Web服务把各个学生上传的网站作品展示出来。我们把学生的主目录映射到Web服务器Apache的虚拟目录，并开发了自动生成展示界面的前端页面生成器程序。其中，为学生的每次上传的作品生成对应的通过Web服务器的链接。

4 结束语

网页设计与制作是一门注重实践的课程。该文借助FTP服务平台和Web服务平台以及相应的辅助扩展程序的开发，建立了面向网页设计与制作的教学平台，弥补了通常教学环境中由于不具备实际的网站环境从而无法为学生提供完整的网站建设过程讲解的缺陷，使得学生能够获得与实际接轨的完整的网页设计制作的经验。

参考文献：

[1] Bradley J C，Millspaugh A C.Visual 程序设计[M].李旭，译.北京：清华大学出版社，2008.

[2] Randolph N.Visual Studio 2010高级编程[M].任鸿，译.北京：清华大学出版社，2012.

[3] Powers L，Snell M.Visual Studio技术大全[M].刘彦博，译.北京：人民邮电出版社，2009.

[4] FileZilla project[EB/OL].http：//.