高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页设计制作范本(必备3篇)

网页设计制作范本 第1篇

《网页设计与制作》课程是《Web应用程序设计》课程的先修课程,为Web应用程序的页面布局和界面设计打基础。为了适应市场对“网页设计制作人员”的岗位需求和为了实现网页设计到Web应用程序设计的过渡,有必要对现有的《网页设计与制作》课程进行改革,使学生能适应“网页设计制作人员”的岗位需求并能将《网页设计与制作》课程里学习的实践成果能直接应用于基于.net或JSP的Web应用程序设计。

2、《网页设计与制作》课程现状及存在问题

笔者所在学校的计算机科学与技术、软件工程、网络工程三个专业都开设了《网页设计与制作》课程。传统的网页设计与制作课程主要基于网页三剑客Dreamweaver、Fireworks、Flash制作出精美的网页。这些网页内容丰富多彩,结构复杂,能满足静态网页的页面需要,但这些网页不能直接应用于基于.net或JSP的Web应用程序开发中,不能满足动态网页的页面需求。Web应用程序开发,是通过后台数据库与Web服务器的信息交换,由后台数据库提供实时数据更新和数据查询服务。《Web应用程序设计》课程有两种主流的开发技术:.net与JSP。在《Web应用程序设计》课程中,主要讲解.net技术与JSP技术,而不讲解页面设计,需要学生将《网页设计与制作》课程学习到的网页设计知识融合到Web应用程序设计中来,使动态页面既有数据库的内容,又界面美观。而学生在传统的《网页设计与制作》课程里学习的页面知识不能直接应用于Web应用程序设计。有必要对《网页设计与制作》课程进行教学改革,增加CSS,Div,Javascript,AJAX等内容,以完成学生向Web应用程序设计的过渡。

3、教学改革措施

课程定位与目标

《网页设计与制作》课程的实践性较强,是网络工程专业的核心课程,是计算机科学与技术、软件工程专业的选修课。本课程以计算机导论、计算机程序设计语言为先修课程,以培养学生实际动手能力为目标,使学生具备网页素材搜集、网页元素制作、网站布局和规划、脚本代码编写、网站、网络建设管理与维护等知识与技能,并培养学生团队协作能力、沟通能力、分析问题能力、解决问题能力,同时也为后续课程《Web应用程序设计》的学习奠定基础和实现向Web应用程序开发的顺利过渡。

课程目标包括:①理解网站的工作原理,学会构建网站;②熟练掌握Photoshop、Fireworks、Flash等软件处理网页素材;③熟练使用CSS、Div进行网页设计;④掌握网页脚本语言的使用方法;⑤培养学生做出具有一定水准的网页(包括Javascript,CSS+Div)。

优化教学内容

以往《网页设计与制作》的教学内容大多是按网页三剑客展开,而以向Web应用程序设计的过渡为导向的课程改革需要将《网页设计与制作》课程内容与Web应用程序开发的动态页面要求相结合,满足日后的Web应用程序设计要求。

教学内容主要包括:①网页图片处理;②网页动画制作;③基于HTML+CSS+Div+Javascript网页设计。

借助Dreamweaver进行可视化页面设计转向纯代码的编写,全部靠手工编写代码来设计网页页面。

教学方法改革

教学方法由传统的演示法向多样式教学方法发展,主要有以下4种:

启发式-模仿法:初学时需要大量浏览一些优秀网站案例。通过欣赏国内外优秀网站,让学生在外观视觉的享受中感受网页设计领域的奇妙,培养学习兴趣。并选中几个案例,进行一步一步地模仿设计。

任务驱动法:每个学习案例都布置了学习任务,课程体系结构以任务为主线,贯穿整个学习过程。教师在课堂讲解理论知识后,布置学习任务,学生自己动手独立完成学习任务,将理论与实践相结合,使理论知识得以实践。

项目教学法:将实际的网站设计项目直接在课堂再现,以项目为驱动,带动各知识点,让学生边学边练。让学生了解网站开发的流程,也促进各知识点的应用,快速吸收所学

内容。

学生设计成果能向《Web应用程序设计》课程过渡

《网页设计与制作》课程是《Web应用程序设计》的先修课程,学生通过《网页设计与制作》课程的学习,设计出的网页成果要能直接移植或方便的移植到Web应用程序设计中来,而不能出现设计出的网页成果与《Web应用程序设计》无关,与后续课程脱节。

网页设计制作范本 第2篇

在现代网络技术发展与更新的潮流中,高职高专院校推崇的产学结合,项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。本文将针对高职高专《网页设计与制作》课程考核模式进行深讨。

【关键词】

产学结合;项目式教学;创新改革

随着现代化网络技术发展与更新,在全国高职院校中推崇的产学结合,项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。在我系数字媒体技术专业,《创新网页设计与制作》这门课程是以职业实践教学为导向,在结合岗位需求的基础上,征求行业、企业专家意见并进行论证,在职业核心能力分析的基础上,对职业所需岗位的技能、知识等进行调研,将这些核心职业能力充分融入到教学考核模式的体系中,来研究创新网页设计与制作的考核模式。

一、课程考核模式目标

(一)高职《网页设计与制作》课程的教学特点。

《网页设计与制作》这门课程是高职计算机专业或者数字媒体技术专业的一门主干课程,它涵盖了HTML语言、fireworks、dreamweaver、flash等软件的相关内容,从各个方面介绍了WEB站点的开发、设计、制作及维护等技术。在数字媒体技术专业,本课程与图形图像处理、FLASH动画等课程是相互衔接的,它是一门培养学生综合应用能力的课程。

(二)《网页设计与制作》考核模式的实施。

传统的《网页设计与制作》课程考试内容一般是以笔试为主,以考书本知识为主要内容,注重学生对书本知识的记忆,这样就无意间缩小了学生的知识面,束缚了学生思维的发展,忽视了培养学生独立自主的思考能力、学生对知识运用的能力以及学生创新意识的培养。经过一系列的试验和企业的深入调研,为了培养学生的实际动手操作能力,构建知识框架体系,可以对《网页设计与制作》课程考核模式进行一些创新的改革,如可以进行项目制过程(作品)考核方式,也就是根据《网页设计与制作》课程的教学目标中各个知识点采用项目制教学,模拟企业模式给出相应的项目,学生分组完成。学生分组模式参考企业项目制合作团队,每组选出相应的组长,分工合作调研自己所选主题,进行项目的策划与制作。考核模式先由老师进行项目成果打基础分,然后分组进行PPT汇报与演示,投票选出每个项目成果的名次,最后根据名次与基础分的比例得出最后的分数。

二、考核模式的创新改革

(一)整体教学的设计。

《网页设计与制作》课程以课程项目的各个任务引导,通过项目制任务指导实践,充分采用项目导向的模块式教学,分析项目任务,选择几个典型的项目作为本课程的教学情境。根据课程内容的课程标准,对这个课程进行了一些创新型的改革,用一个创新合理的考核评价方式去挖掘学生个性发挥和实际操作能力的培养。每一个考核任务设计一个项目任务,在项目实施的过程中,对学生的制作过程与完成成果情况进行考核。

(二)考核内容的过程设计。

对于这门课程,主要用平时制作过程的考核和期末考核相结合的方式。平时上课期间制作过程考核占百分之七十的比例,主要包括平时出勤率、课堂表现、项目完成的综合情况。其中平时出勤率占百分之十五,课堂表现占百分之十五,项目完成情况占百分之四十。教学内容主要分为项目设计调研与实际操作两个部分,而整个课程的设计又分为以下几个任务:项目的策划与设计、市场调研、创建站点、基本的网页设计与制作、网页图形图像的处理、网页动画的制作及网页整体形象的设计等,每一部分的任务都要设计相应的考核作品。这门课程主要考核过程的设计与制作,培养学生运用所学的知识点及时操作解决相应问题的能力,注重学生对网页设计与制作创新设计能力的培养,提高他们的创意思维能力。

(三)实施过程的体现。

通过这种考核方式不仅激发了学生们学习这门课程的兴趣,还有利于提高教学效果,如:

1.这种“项目制过程考核”不仅激发了学生的自主能动性,同时也使学生有效地展现自我,提高了他们学习的兴趣。

2.让教师的“教”与学生的“学”交互,学生可以通过教师的教学案例进行临摹学习,同时可以弥补自己在制作过程中的不足,教师在实际的操作示范中不断总结知识的运用、软件的操作、综合素质的提高等等,通过反馈信息来不断更新自己的教学手段、教学方法、教学内容及考核。

3.提高了教学质量,通过这种方式的考核,不仅提高了学生实际操作的动手能力,也增强了自主学习能力,提高了创新意识,真正实现了“教,学,做”一体化教学模式。

网页设计制作范本 第3篇

关键词:网页制作 课程改革 项目教学 个性化教学

一、互联网行业的潜在需求

在互联网时代,新兴行业层出不穷,例如新媒体、电子商务等新型传播方式和商业交易模式,为经济发展注入了新的动力。而不少传统行业也逐渐淘汰落后产能,引进各种新型电子智能技术和设备,纷纷建设电子信息网络平台与管理系统,以实现高效便捷的管理,并且极大地提高了生产效率。

二、网页设计与制作课程的发展现状和培养目标

(一)网页设计与制作课程的发展现状

在以往的教学过程中,教师往往只是从课本知识入手,着重传授相关概念和理论,而对于软件的操作,采取“为教而教”的方式,对学生的培养重在使用,而非实用。如此教学的结果是,学生虽然掌握了基本的软件操作方法,却只是停留在“知其然而不知其所以然”的阶段,一旦面临企业或者用工单位指派的实际任务,就会陷入一筹莫展的境地。究其原因,仍然是老师的作用没有充分发挥,没有培养学生良好的设计和规划意识,致使学生没有建立起完整的作品概念,更不用说创新意识和能力的培养。因此,应当明确的是,课程内容的教授应是“设计”与“技术”并重,甚至将设计理念提到更加重要的位置,让学生真正意识到开发与设计的重要性,培养独立设计与制作的能力,达到作品所应有的功能和视觉效果。

(二)网页设计与制作课程的培养目标

新课程教学目标中明确规定,我们应该确立以学生为主体的意识,明确以培养学生的实际动手能力和操作技能为教学目标。这样才能保证教学的目的和意义的实现。

网页设计与制作课程的教学就是面向实际应用,解决实际问题的实践活动,在教学过程中,老师和学生都应该具备目标意识和创新意识,在软件和网络知识的运用过程中,在实际问题的解决和网页的设计操作中,提高学生的网页设计技能和综合素质。倡导运用不同方式和灵活运用各种工具、寻求最佳途径的轻松活泼的教学,让学生参与到教学活动中来,提高学生解决实际问题的能力,培养学生的创新能力、服务意识和团队合作精神。

三、新形势下课程改革的新思路

互联网行业是近年来发展最为迅速的行业,也是自身更迭和淘汰速度最快的行业。顺应知识爆炸时代的需求,互联网行业的特点就是新鲜、快速和海量信息,而作为互联网依托之一的网页自然也要跟随时代潮流而变。作为新时代的技能型行业,网页设计与制作要求将最新的知识和科技融汇进来,才能保证不被淘汰。

(一)项目开发教学

1.协调好理论课与实践课的关系

任何学科的教授都是理论与实践相统一的整体,任何一方都不可偏废。但是对于注重实际能力的设计与制作课程,可以将理论的传授更加实用化。

2.案例教学或项目式教学

以案例或项目开发为教学载体,既生动活泼,同时在潜意识中培养了学生解决问题的意识和能力。

(二)打造学生的展示平台

利用学校的资源优势,为学生打造一个成果展示平台,促进学生间的互动和交流。利用每堂课的任务教学或者教学实例,引导学生开动脑筋,去寻求最优解决方案,并且满足他们展示与交流的愿望,建立一个开放活跃的学术氛围。

四、结论

综上所述,网页的设计与制作本身就是生动而充满乐趣的课程,教学的目的就是要让学生真正在实践中运用相关的软件和技术知识,并且在运用和实践的过程中锻炼思维,提高解决实际问题的能力,从而顺利走上就业岗位,成为实用型的技术人才。

参考文献:

[1]杨森,刘潇潇.网页设计与制作课程教学改革的研究与探索[J].办公自动化杂志.2010.(03).

[2]磨曙明.网页设计与制作课程中项目教学法的运用[J].新课程.2010.(05).

[3]敖冰峰,乔阳.“项目教学法”在网页设计与制作中的应用[J].科技创新导报.2010.(17).

[4]蒋红,包松颖.高职网页设计与制作课程的教学思考[J].宁波教育学院学报.2010.(06).

猜你喜欢