网页设计报告范文1
一、实习工作介绍
我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。
二、初来公司的时候
(一)初级考试
初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了**公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
(二)三天的培训工作
三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。
(三)最后的考核
三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正，得到很优厚的待遇。
考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。
三、正式工作
我们每天的上班时间是从早上8:30分到下午的17:00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他(她)们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3--4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。
四、业余的生活
每天的工作都是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。
五、工作心得体会
实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。
网页设计报告范文2
网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。
一.网站的整体规划
1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块：
1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置(横向因素和纵向因素交错)
在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。
二.网页制作的前期策划与准备
1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件：
主页制作的基本条件有：
硬件：
一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;
软件：
HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍Dreamweaver;
图像处理软件：常用的有Photoshop、flash、Fireworks等;
文件上传软件：常用的有Cuteftp、WSftp等。
三.网页制作
真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.
在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。
四.网页的调试
之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。
网页设计报告范文3
[摘要]：
视觉传播是电视媒体的主要特性，但由于电视媒体自身的一些特性需要与其他媒体整合才能取得最佳的传播效果。本文主要以分析网络媒体为主，结合国际最为优秀的电视媒体的官方网站进行视觉设计、内容设计等方面的分析。同时本文还结合国际最为优秀的电视平面媒体进行分析。文章提出立体视觉传播效果框架构想，实现电视媒体与其他媒体的良性互动来达到“双赢”或“多赢”的目的。
abstract: vision communication is the main characteristic of tv medium, the media need to integrate with other medium in order to better communication effect because of some characteristics of the television medium itself. this paper is to analysis network medium mainly, analysis the vision design, the contents design combined the most excellent national television network medium. this paper carry on analysis the most excellent national television flat medium. this paper is to put forward the frame of solid vision communication, carry out interactive between tv medium and other mediums in order to acquire more benefits.
key word: tv channel network medium solid vision communication interactiveness
跨媒体，新新媒体……这些概念我们都已不再陌生，其中跨媒体传播就是媒体之间的交叉传播与整合互动。WWW.133229.COm电视传媒无疑是当今影响力最大的媒体，主要以视觉传播为主要手段，但也由于一些自身特性所决定，需要与不同媒体合作才能取得最优的传播效果。其中与其关系最为紧密的媒体首先是网络媒体，其次是平面等媒体，电视媒体要与这些媒体形成良性互动（interactiveness）来达到“双赢”或“多赢”的目的。
一、网络媒体传播合作构想框架
网络作为新一代崛起的媒体，它的力量不容忽视，电视媒体如果能够借助网络的传播途径，利用网络无国界的优势，拓展了传播渠道，塑造立体的传播模式，可以充分实现传统媒体与 现代 媒体的双赢。
1、频道网页内容功能分析
首先我们对频道网页的功能和内容进行分析，我们认为网络媒体与电视媒体的互动在内容功能上主要体现两个方面，一是网络媒体能够进行海量存储，整合各种信息资源，另一个就是网络媒体的互动功能，可以搭建一个立体的传播平台，下面将一一论述。
1.1海量存储，整合各种信息资源
海量存储是网络媒体的特性之一，由于电视媒体没有存储的功能，网络媒体对此进行了很好的互补。它能存储频道的大量信息，可供受众随时查阅，其中包括频道的设置，新闻资讯消息，频道的动态，栏目的介绍，主持人的介绍，尤其是主持人介绍这一板块尤为重要，它可以有各个重大栏目主持人的资料：籍贯、生日、血型、身高和体重等，还有主持人自己写的随笔，使受众可以进一步地了解自己喜爱的主持人，甚至还提供了可与主持人直接交流的电话、 电子 邮件的机会，通过这些方式可以增强主持人在受众心目中的实在感，进而培养受众对频道栏目的认同感和忠诚度。同时我们认为网络媒体在传播这些信息上也要注意它的 艺术 性，因为它传播的不仅仅是信息，作为媒体还要传播视觉艺术，我们在这一点上相对来说有所欠缺，关于视觉设计这一方面将在后面部分有所论述。下面是美国fox news新闻频道的网络页面fox news.com：
资料来源：fox news官方网站
从上图中我们可以看出fox news.com存储了大量fox的信息，其中有新闻信息，fox主持人介绍，音频视频链接，fox观点等等，这样海量信息的存储便于受众的查询，同时也增强了媒体的品牌影响力。
1.2强化互动，搭建立体传播平台
互动是网络传播的又一大特性，传统的广播电视媒体一般只能单向传播，“我说你听”、“我播你看”，而网络媒体却可以相互沟通、相互传播信息。由于传统广播电视媒体按线性流程播出，信息容量小，而网络媒体却可以异步提供信息，从而有效地扩大信息容量和用户的选择空间。像cctv.com是中央电视台在线传播的一个平台，经常有电视播出，网上图文直播，视音频直播，这样可以与受众很方便地互动交流。播完之后节目好不好看，哪些人看，这些问题在网上通过网友可以找到答案。另外网络也是频道活动的预告，互动栏目受众报名的很好载体，使得渠道更为快捷。最后网络的互动平台还可以为栏目的一些板块服务，例如我们在新闻节目中曾设置现场调查（power poll）这一板块，就是将一些新闻现象对网民进行调查，可以发挥电视台官方网站这个平台，运用调查的结果将新闻现象，社会现象阐述得更为明确，使媒体与受众之间形成良性互动。例如现在的 旅游 卫视由于没有自己的官方网站就利用央视资讯(cvi)的epanel平台来进行调查互动。
2、频道网页设计样式分析
2.1频道整体页面设计构想
正如上面所论述的一样，网络的艺术设计也是至关重要的，在某种程度上也代表着频道的形象，我们将分两个部分论述，一是对整体页面进行设计构想，一是对栏目进行设计构想，下面是美国nbc电视频道的页面设计：
资料来源：nbc电视频道官方网站
从上面nbc电视频道网页我们可以看出，它不仅仅是nbc电视频道信息传播的一个平台，而更像是一件艺术设计的作品，视觉元素非常地饱和，整体页面由不同颜色板块组合给人的感觉很有质感。频道的标示出现在很醒目的位置，右上角是今天的节目单，也不忘其服务职能。另外电视节目中人物是整个页面的主体，占了约3/5的程度，人物占主体给人一种亲近感。最后整个页面具有动感，虽然我们在上面的图中无法看到，但是在真实的页面中页面中间的字幕是滚动的，并且最上方的人物板块是制作精良的flash，动感十足，给人以视觉享受，足以体现nbc网页的制作功底，同时也代表了nbc电视频道的整体形象。下面是法国fashion tv（时尚）频道的主页面：
资料来源：法国fashion tv官方网站
法国fashion tv是世界著名的时尚频道，因此它的网站设计应该具有代表性，从上面的图中我们看出fashion tv的主页分为了11个部分，上面的3个部分主要是对fashion tv的介绍以及如何收看fashion tv和视频点播。在下面的8个板块分别介绍fashion tv的不同栏目板块，整体页面依然是由不同颜色板块组合，给人以视觉享受。左上角依然是频道标示ftv，中间的字幕依然是滚动字幕，背景用深色颜色给人以很沉稳的感觉。整体设计与nbc电视频道有着很多相通之处，也代表了国际上的流行做法。
另外法国fashion tv电视频道的品牌意识，从主页面打开其中的一个网页，中间部分就是fashion tv电视频道的台标演绎，fashion tv的台标是类似一个钻石的形状，用flash制作，动感十足，质感细腻。并且左边的标示设计很有味道，“ftv live”是黄色背景，黑色字体，对比反差很大，视觉感强烈。页面的背景是一个很摩登的女郎，她的比例占据了近1/3的页面，很有视觉冲击力，并且切合fashion tv频道的主题。总之，fashion tv电视频道的网络主页充满了现代时尚的元素，早已不在是停留在传播信息本身，更多的是在表达一种视觉的理念。具体见下图：
资料来源：法国fashion tv官方网站
2.2栏目页面设计构想
除了频道的整体网络页面艺术设计对于提升频道整体形象起着很重要的作用外，栏目自身的艺术设计也很重要，我们在第二部分介绍过cnbc财经频道一档有关财经话题的脱口秀节目suze orman（苏曼秀），下面我们就来分析一下该栏目的网页设计，具体见下图：
资料来源：suzeorman.com
从上面的图中我们可以看出suze orman栏目的页面最为突出的主体就是该栏目的主持人suze，她本人的图像占到了1/4页面，流露出与受众交流的表情，仔细观察我们会发现suze的穿着会随时变化的，这期节目是这身穿着，到下期节目会是另一件穿着，这些变化在网页中都有体现，可见栏目制作者的细致程度。另外suze orman栏目页面包括了视频点击，栏目直播，suze商店，suze介绍等等，色彩运用上与频道整体网页有所不同，主体色彩为蓝色，力求栏目统一的效果。同时也注意了动感的设计，点击一些链接，会有动态的效果出现。下面我们再来看一档nbc频道脱口秀栏目的页面设计，具体见下图：
资料来源：nbc电视频道官方网站
上图是美国nbc频道著名脱口秀栏目the tonight show with jay leno（jay leno今夜秀）的页面设计，从上我们可以看出栏目主持人jay leno依然是页面的主体，还有该栏目不同板块的节目介绍，背景为统一深蓝色调，同时也注意了动感，其中最为重要的主持人jay leno主体部分就是由flash制作，在浏览页面时我们可以明显感觉到其动感。
最后具体到我们自身频道，我们认为可以从三方面进行整合：
在频道整体页面设计上，遵循并且传播频道的定位理念，突出频道的标识，注意视觉元素的饱满，运用不同颜色组合讲求质感，利用多种设计手法力求动感。多突出频道栏目中的人物主题。
在栏目页面设计上，像以主持人为主打的栏目在设计上要突出主持人，为栏目造势，注意色调的统一，突出栏目logo，还要讲求页面的质感与动感。
在内容上还可以突出服务功能，在自己频道的页面推出节目单。
总之我们将更为理性、更为充分地把电视与 网络 融和在一起，从而进一步实现电视媒体与网络媒体的双赢，不断探索电视传播和网络传播的新型传播形态，形成一种立体化传播的新格局。
二、平面媒体传播合作构想框架
与电视媒体合作最为直接的平面媒体就是广播电视报，电视媒体虽然是影响力最大的媒体，但它也受内容不方便保存，观看时间、地点、设备等条件的制约。而纸媒体在这些方面就要好得多，受这些因素的限制不大。由于存在这种互补性，才有媒体之间互相整合的必要。广播电视报是传播频道自己最好的平台之一，我们认为广播电视报与电视媒体的良性互动主要在以下两个方面体现：
1、传播频道的理念，播报背后的故事
我们认为广播电视报是传播频道理念，进行深入分析的很好载体，可以使受众对于频道的定位，栏目的定位有了更为深刻的了解，在这一方面文字有着较强的优势。另外广播电视报还可以告诉广大受众更多“电视背后的故事”，例如一档节目制作的前前后后，编辑记者主持人的生活故事都可以作为报道范围，主要目的是让受众更了解电视媒体，增强频道知名度，形成良性互动。同时“导视”功能也是广播电视报最主要的功能。例如香港的《有线电视》月刊就是一份具有很好导视作用的杂志，上面详细介绍香港各个电视台的节目播出时间表。随着电视频道越来越多，节目越来越多，人们要找到自己要想的节目也越来越麻烦。在这种情况下，平面媒体可以根据受众的需要，把观众普遍感兴趣的节目从浩如烟海的节目预告中挑选出来，进行梳理归纳，便于观众方便快捷地查找到。笔者曾任《天津广播电视报》一个版的责编，这份报纸确实有替电视受众对节目预告进行梳理，起到了电视指南的作用，但是实施它的第二个作用讲述“电视背后的故事”，发现记者的稿件时效性不强、稿件质量不高等很现实的问题。因此还必须让编辑记者充分认识到平面媒体的传播理念，真正实行良性互动。
2、受众互动的桥梁，活动推广的平台
我们认为广播电视报也是电视媒体与受众互动的一个很好的平台，受众对近期正在热播节目的一些意见建议可以在广播电视报上有所体现，同时栏目中的一些互动板块也可以在报纸上有所体现，还可以详细刊登一些栏目举办的活动，便于受众参与。这都是其他报纸无法替代的。另外电视栏目举办的受众沙龙还可以与广播电视报的读者俱乐部等形式形成互动，来增强栏目的知名度和影响力。同时频道如果有重大活动可以在广播电视报整版进行报道，为活动造势。
最后除了与广播电视报这一平面媒体合作外，我们还可以与其他报纸杂志合作，例如可以在频道改版开播前在报纸、杂志上刊登大篇幅的广告，传播自己的品牌形象。还可以在频道1周年的时候推出专刊「**频道1周年，以杂志的形式出版，上面记录该频道一年以来的风风雨雨，其中包括频道理念，品牌栏目介绍，著名主持人写真等等，包装要精致，用刊登广告的金额来支付其制作费用。推出「**频道1周年专刊，一方面这是强化品牌的主要方式之一，另一方面也为频道的下一步 发展 宣传造势。
三、其他类型媒体传播合作构想框架
在这一部分我们主要是着重分析其他形式的媒体在频道品牌传播过程中的作用，在这里其他媒体类型主要是指户外媒体类型，因为我们在频道品牌推广过程中免不了用到广告，户外广告具有到达率高，覆盖广，形式灵活，广告信息刺激诱人等特点引起了我们的关注，户外广告良好的视觉表现力能够起到很好的传播效果，下面是受众最为关注的户外广告类型：
消费者关注的户外广告类型
总体（%）
消费者关注的户外广告类型
总体（%）
公共汽车厢外广告
41.4
公共汽车车厢内广告
22.6
户外灯箱广告
36.3
跨街天桥广告
13.0
没有注意过
36.0
传单
12.1
公共汽车站牌广告
34.8
出租车厢外广告
9.6
橱窗广告
33.9
店头及pop广告牌
9.0
公共汽车站候车亭广告
27.5
布幅广告
8.7
户外路牌广告
27.3
楼顶广告
8.6
大屏幕广告
24.2
大型单立柱广告牌
7.5
商场内外/广告
24.0
气球广告
6.6
户外墙壁广告
23.4
地铁车厢内广告
6.5
数据来源：央视市场研究（ctr）全国读者调查（2002.9—2003.2）
从上表我们可以看出，受众最为关注的是公共汽车厢外广告，它的流动性特点创造了很好的传播效果，我们可以选取比较好的 交通 线路的公交汽车作为传播的载体，同时我们还可以选择步行街等品牌密集区树立自己的大型户外广告牌，依托其他的强势品牌，为强化自己的品牌造势。
最后我们通过下面的图示对电视频道的立体视觉传播效果框架做一 总结 ：
综上所述，视觉传播是电视媒体的主要特性，要取得很好的立体传播效果需要与其他媒体进行整合，其中网络媒体良好的 艺术 设计表现以及互动传播是构成电视媒体立体传播效果最为主要的因素之一，另外平面媒体与户外媒体良好的视觉表现力也是构成电视媒体立体传播效果必不可少的因素之一。
[ 参考 文献 ]
1、
网页设计报告范文4
摘要：任务驱动法可以激发学生的学习主动性，可以培养学生的创新能力和团队合作意识，本文介绍了我院将这种教学模式应用于“大学计算机基础”课程中的具体做法，并给出了实施后的效果评价。
关键词：任务驱动；第二层次；创新；团队合作
中图分类号：G642
文献标识码：B
一、1信息时代对大学生信息素质和计算机综合应用能力的要求
现代社会的快速发展要求高校培养具有自主学习、终生学习能力，具有创新意识和创新能力，具有团队合作精神的复合型人才。这种人才培养要求应该体现在教育的各个方面，研究型大学对学生的信息素养、创新能力和团队合作精神的要求更高。
“大学计算机基础”课程作为高等院校非计算机专业的计算机入门课，在培养学生的计算机知识、能力和素质方面起到了基础性和先导性的作用。随着计算机技术及信息技术的飞速发展，以及大学新生的计算机知识起点的普遍提高，我国高校计算机基础教育步入了一个新阶段，急需有新的提高和突破。根据研究型大学人才培养的要求，我们认为，教学内容和教学模式的改革应着重学生计算机综合应用能力和创新能力、团队合作意识的培养。
二、2 “任务驱动”教学模式激发学生的学习动力
随着计算机的普及，越来越多的人们从对计算机感到很陌生转变成可以熟练使用计算机编辑文档和演示文稿、统计和处理数据、查找资料以及进行网上交流等等。很多人没有经过专业的培训，通过自己的摸索学习很好地掌握了计算机的使用操作。这些人学习计算机的过程是“先动手操作、遇到问题寻找解决方法、再动手操作、总结方法获得知识”的探索过程，这正是人们求知的过程规律。在动手实践的过程中难免会遇到很多问题，这时就会产生求知的动力，寻找解决问题的方法，解决问题后再总结经验获得知识。这是一个主动学习的过程，寻找解决问题的方法是内在的学习动力。
“任务驱动”教学模式正是符合这种认知规律。该模式不是简单地教学生怎样做，而是以综合性任务的方式提出作业要求，目标明确，有针对性，但没有给出具体的操作步骤和解决方案，学生必须在认真听课、课后全面复习所学知识并真正掌握的基础上，自主设计，并通过上机实践才能完成此类综合性大作业。
“大学计算机基础”课程是实践性很强的课程，教学应该以学生为主体，教师引导学生探索解决问题的方法。“任务驱动”教学模式可以很好地调动学生的学习积极性、激发学生内在的求知动力。教师综合知识点和教学要求设计具有挑战性的作业任务，在授课过程中引导学生探索完成任务的方法、指出所需要学习的知识，让学生自主学习和自主设计，合作完成任务。这种方法将被动学习变为主动学习，学生主动获得知识和技能，不断地探索和发现问题、解决问题。在不断的探究过程中锻炼自主学习能力、创新能力和团队合作意识。
三、3 “任务驱动”教学模式在第二层次课程中的应用
我校“大学计算机基础”课程分为两个层次，第一层次课程包括计算机基础知识、操作系统、常用Office办公软件、计算机网络、程序设计、信息安全、多媒体应用技术等内容，着重介绍计算机的基本概念、基本原理、基础知识和基本应用方法。采用课堂教学、课后自学、上机操作与随堂考试相结合的教学方式。第二层次课程包括数据库、网页设计与制作、常用工具软件、MATLAB应用等内容。采用学生根据自己的专业或兴趣选修、大作业考核的方式，旨在拓展学生的知识面，培养学生的计算机综合应用能力。“任务驱动”的教学模式在第二层次课程中得到了很好地应用，教学效果显著。
第二层次课程的开设是在学生掌握了计算机基本知识和基础操作的基础上，通过第一层次课程的学习，学生已经具有了一定的计算机知识和利用计算机学习新知识的能力。第二层次课程采用“任务驱动”教学模式，以综合性任务作为大作业进行考核，授课围绕任务进行。教师布置大作业要求，课堂上只讲解完成任务所需要的相关知识和完成大作业的可能方法，由学生自主设计完成作业。下面以第二层次课程“网页设计与制作”为例介绍我们的做法。
（一）3.1作业任务的设计
“网页设计与制作”的教学目标是使学生在掌握了Office应用和网络基本知识的基础上学会在Internet上建立网站及信息的方法，通过大作业熟悉和掌握网站的规划与设计、网页的制作、空间的申请、网站的与维护、网站宣传等网站建设的全过程。大作业任务综合了网页设计与制作、多媒体素材处理、网络应用、设计报告的撰写等多方面的知识，有利于培养和提高学生综合应用计算机解决实际问题的能力。具体任务设计如下：
1．3.1.1作业目的
（1）(1) 了解网站设计的一般过程。
（2）(2) 学会在FrontPage 2003中综合运用网页设计与制作的各种方法。
（3）(3) 掌握网站与更新的一般方法。
（4）(4) 掌握常用Internet工具的综合运用。
（5）(5) 掌握设计报告的撰写方法。
2．3.1.2任务要求
利用FrontPage 2003或其他网页设计软件设计与制作一个完整的网站，可根据自己的兴趣从以下选题中任选一个完成。
（1）(1) 设计“大学计算机基础”课程网站
在网上搜索相类似的精品课程网站作为参考，结合你对本课程教学内容、教学方式和方法的思考，设计“大学计算机基础”教学网站。
（2）(2) 设计一个介绍自己个人信息的网站
包括自我介绍、照片等信息和其他有关你的兴趣爱好、特长等页面。制作表单页面，收集用户的教育程度、职业、兴趣爱好等个人信息。根据信息类型使用选择按钮、菜单或文本框等。应用一种主题使你的站点风格一致。
（3）(3) 设计一个介绍自己学校、班级、宿舍、家乡等主题的网站
（4）(4) 设计任意主题的网站
3．3.1.3作业指导
（1）(1) 根据自己的喜好确定主题
（2）(2) 根据主题确定网站的内容和表现风格
（3）(3) 组织文字、图像、声音资料等网页素材
（4）(4) 根据网站风格及每页的内容确定文字的格式
（5）(5) 根据网页内容使用Photoshop、Flash等软件对图像素材、动画素材进行处理以适合在网页中应用
（6）(6) 选择网页制作工具制作网页
（7）(7) 在网络上搜索免费主页空间，把做好的网站上传到主页空间中
4．3.1.4设计报告要求
（1）(1) 设计报告包括网站主题、内容的确定；网站风格、色彩、图形/图像等多媒体素材的应用分析等，并详细介绍设计制作过程，注意将主要的相关截图复制粘贴到报告中。
（2）(2) 提倡以团队形式完成该作业，团队规模不超过3人。如果是团队合作，报告中要写清每个人的工作内容。
（3）(3) 写出设计与制作过程中遇到了哪些问题、解决方法及完成本作业的感想。
（4）(4) 应用Word文档的编辑与排版等知识，使设计报告美观、规范。
作业任务中鼓励学生自由组成小组，自定网站的主题、围绕主题确定内容和风格，任务书中只给出建设网站需要做的工作，任务完成后要求书写设计报告，总结设计过程和方法，从而达到对知识的归纳总结和升华。
3.2围绕“任务驱动”的授课方式
第二层次课程的每个子课程只有6学时的课内学时，以讲座形式授课，课程的组织方式围绕大作业进行。
1．3.2.1先布置任务再讲授完成任务的方法
第一次上课先布置大作业要完成的任务，让学生了解课程要求，有利于针对性地听课。从作业的要求来看，学生需要完成一个较为完整的网站的设计与制作，完成后还需要写设计报告。任务很具有挑战性，学生不知道如何完成作业，那么教师就要在授课当中一点点引导学生探求完成任务的方法，主要介绍网页设计方法，首先介绍网站设计步骤，接着介绍如何设计网页，比如怎样选择主题、规划网页(结构与链接关系)，怎样组织各种多媒体素材、选择视觉外观、设计有效的页面布局等等。
2．3.2.2观摩老生优秀作业，增加学生完成作业的信心
首先让学生观摩一些比较典型的网站以及老生的优秀作业，讲解建设网站的一般过程和网页设计的一般原则以及常用的网页设计制作工具，让学生对网站的建设过程有一个初步的了解，增加完成作业的信心。
3．3.2.3以FrontPage为工具讲解网页制作的方法
以FrontPage网页设计制作工具为例，讲解网页制作过程中必备的知识和技术，如讲解网站管理功能的作用及用法、如何充分利用各种不同的视图功能，介绍网页外观表现的不同方法及适用环境，网页的不同布局方法及适用环境，网页交互功能及表单的设计等等。在授课过程中注重网页制作方法和技术的探讨，而不仅限于FrontPage软件本身的功能。
四、4授课效果与评价
采用“任务驱动”这种教学模式讲授第二层次课程，深受学生的欢迎，选修“网页设计与制作”子课程的学生十分踊跃。学生以2人或3人组成的小组为团队，根据各自的兴趣选择网站的主题和风格，自主设计、分工合作，所完成的大作业内容丰富、风格各异，充分体现出学生独特的创意，有以食品为主题的，有以明星人物为主题的，有结合军事理论课程以战争、武器等为主题的，有以环境保护为主题的，有介绍自己家乡和学校的。学生在网站开发过程中，围绕主题综合应用了网页制作、图像处理、动画制作、音频/视频处理等相关技术，充分发挥了想象力和创造力。
在设计报告中，同学们详细分析了设计思想，归纳了所应用的各种知识和技术，总结了制作过程中遇到的问题和解决办法以及学习这门课程所得到的收获。
五、5结束语
对于实践性较强的课程，运用“任务驱动”教学模式、围绕作业任务展开教学，有利于在实践中培养和提高学生综合应用计算机知识解决实际问题的意识和能力。我校在“大学计算机基础”第二层次课程教学中，采用“任务驱动”的教学模式，通过综合运用多种计算机知识的大作业任务，使学生从被动学习变为主动学习，充分调动了学生的学习积极性，提高了学生的自主学习能力、创新能力和动手能力，增强了团队合作意识，取得了良好的教学效果。
参考文献：
[1] 何永玲,郑艳华,郭穗勋. “任务驱动”方式与“小组教学”方法相结合的程序设计实验教学[J]. 计算机教育,2007,(6).
网页设计报告范文5
通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。
项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。
对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。
对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
2.考核方式
网页设计报告范文6
如果说新闻内容成就了这些新闻网站的前十位排行，那么其网页设计风格与视觉传达艺术，事实上也引领了汉语网民的阅读习惯，或者说契合了人们的视觉运动规律，从而成为网民对其新闻网页合理布局的一种视觉“默认”选项。我们不能否认，这种视觉默认与人性化设计组成的“模板”，给了浏览者一个流畅的视觉体验，符合新闻心理学规律，具有极强的黏着力，因而培养了网民访问浏览其新闻网页的忠诚度。
新闻网站强调信息的聚集能力，因此网站的首页设计十分重要，它涉及到页面的风格和信息展现的方式。当网站的制作和成为这个时代的热门技术时，无论是为了工作还是因为兴趣，也无论是机构还是个人，对网站设计的要求也是越来越讲究了。让我们来看看排行榜中的十家网站，在网页设计元素的安排，特别是在图形、文字、色彩等视觉元素的意象与新闻要素的传达上，是如何遵循规律来抓住 “眼球”，体现人本理念的。这对我们中小新闻网站的建设以及如何完善自己的网页，是具有借鉴意义的。同时，以网络品牌文化的建设和培育为核心，在网络品牌战略的全面统筹规划之下,创造性地进行新闻网站品牌的CI形象设计和市场的传播推广工作也极具深远意义。
网页设计元素有许多，本文只对上述十家网站首页的第一帧出现的主要十个设计内容进行比对分析，并对其与新闻元素融合的共性与个性予以简述。
LOGO位置：网站的LOGO（标志）既是一种艺术的追求，也是新闻网站理念的表达。LOGO在网页中的放置，一般是以居左为主，新华网则别出心裁放在中间，是一种求变的姿态。从十家网站的LOGO看，百度是最有特色的，一般会在节日或者特定的日子才会变换LOGO，而在2007年11月7日，百度正式推出首页人物许三多，这位正在热播的连续剧《士兵突击》的主角，一位“傻根”式的士兵，牵动着千万人的心，被融入了当月百度的LOGO中。百度每月选出最受亿万网民关注的百度首页人物，他们身上闪烁着能为这个时代带来积极意义的人性光辉，他们故事中的某些亮点恰恰契合了百度所倡导的人文关怀、追求卓越的价值观。从LOGO的变化中，突现新闻价值，让我们看到了百度在全球搜索引擎业中勇于探索、不断创新的理念表达。
导航条：网站的一级主栏目导航菜单通常以通栏形式，横放于置顶位置，而搜狐新闻、联合早报网则垂直放于左边，少见放于右边的。其实位置的放置只是一种形式，实质没有变化，大家都遵从网站导航条“3次点击规则”，即在主页上没有任何一条信息需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作，但对于小型网站，许多设计者有些忽视了。所以我们要避免强迫用户使用向前和向后的按钮，而应当让用户能够很快地找到他们所要的东西。上述网站在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分，操作便捷。而且导航条是文字链接，这为搜索引擎搜索到其他的页面提供了方便，如果是图片链接则不能达到这个效果。
分栏数：从上述十家网站的版式分栏来看，以二、三分栏居多，四分栏少见。这是一种流行趋势，也是符合阅读习惯的。目前，网站设计考虑到广告宣传位置，在网页的两边空出一定的空间，使得有限的版面更加缩减，分栏过多过窄，不易阅读，而且稍长标题不能在同一排内完整显示，如果考虑换行则未免有在相对空间内信息量缩水之嫌。
头条标题：相对其他标题行文的字号，我们将其定义为大、中、小进行比较。新华网、人民网、中国经济网等主流新闻网站，头条标题比较喜欢醒目的粗大字体，而且在有限的空间中制作了高水准的新闻标题，这对于吸引受众的注意力是相当重要和必须的。有研究表明，一条新闻标题能吸引阅读者注意力的时间平均不足一秒钟。网易、搜狐、新浪等大型商业网站则更多采用中号字体，坚持使用通用字体，这样可以避免所选择的特殊字体在访问者的计算机上不能显示这一问题。新浪网的新闻标题除极少量用醒目的红色字体外，全用天蓝色，实施统一CI形象标准。但也有一些专家建议，应当坚持使用白色的背景和黑色的文本，便于阅读。
即时消息：根据各网站对“即时消息”栏目的定义，其名称不一，或称即时新闻、滚动、快讯或称即时报道。除网易外，其他各大网站在首页中都有“即时消息”体现。中国经济网的快讯除新闻外，另外还表现其专业特点，显示股市行情；而百度新闻则表现出搜索引擎的强大功能，由机器每5分钟自动选取更新。
图片处理：大多网站将新闻图片安排在左栏位置，且三五张图片交替出现，下配图片说明，这样在浏览器中即使去掉了图像功能，也能保证访问者获得满意的效果。除百度为小图片外，其他网站的新闻图片都占一栏，而且不使用过大的图像，避免了访问者向右滚动屏幕的麻烦，而且还能获得良好的网页加载性能。
热点新闻：各网站名称不一，如腾讯、网易的“深度”、人民网“新闻榜”、新华网“聚焦”，新浪、百度的“焦点”以及凤凰、搜狐、联合早报网、中国经济网的“专题”等，都表达了网站对热点新闻的重视。
新闻排行：表1所示为一段时间内新闻点击量统计汇总后的情况，网易、新浪在首页上都有显示，腾讯新闻网则有排行栏目，体现大众对最近新闻的关注度。其他网站没有开设或在首页显示不明显。
多媒体应用：新华网最新播报24小时滚动；联合早报网在固定广告条的框架里出现商业性的FLASH广告；而凤凰网的“专题报道”以FLASH推介抢夺眼球；新浪、搜狐网应用弹出式背投广告及商业性广告；搜狐的广告声音也在弹出多媒体视窗的画面中同步出现。我们发现，除新浪、搜狐外，其他网站的首页在多媒体应用方面都比较简洁，留有空白。一些专家忠告尽量少使用Flash插件，少用Java 和AxtiveX，慎用声音。因为过多地使用这些炫耀的技巧通常以下载速度为代价，而且会引起视觉疲劳，相反，善于利用空白会吸引更多的注意力。
广告放置：有研究表明，通常在首页的上部或导航条下方的固定位置放置广告条，最容易进入人们的视野，其次是两旁的垂直条。上述十家网站都用足用活这条规律，特别是商业网站更多地制造首页的两边空间，对浏览者进行声音、色彩、动画全方位广告“投放”，这一由网站性质决定的广告“插播”对商业网站也无可置疑，当然前提是相应提高其网站空间速度。
综上所述，十家网站的首页设计各有特点，但这些“模板”里共性十分明显：放好网站导航条，制作精良标题，打造新闻热点，设计CI形象等，通过这些版面设计元素与新闻元素的有机融合来抓住“眼球”，提升人气。
