高端响应式模板免费下载

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

什么是响应式网页设计?

2024年网页设计作品汇报(9篇)

网页设计作品汇报 第1篇

教学内容改革

目前,很多电子商务专业的网页设计与制作教程内容大多包含Dreamweaver、Fireworks、Flash等内容的介绍.根据传统企业开展电子商务对人才需求看,从网页的设计,到网站的搭建、美化很有可能是一个人在负责,所以一门课程概括太多的东西,什么东西都讲,什么东西都是点一点,是不能满足同学们的学习需要的.针对这种情况,我们的网页设计主要介绍HTML及Dreamweaver的相关知识,并结合助理电子商务师国家职业资格标准的相关内容来要求大家,而动画制作、图像图像处理、网站构建都有相关专门课程讲解.

对于已经确定课程教学内容,我们对传统教学顺序也做了调整.针对部分同学计算机基础薄弱,动手能力有所欠缺,甚至一些同学对涉及到计算机的课程害怕学不好,有抵触心理,我们所要做的是首先引起同学的学习兴趣,循序渐进的引导同学.为此我们首先让大家欣赏精美网页,分析网页的框架、色彩搭配等,引起大家共鸣和兴趣,然后向大家介绍制作网页的工具,怎么创建站点,怎么构建站点和网页,网页里面的文字和图片怎么插入等(.表1为传统教材知识点讲授顺序和改革后知识点讲授顺序)

课时设置改革

由于网页设计这个课程的特殊性,它强调的是动手能力,所以这门课不能用传统的方法上.要避免老师在上面说,学生在下面听、记、背,考试笔试考一些理论知识点的老路子.为了多给学生动手的能力,多给学生的实践机会,我校已经把理论课和实践课的比例设置为1:1,明显的提高了课堂教学效果,得到同学的好评.有的学校在探索能不能把所有内容都放到机房去讲解,保证学生每人有一台机器,让大家能够学中做,做中学,实现教学做一体化,但考虑到在实际情况,学生在机房上课容易受到其他因素的影响,我们目前正在进一步探讨,看有没用更好的办法解决问题.

教学方法的改革

任务驱动教学

如果用传统的教学方法,网页设计的理论课程内容没有吸引力、操作步骤枯燥无味,导致同学产生厌学情绪,上课效果不理想.如果用任务驱动教学法,就能很好的解决这个问题.每次上课先由教师对本节课的内容进行简单介绍,也可用一个小案例在多媒体上演示.注意在此过程,时间要短,案例要精彩,要用最短的时间把大家的注意力吸引过来,兴趣挑动起来.然后提出一些简单的问题,最好参考书本就有答案或者有操作步骤,这样能满足同学成功后的喜悦感、满足感,给予他们进一步要求学习知识的动力.在进一步的学习过程中,对教师提出的问题,他们会遇到这样那样的问题,我们再引导学生讨论,最后引入相关理论知识.

项目式教学

学生的学习,重点在学习的过程,而非有的老师认为的学习结果.不再让学生在教师的统一安排下,把一些现成的知识或技能通过讲授的方法传递给学生,而是让学生通过讨论、研究,找到解决问题的方法.最终完成任务,展示自己,反思自己在解决问题的时候用的方法,总结经验教训,提高自己.学生是整个活动过程的主导者,教师成为学生学习活动中的引导者、指导者,起到辅助作用.在实际操作中,我们根据网页设计这门课的特点,将所有知识点总结,为每一次上机实践课都设计一个包含若干知识点的网页为项目基础,让学生假设去为不同的企业完成相应的项目.在完成项目的过程中,大家相互学习,遇到问题相互讨论,再解决不了的,教师给予适当的指导.在这个过程中同学不断掌握课程技能,也锻炼的沟通能力,加强了自我学习的能力.

网络辅助教学

传统的教学方式,存在着时间和空间上的局限性,借助网络辅助教学,则能突破传统教学方式的种种限制.通过网络辅助教学,学生部能够根据自己的学习的进度及知识掌握的情况进行相关知识的复习和预习,这样既丰富了学习资源,让学生有更多选择学习资源的权利,使学生主动学习、个性化学习成为可能.在此过程中,教师一定要注意部分同学还没有认识能网络教学的重要性,另一方面教师在日常教学过程中应加强对学生自主学习意识能力的培养,加强对网络学习过程的评价、监控,及时通过网络平台和同学互动,及时帮助同学解决问题.

考核方式改革

考核是教学过程中的重要环节.通过考核,教师可以了解学生掌握知识的情况,还可以根据结果进行教学改革.传统的课程考核一般采用笔试的方法来检测学生对知识掌握的情况.这种考核方式不适用于网页设计这门课程,因为网页设计是一门对动手实践能力要求很高的课程.如果采用笔试,会导致大家对理论知识的死记硬背,而放松了对技能的锻炼.在我校,我们根据网页设计课程的特点,对该课程的考核方法进行了改革.

课程考核采用平时考核、实践考核、理论考核相结合的方式.其中平时考核成绩占总成绩的30%,实践考核成绩占总成绩的30%,理论考核成绩占总成绩的40%.平时考核,以教学过程为载体,主要记录学生的出勤率、作业完成情况、上课表现情况及学习态度等;实践考核,主要记录学生在实践过程中项目完成情况、实训报告撰写情况及最后课程设计的完成情况;理论考核,教师根据课程要求的应知、应会内容闭卷进行考核,采用的题型主要是单项选择题、多项选择题、填空题等.利用此考核方案,即能保证学生的出勤率让其主动的参加教学过程,也能促进学生主动提高动手实践能力。

2结束语

网页设计作品汇报 第2篇

《网页设计与制作》课程的传统教学方式是先由教师在多媒体教室授课,然后安排学生在实验室上机练习验证教师所讲内容。这种方式忽略了学生的积极性、主动性,学生学到的知识比较零碎,很难开发实际项目。随着课程内容的深入,很多学生逐渐失去了学习兴趣,丧失了主动参与的意识,以致课程结束时,几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式,突出学生的主体地位,让学生成为教学的中心,我们分析了该课程的特点,并结合任课教师为企业开发网站的经验,让教师将网站项目引入课堂教学,引导学生共同开发项目,让学生既能学到知识,又能积累项目开发经验,从而体现出“教、学、做是一件事,不是三件事”。

2《网页设计与制作》课引入教学做一体化教学法《网页设计与制作》是本校计算机应用技术专业的主干课程,具有实用性强、应用面广、操作性强与岗位联系密切等特点。为了更好地讲授《网页设计与制作》课,我们进行了大胆的教学改革,打破了传统的教学模式,将实际项目引入课堂教学,改革教学方法、教学手段及考核形式,较好地实现了课程教学目标。《网页设计与制作》的课程目标是结合职业岗位的需要,培养出能够从事网页平面设计或网站构建的人才,提高学生的学习能力、协作能力和综合能力。教学做一体化教学法提高了学生的能力和素质,将教学做一体化教学法引入《网页设计与制作》教学后,学生成为了学习的主体,教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习,边学边做。在完成项目的过程中,他们主动与其他同学和教师进行交流,讨论问题,促进了教学做一体化教学法的发展。项目完成后所带来的成功的愉悦和满足感,不但提高了学生的学习兴趣和学习积极性,同时也培养了学生自主学习的能力。

3《网页设计与制作》课实施教学做一体化教学法的过程本人在担任《网页设计与制作》课的教学过程中,结合学生的特点以及环境,将教学过程划分成以下五个阶段。

(1)网站项目的确定。确立实用、优秀的项目是教学做一体化教学法能否成功实施的关键。因此,在实施教学做一体化教学法时,首先,应选择切实可行的项目。在教学正式开始之前,可先对学生进行分组,尽量使每一组学生的能力都比较均衡。其次,应针对学生的实际水平确定项目的难易程度。对于课程前期刚接触这门课程的学生,由教师负责选取项目,讲解知识点。所选取的项目必须简单、典型,并且最好选择已经完成的项目,以便学生进行知识的迁移。到了课程结束后,安排专门集中课程实训,让学生分组组成项目小组,讨论选择项目,让学生身临其境,参与创造实践活动,亲身体验实践的艰辛与乐趣。另外,应注意根据学生具体的培养方向,确立最适合的项目。

(2)网站项目计划。网站项目的计划应按照项目开发的需求加以实施。确定项目以后,让每一组学生针对该项目进行需求分析,启发学生主动发现身边的素材。该过程中,可由教师充当企业的角色,由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料。教师在这一过程中,一方面,起到指导的作用,另一方面,教师应事先对该项目内容进行定位,分析研究需要解决的问题和完成的任务,确保学生进行需求分析时,不会定位过高。完成项目需求分析后,教师应根据学生所作的需求分析确定项目的能力模块,并将每个能力模块细分为一系列小项目,学生根据课程的时间安排,结合项目内容编写项目开发计划书。

(3)网站项目实施。对于首次接触网页制作的学生来说,没有一定的网页制作软件操作基础,就无法进行项目建设。因此,应在课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法,为第二阶段奠定基础,第三阶段的主要任务则是撰写网站开发总结报告,锻炼学生撰写文章的能力。在第一阶段的实施过程中主要教授学生网页制作软件的使用方法,使其形成相应的具体能力。具体做法是:教师首先通过简单的例子讲解实际操作方法,然后,让学生练习新知识、新操作,完成相应的实验项目。通过这种教学做一体化的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。第二阶段实施过程结合第一阶段学生具体能力的锻炼情况,根据所要建设的项目,按照项目计划书进行开发并完成设计。该阶段是教学做一体化教学法实施的核心环节。在此阶段,教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导,解决学生开发过程中遇到的难题,督促学生按时按量完成项目计划书中的各个开发环节,保证学生顺利完成项目的开发,实现教学目标。在实际教学过程中,教师要重点做好指导监督工作。如定期召开各项目组长会议,了解各项目组的开发进程;在项目开发过程中进行技术引导和指导,收集各组遇到的难题,组织各组进行总结和经验交流,从中探讨不同的解决问题的方法。第三阶段实施过程该阶段的任务是在学生完成网站建设后,撰写开发总结报告,总结本次学习、开发的收获和经验,为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后,都要对该阶段的学习成果进行展示、评价、总结,及时改进不足之处,巩固成果,为后续工作打下坚实的基础。

(4)网站项目展示与评价。项目完成后,应对网站项目的建设效果进行展示,并加以讲解。在讲解展示网站的过程学生和教师可以提出问题,并结合相应的网站项目评分表,形成学生和教师对该项目各自的评价。在对学生进行评价时,还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。

(5)网站项目的总结和应用。项目完成后应进行总结,并将其成果应用到相关领域,体现该门课程的教学目标。本校在《网页设计与制作》课中实施教学做一体化教学法以来,完成了多个项目并将研究成果应用到实际工作中,如个人网站、班级网站、家乡旅游网站、美食网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法,找到自己的不足;技巧总结着重总结解决开发环节中遇到的难题的方法,把握并吸收整个项目开发的精髓;经验交流主要是对学习方法、知识应用进行交流。最后,教师可以指导学生对项目进行拓展和延伸。

4教做学一体教学法的成果《网页设计与制作》课在实施教学做一体化教学后,从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分,而是真正掌握一门技术,具备一定的开发能力,能够承担相应的工作。在整个教学过程中,学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。实践表明,《网页设计与制作》从传统的多媒体教学模式的枷锁中挣脱出来,实施教学做一体化教学法,体现了以学生为本,最大限度地调动了学生自主学习的积极性,培养了学生的综合能力,使学生掌握了一门技巧,对教师也是一种锻炼和提高。

网页设计作品汇报 第3篇

学生被动接受,然后去机房实践,等到去机房实践时,由于时间隔得太久,学生把上次课堂所讲内容都忘得差不多了,上机时老师还需要再重复讲一遍,这样效率低下。还有,多媒体上课有时一次安排就是四节课,老师一次讲的知识点太多学生根本记不住,时间太长,最后学生听课的热情也不高,严重影响教学的质量和效果。因此,我们尝试改革教学模式,授课地点用多媒体机房代替传统的多媒体教室,在多媒体机房安装投影仪或电子教室软件,学生每人使用操作一台计算机,教师使用一台教师机。授课方法如下:如果是理论性比较强的部分,启用电子教室软件,对学生机进行控制,不允许学生操作电脑,教师一边讲解一边操作教师机,让学生看着显示器听老师讲解;如果是比较难掌握复杂的内容,教师就通过投影仪来讲解演示,学生可以跟着老师示范步骤一步步操作学习,从而实时掌握授课内容。每次控制好讲解时间及内容,一次讲解三四个知识点,精讲多练,每次讲完后预留合适的时间并布置小练习让学生来完成,并把所讲课程课件等一些相关资料服务器共享。完成作业后教师采用逐个点评作业的方式进行学习交流,使学生对所学的知识点更加巩固,同时大家相互交流也可以拓展思路并激发学习的热情和积极性。分析并临摹优秀网站。学习完第二个层次内容之后就可以让学生开始独立完成网站制作了,在临摹网站之前,要先让学生大量分析不同风格不同主题的优秀网站,并提交分析报告,学会审美网页,然后再临摹一些优秀的网页,在临摹的过程中,学习体会各种不同主题网站的不同的风格、配色以及界面设计。采用案例教学和项目教学。选用一些有代表性的案例,比如一些为人熟知的网站如新浪、搜狐等,通过对案例的分析讲解其相关的功能及制作方法,这样可让学生更有兴趣从而提高积极性。其次,也可采用项目教学法,通过项目驱动促进课程改革。可以把开发一个小型网站或大型网站的一个栏目作为项目,比如重新开发一学校或公司网站,从网页设计实际流程出发,让学生分组完成网站的前期策划、设计、制作、测试和,进而完成整个项目。通过项目教学,让学生掌握网页设计与制作的相关技术,培养独立开发及制作网站的能力。积极探索网络教学新模式。利用网络教学平台,我们将课件和相关学习资料放在教学网站上,供学生学习参考;还可开通网页爱好者交流群,学生对学习过程中遇到的各种问题进行讨论,有好的设计方法和经验大家相互交流学习;还可通过开展网页设计大赛,可展示评比学生的优秀作品,这样可提高学生的积极性。同时也可以相互学习分享。

考核方式

因此不能像其他课程一样采取传统的笔试方式进行考核,笔试比较适用于一些理工科课程,如高等数学、计算机原理等,该方式可考察学生对这些公式、原理、概念等掌握的情况。单纯上机出题考试也有一定局限性。本人认为应把考核的重点放在综合实践能力的考核上。该课程的考核可以有三部分组成:课堂表现(10%),上机练习作业(20%),最后作品(70%)。这样可以较全面地考核学生对该门课程的掌握与实践情况,其中作品指的是老师制定的项目要求,一般都是个人网站或其他主题的网站。学生在规定的时间制作完成上交。最后作品主要从网站的链接结构是否合理顺畅、网页配色、界面设计、网站内容的完整性、网站技术的运用以及网站运行是否稳定等方面来综合评定。最后的作业评定可以以答辩展示的形式,由每个学生阐述对该项目的想法、制作心得以及制作过程中遇到的问题,然后教师给予评定和答疑,这门课程的最后一个环节,授课教师对教学效果有个总体了解的同时也给学生一个更大程度提高的机会。

实践效果

笔者长期从事河南工程学院、中原工学院的《网页设计与制作》基层教学工作,通过对近三年物理学、会计学、广告学、网络工程、艺术设计、纺织工程等六个专业近400名学生的必修和公选的《网页设计与制作》教学效果进行了分类对比,通过调查问卷、学生评教、学生成绩分布情况等方式,主要从学生学历层次、授课地点、授课形式、是否采用案例教学、学习气氛培养等方面对培养方案进行了设计,则根据预定的授课方案对授课效果进行了跟踪和汇总。从教师授课效果来看,虽然在个别专业学生的日常上课非常配合,学习态度较为认真,但是从考试的成绩来看还是不如教学改革后的效果好,使用了新的教学手段学生成绩均有不同程度的提高,从不同的年级学生评教分数来看,大部分学生认为传统的《网页设计与制作》教学模式的评价分数并不理想。

结语

网页设计作品汇报 第4篇

随着当前计算机技术的飞速发展,计算机应用范围的扩大,越来越多的中职院校在课程开设时顺势采用了项目式教学方法,结合校企结合或引企入校的方式来实施教学。《网页设计》课程不但是计算机专业学生的专业技术课,同时也是非计算机专业的学生非常欢迎的选修课目。针对中职教育的特点,为了适应学生这个群体的心理特点及思维现状,我们在不断的实践过程中,探索新型的教学方法,让学生在结合现实工作中的项目,小组团队协作完成项目,从协作和实施项目过程中完成知识和技能的学习,从真实的工作环境中学习。从而能达到学习完课程就能顶岗独立完成工作。

在我们的生活中,小到一个生日聚会、一次课余活动,大到一项工程建设,一个节日庆典,这都属于一个项目。项目无论是简单还是复杂都有一定的共有特性。美国PMI定义说:“项目是为了完成某一独特的产品、服务或任务所做的一次性努力。”而我们在教学活动中所提出的是“项目”则是指提出一个前人曾完成过的一个项目工作,也可以是由教材的相关内容转化来的社会的一种需求。学生围绕此工作或需求进行相关联的学习和探究的活动,从而完成知识的学习和能力的培养。

一、项目教学法的含义及特点

项目教学法是指教师与学生共同将教学知识作为一个完整的项目进行实施的教学活动过程。项目教学的目标在于把学生有意义的融入到一个完成项目的过程中去,调动学生的学习积极性、自主的对知识进行建构,把通过学习所掌握的知识技能以及培养起来的职业能力作为最终的目标。

二、在《网页设计》课堂教学中的设计

项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。整个教学过程中以学生自主学习为主,教师引导启发为辅来让学生围绕项目自主学习探究。

在教学过程中贯穿项目式的学习中,项目的制定就显得非常重要,它既要根据学生兴趣来选定,同时又要考虑体现教学总体目标;并且所选择项目应该和学生日常的经历相关;难度要与学生的知识背景相符。制作热门话题专栏、制作个人主页、制作班级主页、制作个人爱好娱乐主页等,这些都是学生感兴趣的一些内容。在课程开始前要展示优秀的网站效果,让学生对网站建设有初步了解,并激发学生对网页设计的兴趣,让学生自己产生要制作属于自己的作品。

三、项目式教学过程的实施

根据学生自己感兴趣的课题项目对学生进行分组,并在课堂上统一进行课题项目的分析,分析的过程中要对学生网页设计的基础内容进行讲解和分析。在整个分析讲解的过程中要让学生了解整个过程的制作工具,并选定项目的负责人。然后依据学生学习自主化的原则,任务目标化的方法,根据项目目标的要求,由负责人统一安排小组学习任务,由教师引导学习方向,共同制定出个人学习任务目标。

本项目要以学会专业规划网站、对主题网页进行相关设计并完成制作为知识目标;把掌握资料素材整合、制作软件使用确立为技能目标;让学生学会协作、学会正确的认识与评价自己与同学相互帮助增强自信心为情感目标。

课程项目内容及相关能力要求中首要学生学习的内容是页面的布局。页面布局是依照网站的受众群体的特点进行色彩组合和版面布局,通过导航的设计及媒体的使用来修饰网页的整体视觉效果和功能效果。并通过添加各种网页元素(文字、图像、表格、表单、视频、动画等)的设计与制作完善网页整体效果。再次是网页的结构,网页结构的确立一般是由网页框架、使用的表格及层的综合运用来完成。最后就是使用各种特殊效果来美化网页效果、增强网页使用功能。并确定网页元素。如JavaScript特效的设计,使用不同的特效来加强网页与用户的可交互能力。

根据学习进程,制定小组前期准备部分。学生深入的调查研究确定知识内容与技能技巧部分的前期资料。这个过程主要是由学生自己进行协作,通过自习与课外活动时间来做相关的调查与资料的搜集。小组成员通过教材及辅助材料的共同分析学习,出现问题与指导教师统一探究解决。这个过程学生们通过不断发现问题,提出问题,最后解决问题的过程来完善自己的知识结构体系,最后形成一个系统的知识体系。

活动探究部分让学生完成知识体系的培养后,学生运用相应的小组计划分别完成各自的作品,在完成作品的时候还会出现知识性问题,也会遇到能力培养方面的问题,这时候教师就要引导学生自己探究,培养学生解决问题的`能力,从而提高学生的知识水平也加强学生各方面能力的培养。再此环节中要求教师在引导项目实施过程中要在引导方式上注意到有针对性的进行查漏补缺的帮助学生学习。

项目完成以后,由各小组先进行相互的指导交流,指导交流主要是为了让学生取长补短,这样可以很好的帮助自己发现问题,同时也可以发现自己的优点,从而增强自己的自信心。交流后给小组成员一课时的时间进行相应的总结及作品的微调整,并指定小组成员进行知识层面及技术层面的演示讲解,分享作品制作的成功和喜悦。通过这种形式,学生们获得了极大的成就感。

成就的最终获得还是要取决于最后的学习情况评价。整个评价过程采用了小组成员间、小组间及师生间的全方位综合评价法。项目开展过程中小组长对成员、成员对成员、成员对小组长都要进行不同方面的评价,最后把每部分的评价综合为项目终结性个人评价,加上其他小组成员对作品的评价,最后加上教师引导过程中的效果评价形成个人综合评价。这个评价也包括了知识和能力等多方面的细化评价,通过评价,使学生反思自己学到了什么知识和技能,以及不足,从而找出进一步学习的方向。

四、项目式课程设计的优势及不足

在整个项目的进行过程中学生可以自主的学习,自觉地接受学习,自己找可以承担的学习任务来完成,同时也学会了发现问题和解决问题的方法,发挥了个人的最大能力,也培养了从不同角度观察、思考和解决问题的办法,激发自身的创新意识,提高自身的创新能力。

但是整个过程仍然存在懈怠的同学,过分依赖他人完成整个项目,教师要是整个过程不能够及时发现这个问题则会造成学生学习发展的不均等,所以要加强项目学习的细化指导,加强教学过程的监督与引导。

其次在整个过程的实施中,学生的自觉性是直接影响到项目的进程及完成的最终效果,所以在学生整个学习的时间安排上应该有效的科学的安排,既要结合课余时间也要提高个人的学习效率。因为学生课余还有参加很多其他的学校获得所以导致计划落实有出入,所以加强计划可行性安排及建立项目学习的保障体系是需要我们继续探究的问题之一。

网页设计作品汇报 第5篇

1了解社会需求,调整课程设计

在信息迅速膨胀、网络飞速发展的今天,国际互联网也正以其惊人的速度空前发展,我国互联网的用户正在持续递增,该行业的人才缺口相当惊人,预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此,针对社会市场岗位需求,课程设计也应紧跟市场步伐,在课程设计中,应突出对企业网站和电子商务网站建设方面技术的掌握,如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时,还必须有其他相关知识点的穿插,在动态网页设计和数据库方面有待加强,这样才能更符合社会市场的人才需求和对课程设计更具针对性。

2及时更新知识,重组教学内容

当前计算机科学技术的日新月异,网页设计技术不断的更新,网页设计软件也层出不穷,学生对新知识的渴望也十分迫切,这就要求教师本身也要不断的加强学习和专业技能培训,更新和强化新知识新技术,同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前,网页设计课程教学内容是以Dreamweaver作为主要工具,其中以静态网页设计作为学习的重点,主要培养设计人才,但在培养方面,也需要配以Flash、Photoshop等软件的介绍,使学生在熟练掌握静态网页设计技术的基础上,还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容,为学生今后更进一步的学习打下坚实的基础。

3注重因材施教,改革教学方法

早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念,学生在学习过程中,由于学生智能及动手能力各有差异的,因此,在网页设计教学过程中,教师更应该注重因材施教,教师可对本班学生情况进行分类,根据学生实际水平的差异,对不同水平的学生给予不同的要求,设计基本要求和提高要求两类题型,对能力较强的同学要求完成相应提高部分的题目

为此,不同的学生、不同的要求,对教学方法提出了更高的要求,传统的教学方法肯定不能适应学生的需求,改革教学方法就显得极为关键,网页设计实际操作性很强,相比那些理论性的课程,学生更容易产生兴趣,教师应利用这个特点,注重培养学生的动手能力,让学生在实际操作的过程中发现问题并解决问题。同时,在教学过程中,教学方法还应不断摸索和创新,采用多种教学方法并重的方式,除常规的教学方法外,还可以采用案例教学法,任务驱动教学法,讲练结合等教学方法,整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练,最后再进行综合案例的应用,这样既让学生对案例有了实质性的接触和学习,又能充分的去完成对知识的自我构建和强化实训。

4加强实训环节,变革考核方式

网页设计是一门操作性和实用性很强的实训课程,实训至关重要,要提高学生实践动手能力,必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训,每次课都经过精心设计做成实训单元,每2节课为一个实训环节,并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工,全班进行分小组完成各自实训模块,并且实训完成后要求写出完整的实训报告。

同时,在对学生的考核方面,传统的考试模式主要是以理论考试为主,而这种考试模式对该课程很不适应,因此笔者将课程的考核分为三个部分:平时成绩(20%)+理论成绩(20%)+实训成绩(60%),其中平时成绩按每堂课的作业完成情况和学生考勤进行打分;理论考试注重学生对网页设计基础知识、基本理论的掌握,采用选择题判断题等客观题的方式进行,为学生进一步的学习夯实基础;实训考试则考查学生实际动手能力,以便学生学完本课程后能有一技之长,真正做到学以致用。

网页设计作品汇报 第6篇

一、任务内容

原计划打算以“植物”为主题,在设计过程中发现范围过于宽泛,无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历,经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为一、栀子花的文化,二、栀子花的种类和生长特性以及三、我的栀子花三个模块。

其中,模块一使用幻灯片进行演示,主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示,让他人对栀子花有所了解。

二、设计步骤

1、构思

首先,对栀子花的种类进行简单的介绍;其次,对栀子花的文化内涵进行简要描述;最后,展示自己种植的栀子花成果。因此,此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成,主要介绍了两类栀子花——大叶栀子和雀舌栀子,更加便于了解。

2、取材

主要从网络上获取所需的图片、音乐等关于栀子花的素材,其中部分照片从个人相册中获取。

3、设计

(一)网页设计

模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。

在首页添加表格,在表格内增添标题栏以及字幕,增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接,与三个模块进行连接,便于翻阅。

在模块二中采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分,对栀子花进行概述和分类描述。插入图片,便于直观的了解各个种类的栀子花。其中,各个种类的栀子花展示位于网页模板的右方,在左方进行总说,并通过超链接与栀子花的分类说明建立联系。

在模块三中,通过绘制表格对网页进行大小不同的划分,插入栀子花的图片拼接成整个网页。

(二)幻灯片设计

此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明,未对幻灯片进行大量的美化和修饰,主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。

(三)flash设计

此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。

四、美化

(一)添加背景音乐

在主页以及各个模块中均插入了背景音乐。

(二)设计网页过渡

(三)添加超链接

三、采用的方法与手段

(一)使用Frontpage制作网页

单击新建网页可选择新建空白网页或其他网页模版。

单击表格,选定绘制表格或布局表格或单元格即可绘制单元格。 选定单元格,单击鼠标右键选定背景即可插入背景图片。

选定网页,单击鼠标右键,选定网页属性,浏览格式即可添加网页背景。 选定单元格,即可输入文字。

选定插入,选择插入图片或艺术字即可插入图片或艺术字。 选定插入,选择交互式按钮,即可插入字幕。 选定格式,选择网页过渡,即可设计网页过渡效果。

(二)使用Powerpoint制作幻灯片

单击鼠标右键,选定背景,选定其他填充效果,浏览选定图片即可添加背景图片。

单击插入,选择图片,即可添加图片或者艺术字。

选定文字,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定幻灯片,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定艺术字,单击鼠标右键,选择自定义动画即可添加自定义动画。、

(三)使用Flash制作动画

网页设计作品汇报 第7篇

选题的意义、同类选题现状分析包括项目实施的意义和应用前景,国内外研究和应用概况,发展趋势,本项目的特色或创新之处)

电子商务发展在世界范围内都是刚刚开始,其发展速度极为迅速,传统商业模式正不断地被新的商业模式所替代。网上购物就是Internet和电子商务网站的产物,近几年在我国发展迅猛,就如同一些购物商场在各地纷纷开设分店以拉近与顾客间的距离一样。21世纪是网络的时代,信息的时代,时间是非常宝贵的,人们由于种种原因没有时间去逛商场,也不知道哪家商场有自己中意的商品,网上购物网站的建立就可以很好的解决这方面的问题,可以向广大用户推出一种全新的网上信息服务,旨在货品与消费者之间架起一座高速、便捷的网上信息桥梁,可以为用户节省时间、方便购物。

在国内也有许多我们所熟悉的大规模的网上购物网站,如阿里巴巴和淘宝网。中国的网上购物在摸索与借鉴中成长着,利用中国特有的优势来克服不利的外部环境因素,例如采用“货到付款”就是中国购物网站的成功创新。随着外部环境的逐步优化,上购物网站发展前景看好。

本网站的主要功能有:用户注册、会员登录、货物分类查询、货品浏览、购买货品、购物车、客户留言;管理员管理会员信息以及订单信息、管理员添加和删除货品、管理员查看留言。一方面,让顾客方便购买各类货物,给本购物网站提出宝贵的意见或建议;另一方面,管理员能在管理信息的同时也能了解顾客的需要,对网站的不足之处进行修改。本购物网站还在借鉴其他成功购物网站的同时也加入了一些创新的元素。如在货物介绍的页面中添加了同等商品价格的最新比较数据,让用户能够花比较少的时间找到自己满意的产品,同时在本网站中每个注册用户还可以拥有自己的一个小型的BLOG,在其中用户可以发展自己的购物经验和日常的心情。同时在网站的界面上,本网站了可能让用户设置网页的风格,用户可以按照自己的喜好改变网站的背景色,让整个网站更加的有特色。

(包括毕业设计目标、设计内容和拟解决的关键技术问题)

购物网站的建立是为了节约顾客时间和方便顾客购物,该网站主要有注册会员、会员登陆、货物搜索、购物车以及对会员、货品、订单的管理。以实现网上书店的交易和管理。

(1)前台服务:注册会员、会员登陆、会员修改个人信息及密码、货品分类搜索、货品浏览、货品购买、购物车,以及页面的特效如:将该网站设为首页、加入收藏、更改网页风格等。

(2)会员管理:管理员对会员个人信息的管理,验证会员登陆信息。并且可以在自己的BLOG中发表信息。

(3)图书管理:管理员查看书库中货物的库存量,包括各种货物的销售情况,以及及时更新数据库中货物的各种信息。

(4)订单管理:管理员对订单的管理,确认顾客信息与订单信息的准确性。

本系统主要是利用ASP、Dreamweaver、SQL数据库来完成设计的',主要完成了货物分类搜索、货物浏览、货物购买、购物车以及会员管理、货物管理、订单管理等功能的实现。

(包括开发平台选择、试验方案及可行性分析,设计和开发工作的总体安排、步骤等)

购物网站的设计与开发需要微机一台,操作系统为WindowsXP。开发环境为ASP、Dreamweaver,数据库为SQLServer20xx或选择Access。数据访问方法为使用ADO。NET通过ODBC的方法同数据库接口。使用这种方式访问数据,可以使用任何一种ODBC数据源,即不止适合于SQLServer、Oracle、Access等数据库应用程序,也适合于Excel表格,文本文件、图形文件和无格式的数据文件。

通过调查分析,建立购物网有其充分的必要性和可能性。可以建立该网站的可能性具体包含了它具有经济可行性、技术上的可行性和时机可行性,系统能达到以最小的开发成本取得最佳的经济效益,开发中所需人员、硬软件支持以及其它费用进行估算情况均满意,技术条件也能保证顺利完成开发工作。

最终认为该系统完全可行,网上购物网站是一个网上交易网站,利用该网站用户可以购买货物,修改自己的购物车,在自己的BLOG中发展信息;管理员作为管理者则可以查询会员的订单信息、管理货物,对货物进行添加和删除。

1、前台服务:

此模块是对于用户开放,实现的功能有:客户注册,会员登录,修改个人信息及密码,货品分类查询,货品浏览,购买货物,购物车,会员留言等。

2、后台:

此模块是对于管理员开放,实现的功能有:会员基本信息管理、订单管理、货物管理、查看留言。

网页设计作品汇报 第8篇

关键词:网页设计与制作;实例教学;教学方法;中等职业学校

近年来,网络技术已经成为推动社会经济飞速发展的重要基础,渗透到了社会发展的各个部门和领域。网络技术的迅速发展和普及,使网页设计日益显得重要。[1]我校把《网页设计与制作》课程作为计算机应用及相关专业的一门重要专业基础课程,目的是让学生能够掌握网页制作和网站开发,毕业后能够进行网站的设计开发与维护工作,可以使学生更好的就业。为实现这个教学目标,在近几年的教学过程中,我根据学生实际情况采用适当的教学方法作了很多的尝试,在教学过程中应该逐渐总结出一套以实例为授课重点的教学方法,取得了很好的教学效果,较好的实现了教学目标,提高了学生综合能力。下面,我对近几年的探索做以下总结。

1 以实践应用为目的来制定教学方案

教学目的是教学方案设计的出发点以及归宿。一个好的教学方案,应能较好地达到教学目的。本课程的目的是培养学生的网站设计及开发能力,这个目的服从于职业教学目的,就是满足社会发展和就业需求。因此,教学方案要侧重于掌握常识和训练技术、技巧。[2]

2 以实例教学来激发学生学习兴趣

以教学目的为中心,精心挑选实例,用实例串联知识点,贯穿教学过程。具体做法是通过选择适合中专学生阶段感兴趣的日常学习和生活中具体实例,将这些实例分解到每次的课堂教学中实现。授课时先展示网页效果,再讲解相关内容,激发学生的学习兴趣,让学生产生一种迫切想要实现实例的要求,让学生变被动学习为主动学习。实践证明,这样的教学方式,学生不仅能实现课堂实例,而且能灵活运用课堂知识,完成自己的设计。

一般情况下,我主要规定主页的制作要求,而各个分页依据学生自身的爱好去设计,充分发挥学生能动性和想象力,调动了学生的学习积极性。这样就改正了以往学生可能对上课讲的内容听明白了,但实际操作时,又无从下手的缺陷。这样就会取得良好的教学效果,使学生每节课既巩固了以往所学知识,又都有新收获,极大的激发了学生的学习兴趣。

3 以任务来驱动来加强学生自主学习能力

“熟能生巧”,大量反复的练习是培养学生自主实践能力最有益的办法。教师在讲完理论常识和相应实例后,应马上布置大量难度相当的练习作业,要求作业依据学生自身的爱好去设计,充分发挥学生的能动性和想象力。[3]及时收集作业,引起学生的重视。选择典型的学生作业进行评析,对学生在网页设计中易出现的共同问题进行纠正,对作业完成优秀的进行表扬,激发学生互相竞争与学习,来提高学生的自主学习和设计能力。[4]

通过练习、实践,不仅可以提高学生的动手操作能力,同时也是教师检验教学效果、发现学生问题的好机会。收集作业的方式也是多样化,可当堂点评,也可以通过教学软件进行收集,通网络进行收集。

4 利用网络启发学生的创造力

通过让学生上网多欣赏优秀的网站网页,让学生学会欣赏他人作品,理解和观察优秀作品。鼓励学生通过网络上网站设计的论坛,加强和更多的同行高手来交流学习,学习更多的人设计和创作的经验和教训,来提高自己的能力。只有多欣赏,多学习,才能在脑中形成一定的意识,才能学会模仿,进而为下一步的创作打下基础。这样让学生不光在课堂学习,课外也可以的自主学习。并鼓励学生到提供空间服务的站点申请主页空间,上传自己的作品到空间中,让更多的人来欣赏自己的作品,品评自己的作品,这样可以看到他人和自己的优缺点。在授课过程中,我会要求学生先申请免费空间,再把自己的作品上传到空间,然后让学生公开自己的空间网址,最后进行集中欣赏或个别欣赏。我校学生在一些网站上申请免费空间及上传作品。在利用网络教学过程中,教师要注意教学过程中出现的上网管理的问题,组织好课堂秩序。

5 通过合作建站加强学生团队意识

当学生掌握了网页设计的基本知识和技能后,还要锻炼学生的综合制作能力,要把所学知识运用到实例中。前一阶段的学习每堂课学生的作业都紧密围绕当前所授课程实例网站进行,而在最后的综合制作期间,如教材第十二章可根据上课内容安排学生完成相应的设计,分阶段分小组完成。并且在设计过程中要形成完整的网页设计报告。在网页制作的报告中,主要有如下内容:内容简介、主要模块划分、网页布局的实现方法、网页间超级链接的跳转关系图等。报告是根据网站设计的进行逐步完成。这有利于教师了解学生设计的思路及遇到的问题,及时调整教学内容、改进教学方法,从而提高教学效果。报告从初稿到完成需要一定的过程,是根据网站的具体设计来不断修改,加以完善的。根据网站制作要求,在不影响整体效果情况下,学生可以在制作过程中加入自己的想法,运用自己所善长所感兴趣的方法来制作网页。这样既不失整体,又会各有特色。

综合网站的制作是需要学生做稍微复杂的网站,这就需要鼓励学生以团队协作的方式完成任务,锻炼学生的团队协作能力,为日后的工作打下基础。在设计过程中,分小组进行制作,几个人一组选择网站中的同一主题。安排学生分组对抗,合作建站,充分发挥每个学生的创造力,通过团队协作的方式完成任务,锻炼学生的团队协作能力。另外,在设计过程中,分小组进行制作,几个人一组选择网站中的同一主题,有利于学生共同讨论、解决设计中的难题,也有利于互相学习,取长补短提高自己的设计水平。[5]

6 适当的拓展教学,培养学生的综合能力,让优秀学生更进一步发展

《网页设计与制作课》是一门综合课程,它涉及到色彩、图像处理、动画制作、视频制作等其他综合知识。要想学好这门课程,就得了解和应用这些知识,由于课堂资源和时间有限,在具体授课过程中不能全部学习,我在教学过程中主要让学生了解色彩设计与版式设计,这样学生做出来的网页才能具有美感,让人眼前一亮。在教学过程中,要适当引导和培养学生的综合能力,尽量让学生从多方面进行发展。

7 合适评价机制,激励学生的进一步学习

适时合适的评价,对学生是很好的激励方式。只有在学习过程中不断评价,才能让学生认识到自己的优点与不足。在评价过程中教师要注意语言表达,对学生的优点要给予肯定,对于不足也要给予指导,尽量让学生做到“做好不骄傲,不好不气馁”。适时评价还可以全面真实地反映学生的学习水平,而且有利于反映教学中的问题。如在理论知识与实践应用方面,一般学生容易注重实践应用而忽略理论知识,这就要求教师在平时考查时适当加入理论基础及口试。另外,评价时还应该让学生从创意、版式、色彩、特色等方面介绍一下自己的作品,这样可以考查学生对整个网站开发的思路及方法,同时考查学生口头表达能力、与人沟通能力。

以上是我在近几年的教学过程中摸索出来的一些教学方法,在课程结束时,绝大部分学生可以完成一个完整的网站,并把自己的网站上传到网络空间,还可以时常更新和维护自己的网站。实践证明,这些方法可以激发学生的学习兴趣,提高教学效果,能够有效完成教学目的。

参考文献:

[1]曹丽明.网页设计与制作[M].北京:中华工商联合出版社,2007.

[2]刘静.项目教学法在《网页设计与制作》课程中的应用研究[J].中国科教创新导刊,2009.

[3]贾海陶.浅谈《网页设计与制作》教学方法与研究[J].魅力中国,2010(9).

[4]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].中国教育信息化,2008(3).

网页设计作品汇报 第9篇

从学校毕业后,我第一次步入了社会,从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人,面对陌生的人,我不善言辞,不会给自己的外表进行很好的包装,不适合做那些销售、接待的工作,只有技术类的工作,少说多干的活适合我,这个我很清楚。现在,中国每年都有很多毕业的大学生找不到工作,我也不例外,所以,这第一次实习工作肯定不会太好找,但是相反,我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

一、工作介绍

我工作的这家公司,从事网站开发工作的,公司在技术团队这部分是比较正规的,一般是五到六人为一个小组,小组中有明确分工,有负责联系客户接恰生意的,有专门做技术的,而在技术这块分为网站前台、后台开发,我在学校主要做的是后台开发,当然前台设计工作也还算熟练,但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作,这样的网站技术难度不大,而且工作周期短,有相当一部分的,只需要通过cms软件就可以进行开发。但是有个别的网站开发时,我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生,我的知识储备肯定有不足的地方,毕竟学校教的东西肯定会有一部分和社会是脱节的,但好在我的领导对于我没有太多的要求,他只是要求我尽快的适应公司的工作和生活,在短时间内熟练的掌握相关技术,干好本职工作。

在大学里对一个学生来说什么是最重要的,那就是学习能力。要知道,这个世界上,知识在发展,人类在进步,每天都在进行日新月异的变化,我们的知识储备总会有不够的地方,但是一定要有学习能力,将不会知识快速掌握,只有这样才能占据主动,减少被动情况的尴尬发生,通过二个星期的时间,我成功的适应了公司的工作和生活节奏,每天早九点上班,晚17:30下班,中午休息一个半小时,每周还有两天假期。我利用业余时间,抓紧学习,将工作中所需要的技术进行了强化学习,其实这些东西在学校的时候就接触过,只是不精通。那个时候学的东西多,难免有个主次之分,这次工作了,才知道哪个应该多学点,但好在我都有学过,所以有个好的基础在这里,也就不怕了,比如说:flash,公司要求技术人员会做flash,flash这东西以前我在宿舍的时候经常玩的,可是后来在分析就业情况时,分析错了方向,以为这东西没有什么用处,结果就给荒废了。但好在还有印象,并且当初记了很多的笔记,所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过,只是实践能力稍差一点,但好在从前在学习方面用的功不是白费的。通过这种实战环境,和半个月的刻苦学习,我终于可以感上小组的工作进度了,已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+p排版,后台使用php技术进行开发,服务器平台采用,linux+apache+mysql+php,这种lamp组合,我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版,这种方式简单但是已经有些过时了,现在大部分网站都开始了重新构架,所以都采用css+p进行网页排版,我目前正在学习,掌握的还算比较快。而在后台开发部分,我们使用php来进行开发,我的工作是手写一些小模块。或者用javascript写一些特效小代码。

三、工作流程

小组分工时,我负责后台里小模块的开发工作,如:留言板或,还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作,使用css+p技术。编写代码这种工作看起来有些枯燥,其实时间长了以后,还真有点厌烦,但是后来我明白,只有将自己的本职工作做好,提高自己的技术,做出优良的东西,这样自己才会有价值感,才会对自己的工作保持新鲜感。所以我每天都在工作后,记录下每天在技术上的不足之处,回家后,将强学习,这所谓:找出不会的地方,学会它,你就变的强大了。

猜你喜欢