您的当前位置:首页正文

网页设计与制作范例

2023-08-27 来源:尚车旅游网

网页设计与制作范文1

项目教学法实施过程是教师创设项目活动情境,在教师的引导下,从学生已有的知识技能和生活经验出发,讨论完成本项目活动的方法和过程,学生以小组为单位运用学过的知识和技能解决新情境下的问题,在项目活动过程中,增强学生的知识和技能,提高分析和解决问题的能力,在情感、态度的价值观多方面对学生进行培养。整个过程活动都是真实的,是现实生产生活的一种反映,从而使学生的学习更有针对性和实用性,学到了今后就业所必须的技能,包括实践能力、分析能力、综合能力、应变能力、交流能力、合作能力和解决实际问题的能力。在计算机教学中采用项目教学法,可以将教师的主动性、学生的积极性调动起来,还可以增强同学间的团队协作精神,这将对知识的传授与更新产生更重大的影响,实现教、学、做融为一体。

二、《与》课程牵引项目的选择及相应整合的理论知识

。经过市场调研和多年教学实践,我把把课程牵引项目分为八个具体任务:1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。。。。。。。。。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。。。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。。。

三、课程整合后项目教学法的实施过程

网页设计与制作范文2

《网页设计与制作》课程是《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、教学改革措施 

3.1课程定位与目标 

《网页设计与制作》课程的实践性较强,是网络工程专业的核心课程,是计算机科学与技术、软件工程专业的选修课。。 

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

3.2优化教学内容 

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

;②网页动画制作;③基于HTML+CSS+Div+Javascript网页设计。 

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

3.3教学方法改革 

 

。。并选中几个案例,进行一步一步地模仿设计。 

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

。 

内容。 

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

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

。日后通过修改文件后缀名来适应.net开发或JSP开发,实现向Web应用程序设计的移植。 

对于基于.net的Web应用程序,在 Visual Studio环境下进行网页设计,实现网页设计向基于.net的Web应用程序的直接移植;对于基于JSP开发的Web应用程序,在Eclipse环境下进行网页设计,实现网页设计向基于JSP的Web应用程序的直接移植。 

4、结语 

。通过课程改革,提高了学生的学习兴趣,锻炼了他们的实际动手实践能力,并为后续《Web应用程序设计》的页面设计打下良好的基础。 

参考文献: 

[1]  

[2] 董玉兰.教师引导 学生探究——《网页修饰》教学设计.课程教育研究,2013. 

网页设计与制作范文3

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

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

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

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

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

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

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

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

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

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

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

(一)项目开发教学

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

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

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

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

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

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

四、结论

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

参考文献:

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

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

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

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

网页设计与制作范文4

。版面设计其实是一种艺术,而不是一般意义的技术了。。版面设计首先要做好主页制作工作。。。几种要素不可或缺,还要注意相互之间的协调和搭配,和谐统一才能体现整体美。

2网页制作实用技术

网页制作可以借助的软件很多,Frontpage是一款比较适合初学者网页制作的入门工具。Frontpage的界面和操作和Word比较相似,非常容易学习。

。。。。。。

2.2添加动画

网页添加动画文件可以让网页动态十足,给人带来不一样的活力感觉。。。。。如果要插入用Flash技术制作的动画,操作就要复杂一些。。确定之后还要选择“文件”到“保存”,将动画文件moon.Swf保存。

2.3制作滚动字幕

滚动字幕的运用可以让网页显得活泼,其制作技术也比较简单。。。。如果要查看效果,可以从“预览”中查看。

。。。

3结束语

网页设计与制作范文5

关键词:传统教学;学即能用;CSS

互联移动终端的大面积推广,使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求;同时,地方普通高校为社会服务的使命感在不断增强,如何培养出“学即能用”的人才,使之在短时间内掌握主流的网页设计技术,提高站点访问量,是这门课程课堂教学效果进步的体现。

一、技术背景与课堂教学要求

(一)Internet发展历程

Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的;;Web3.0提升了用户的主动权,用户可对页面的多种元素(显示、色彩、像素、框架等)按需设置,订制专属的功能模块,整合数据资源,适用于电脑、手机、PDA等多终端平台定制。

(二)传统的网页设计与制作课程内容

一般情况下,高校开设的网页设计课程从教学内容上可划分为两大块:1.相关知识介绍。。2.应用软件的使用。。随着互联网的全面推广和“学即能用”的需求,以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于:课堂学到的知识是否马上就能得到应用,是否与目前社会上专业的网页制作公司的技术规格保持一致。因此,本门课程的改革势在必行。

二“、服务于地方”教学内容的改革

(一)教学内容改革

内容改革是课程改革的首要环节。关于什么是关键内容,什么是次要内容,笔者走访了本地专业网页设计公司中企动力的设计总监马女士,通过对她的访谈,了解到时下主流的网页设计公司所涉及到的技术规范,对本校现阶段的教学内容做了必要的调整,简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容,有选择地介绍了网页交互特效及表单的应用,加强了网页美化工具、HTML语言及CSS的学习内容。。;;再次,介绍HTML的基本语法结构和语句,使学生熟练掌握其主要标签的使用(传统的教学模式对这一部分的内容有所忽略)。实践证明,学生若不熟悉HTML的语法构成,学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然,对于非专业学生而言,学习一门语言,即便是文本标记语言,由于其本身对计算机系统相关知识的欠缺,授课会比较困难,学生也学得辛苦,但这又是一个必要的过程,其所占用的时间比较长,需要设计大量实例,反复练习才能掌握。之后介绍开发工具,重点是要理解页面的代码模式和设计模式,而DIV+CSS则是本门课程的重头戏,由于学生对代码有种天生的恐惧,所以,在建立CSS时又以开发工具建立为主,修改程序为辅。最后简单提及动态网页技术。由于课时限制(32节),本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等,而目前主流的网页制作公司则主要应用DIV+CSS。所以,对于陈旧的技术简单介绍即可,而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉,所以,在课时中增加了相应的HTML的基本语法结构和语句的介绍,并对主要标签的使用熟练掌握。

(二)实际授课效果

笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS,有一定的设计基础,所以,课程内容改革中的第一部分可以省略;。实践证明,学生有追求新知识的欲望,基本能做到学以致用,并反馈到最终的作品中。。针对我校提出建立培养服务于地方应用型人才的本科院校,传统的网页设计与制作课程必须响应时代号召,更新教学内容与方法。本文仅供从事该课程教学的教师参考。

参考文献:

网页设计与制作范文6

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

【关键词】

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

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

一、课程考核模式目标

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

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

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

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

二、考核模式的创新改革

(一)整体教学的设计。

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

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

对于这门课程,主要用平时制作过程的考核和期末考核相结合的方式。平时上课期间制作过程考核占百分之七十的比例,主要包括平时出勤率、课堂表现、项目完成的综合情况。其中平时出勤率占百分之十五,课堂表现占百分之十五,项目完成情况占百分之四十。。这门课程主要考核过程的设计与制作,培养学生运用所学的知识点及时操作解决相应问题的能力,注重学生对网页设计与制作创新设计能力的培养,提高他们的创意思维能力。

(三)实施过程的体现。

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

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

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

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

单位:重庆商务职业学院

参考文献:

[1]周淑萍.过程性考试在中职计算机教学中的应用[J].教育研究,2010,(7):146.

[2]王书立,张立军.浅谈过程性考核在高职“企业会计实务”课程教学中的应用[J].深圳信息职业技术学院学报,2007,(9):60-63.

[3]张洪星.Dreamweaver网页设计能力教程[M].中国铁道出版社,2006.

因篇幅问题不能全部显示,请点此查看更多更全内容