网页设计报告

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页设计报告范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

网页设计报告范文第1篇

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1.讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2.定位网站的CI形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。

3.确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2.网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1.资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2.熟悉制作软件。

做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1.构建站点框架。

在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F\仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2.设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3.实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4.向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

网页设计报告范文第2篇

计算机将具备更多的智能成分，它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外，让人能产生身临其境感觉的各种交互设备已经出现，虚拟现实技术是这一领域发展的集中体现。今天人们谈到计算机必然地和网络联系起来，一方面孤立的未加入网络的计算机越来越难以见到，另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的Internet在过去如火如荼地发展，其影响之广、普及之快是前所未有的。从没有一种技术能像Internet一样，剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与Internet相连，使之成为一个全球范围的计算机互联网络。人们可以通过Internet与世界各地的其它用户自由地进行通信，可从Internet中获得各种信息。人们已充分领略到网络的魅力，Internet大大缩小了时空界限，通过网络人们可以共享计算机硬件资源、软件资源和信息资源。“网络就是计算机”的概念被事实一再证明，被世人逐步接受。

通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通，熟练在手。所以本人结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver，Fireworks，Flash软件。(文章來源：)Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。Fireworks是目前最流行的网页图象制作软件。只要将Dreamweaver的默认图象编辑器设为Fireworks，那么在Fireworks中制作完成网页图象后将其输出就会立即在Dreamweaver中更新。Fireworks还可以安装使用所有的Photoshop滤镜，并且可以直接导入PSD格式图象。更方便的是它不仅结合了Photoshop位图功能以及CoreIDRAW矢量图的功能，而且提供了大量的网页图象模板供用户使用，例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，或者作为单独的网页出现。Flash是目前最流行的矢量动画制作软件，与其他Wed动画软件相比，它具很多优点。制作的是矢量图形。只要用少量矢量数据就可以描述一个复杂的对象，而占用的储存空间只是位图的几千分之一，非常适合在网格上使用。同时，矢量图象不会随浏览器窗口大小的改变而改变画面质量。使用插件方式工作。用户只需安装一次插件，以后就可以快速启动并观看动画，而不比像Java那样每次都要启动虚拟机。Flash插件也不大，只有170KB左右，很容易下载并安装。还提供其他一些增强功能。例如，支持位图，声音，渐变色和Alpha透明等。拥用了这些功能，用户就完全可以建立一个全部由Flash制作的站点。Flash影片也是一种流式文件。这就是说，浏览者在观看一个大动画时，可以不必等到影片全部下载到本地再观看，而是可以随时观看，即使后面的内容还没有完全下载，也可以开始欣赏动画。主图是一个网页的门面，它能体现出这个网页的整体风格。网站名字为蓝晴驿站，蓝色的天空给人带来好的心情，给人带来轻松愉快的心情来浏览网页。

首页的地址为“lansxqing.51.net”，内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。

首页主要是导航作用，上方共有六个导航条，用fireworks编辑的悬停按纽。各分为六个内容，左侧的为‘星座物语’，‘动感地带’，‘爱情感悟’。下面的六个字幕是衔接。右侧的为‘五花八门’，‘心情留言’，‘海阔天空’。中间为一段笑话。下面的横幅是一个flash动画，效果是色彩渐变。接着蓝色的一个横幅上的是flash动画衔接。接下来是一个搜索菜单，方便快捷。其它的为gif动画。

单击“星座物语”，进入内容左侧的字体是fireworks编辑的gif动画。左侧下方是篇有关星座的文章，右侧的星座专题有三个关于星座的内容可单击。‘漂亮穿衣法则’内有广告条，鼠标放在上面时停止浮动，鼠标离开时继续浮动。‘星座爱情特点’内有鼠标特效。它的代码为：

function YY_Layerfx(yyleft，yytop，yyfnx，yyfny，yyp，yybilder，yyloop，

yyto，yycnt，yystep) { //v1.2

//copyright (c)1999 Yaromat， Jaro von Flocken

if ((document.layers)||(document.all)){

with (Math) {yynextx= eval(yyfnx)}

with (Math) {yynexty= eval(yyfny)}

yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;

if (document.layers){

eval(yyp+".top="+(yynexty+yytop))

网页设计报告范文第3篇

关键词:计算机;图像处理技术;网页设计;运用

随着信息技术的进步以及人们生活水平的提高，互联网已经深入家家户户。网站是目前人们最常用的信息获取渠道，而网页设计直接决定了网站的质量。计算机图像处理技术是网页设计中的常用技术，主要目的是提高网页的整体艺术感，将多样化的内容呈现在浏览者面前。通过计算机图像处理技术进行网页设计，能有效提高网页设计的艺术感，使网页更具有感染力，获得浏览者的共鸣。

1图像在网页设计中的重要性

图像在网页设计中占有较大的比重，也是最能吸引浏览者的因素之一。图像在网页设计中的功能可以分为以下两方面：第一，视觉吸引功能。图像和文字相比，对浏览者的感觉更直观，能有效吸引浏览者的注意力，激发浏览者的兴趣，从而提高网站的浏览率。正是因此，图像的直观功能能为整个网页设计起到画龙点睛的作用，提高整体网页设计的艺术感。有调查报告显示，图像是决定浏览者对网站兴趣的重要影响因素；其次，信息引导功能。网页设计的根本目的是满足不同浏览者的多样化需求，使浏览者能迅速在网页中发现自己所需的信息。而图像则具有一定的信息引导功能，能够使浏览者在众多的信息中迅速发现自己需要的内容，节省了大量的时间。同时也可以通过图像对单纯的文字进行美观，提高网页的吸引力，从而保证网站的浏览量。

2计算机图像处理技术

计算机图像处理技术即对图像进行针对性的加工、设计以及美化等，从而表达出相应的含义。目前，计算机图像处理技术主要包括以下几方面：

2.1图像去噪

计算机系统在采取图像的过程中，可能会出现一定的噪音，这主要是由计算机的硬件特性所导致的。而这些噪声也会对图像的质量造成相应的影响，因此可以通过计算机图像处理技术进行去噪处理，从而提高图像的质量。

2.2图像增强

图像增强指的是对图像的某个固定区域进行针对性的加强，从而突出图片的核心信息，同时削弱非重要信息的影响，方便之后图像在网页设计中的应用。图片增强是网页设计中较常用的图像处理方法，主要用来改变图像的画质。这是由于计算机在对图像进行采集时，会受到环境、分辨率等多种因素的限制，导致画面的立体感不强，因此需要进行相应的增强处理。目前，图像增强的方法较多，例如边缘增强、色彩增强、锐化增强等。虽然图像增强技术没有增加图像的信息量，但却突出的重点内容，对网页设计具有重要的意义。

2.3图像压缩

图像压缩也是较常用的处理类型之一，根据网页设计的需求，对图像的数据进行适当的压缩，从而保证图像传输的有效性，同时也避免了图像传输过程中可能出现的失真情况。

3计算机图像处理技术在网页设计中的应用

网页设计中，计算机图像处理技术的核心在于体现出图像的效果，提高整体设计的合理性与艺术性。而多数计算机所采取的原始图片并不能达到此要求，因此，就需要通过计算机图像处理技术进行相应的加工：

3.1满足网页设计对图片格式的需求

网页设计一般都会对图片的格式进行一定的要求，在设计过程中，需要结合网页设计的要求设置相应的图片格式。在实践过程中，图像的种类较多，例如摄影图像、截图、连接图片等等，不同的图片类型给浏览者带来的直观感受也不同。一般网页设计中应用较多的为摄影图片，通过搭配文字的方式吸引浏览者的注意力。但这种方式也会直接增加网页设计的工作量，影响整体的网页效果，无法充分表现出网页的目的。因此，计算机图像处理技术必须要结合网页设计的实际情况，选择合理的图像格式。

3.2控制网页设计对图片大小的需求

这主要是由于计算机屏幕的长度、宽度有限，因此网页设计中的图像也需要有一定的限制，一般不能超过计算机屏幕的长宽。其次，网页设计中的图像大小与情绪度之间有一定的联系，若通过图片处理技术后放大图片，则其清晰度就会有一定程度的下降。但如果图片的清晰度过高，也会大大提高网页的加载速度，对浏览者造成一定的影响。因此，必须要根据具体情况，把握图片大小与清晰度的平衡。

3.3优化网页设计对图片定位的需求

不同的图片在网页设计中的作用也不同，需要通过图像来表现出网页的风格。例如图像可以通过背景、表格、导航等多种方式存在，也可以直接展现出网站的内容。当需要图像在网页设计中作为背景时，不能将单一的图片作为网页背景，而是要结合内容，设置文字或其他类型的资料，从而提高网页的层次感，提高浏览者对网页的兴趣。此外，在网页设计中，可以应用一些篇幅较小或线条型的图片，取代单一的连接标志，动静结合，提高网页的美观性。

4结语

通过计算机图像处理技术在网页设计中的应用，能够对图像进行多样化的设计，提高网页浏览的速度、效率，也是目前网页设计中的核心。通过计算机图像处理技术，能根据网页的具体需求调整图像的格式，并在清晰度与大小间保持一个良好的平衡，提高网页的加载速度。此外，还能够根据图片定位充分发挥图片的作用，提高网页设计的美观度和艺术感，从而提高网站的浏览率。

参考文献

[1]雷萌.如何在网页设计中运用计算机图像处理技术[J].信息与电脑,2016(02):156-157.

[2]智立甫,王春写.浅谈网页设计中的图像处理技术[J].中小企业管理与科技,2015(05):213-213,214.

[3]吴明珠.网页设计中图像处理的最佳化分析[J].电脑知识与技术,2017,13(05):164-165.

[4]韦燕.网页设计中计算机图像处理技术的应用[J].现代商贸工业,2013(22):181-182.

网页设计报告范文第4篇

关键词：大数据；学习通平台；翻转课堂教学模式

随着网络信息化和大数据技术的发展以及“互联网+教育”的普及，学习通等网络移动平台在应用型本科教育中应用得越来越广泛。学习通等网络移动平台的应用，有效促进翻转课堂教学模式的开发和实施。本文基于超星学习通平台探索电子商务专业《网页设计》课程翻转课堂教学模式，进而以学生为中心，探索有效促进学生发展的教学方法。

1超星学习通简介

超星学习通是基于微服务架构打造的课程学习、知识传播与管理分享平台，也是一款基于互联网环境，满足教师和学生课堂内、外活动，及时反馈教学互动的个性化学习平台。在“互联网+教育”模式不断发展的新形式下，学习通平台为翻转课堂及跨界课堂等课堂教学新模式的开发和实施奠定坚实的技术基础。教师在课前、课中、课后可在学习通中学习资料、学习任务及要求、学习路线等内容；同时，教师可通过学习通预习及巩固测试等，并运用学习通的自动批改作业功能，形成成绩统计数据并反馈给学生。学生在课前可通过学习通自学教师的学习资料，根据学习任务书及学习要求、学习路线学习课堂教学内容及重、难点内容。

2《网页设计》课程简介

2.1课程定位

《网页设计》是电子商务本科专业开设的一门专业必修课，通过学习使学生掌握网页制作三剑客DreamWeaver、Fireworks、Flash在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析问题、解决问题的能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成《网页设计》重点培养学生网页设计等实践技能，服务5G视商农产品网络营销工作中互联网营销工作内容。根据《网页设计》课程对电商专业毕业需求指标点的支撑关系以及对学年实践教学目标的支撑关系明确该课程的教学目标为：教学目标1：能运用HTML属性及标记等创造性地构建网站站点；教学目标2：能运用CSS样式、选择器等创造性地制作图文混排网页；教学目标3：能运用表格、列表、超链接等创造性地制作表格布局网页；教学目标4：能运用表单控件等创造性地制作表单网页；教学目标5：能运用标准文档流、盒子模型、浮动与定位等创造性地布局与美化网页。

2.2课程设计

本门课程共48课时，其中24学时为理论教学学时，24学时为实践教学学时。一方面，加强学生对网页设计基本概念和基本理论学习，注重学生的知识再现能力和知识应用能力；另一方面，注重学生实践应用，要求学生在掌握基本概念和基本理论的同时，能应用所学知识根据5G视商企业需求进行网页设计与美化，重点要掌握网页设计的思维和方法，培养自己的网页设计实践操作能力。2.2.1教学项目选择根据电商专业人才培养方案要求本课程培养出既会设计网页又懂理论的本科应用型人才，首先选择本课程教学内容，制订教学大纲，也就是确定课点的质量。学科体系重理论轻实践，而且课点抽象，为更好地依托课点落实课程教学目标，将学科课程体系下的章节内容依托工作过程，重构为行动课程体系下由简单到复杂的三个项目，三个项目又依托对应子项目完成知识和技能提升。项目选择一方面考虑依据专业人才培养服务面向定位：“涉农电商”；一方面考虑课程思政元素，致力于培养学生服务地方经济发展的社会责任感和家国情怀。从专业项目库中选择涉农电商企业5G视商项目，对应开发出二级矩阵，确保教学目标达成；2.2.2课程思政设计源于以往的教学经验、总结和反思，密切结合专业课程的特点和课程内容选择课程思政内容。从知识点中发掘思政元素：如网页设计知识的来源和发展、技术应用、产业与市场、与社会生活的关系；知识内涵的价值观、哲学、思想、思维、逻辑、情感。发掘教学内容中所蕴含的哲学思想与元素：如认识论、方法论、自然辩证法的思路和方法；思维方式（历史思维、辩证思维、系统思维、创新思维）的启发与建立。（1）选择真实案例国内、外典型网页设计实践，也可是电子商务专业学生的真人、真事，使学生端正学习态度，受身边故事感染，逐渐养成爱学习的好习惯，主动按职业道德要求约束自己；（2）失败的教训、警示性的问题多维度分析原因（术、道、德、主客观原因）对学生心理和情感的影响。课程思政教学过程设计包括课堂内活动和课堂外活动两部分。课堂内活动：导课时师生讲故事、谈启示，以激发学生学习兴趣，适当采用翻转课堂，最好的学习是讲；课中分析网页设计案例，点评学生完成作业中反映的学习态度、认识论与方法论；小结时学生总结学习过程中领悟的道理。（3）课外活动教师通过学习通课程思政案例，学生在学习通中讨论课程思政案例，将优秀的课程思政案例在线传播，通过师生自媒体工具扩散，传播正能量。《网页设计》课程本学期采用线上线下混合式教学，线上通过学习通学习路线及学习资料等，学生课前通过学习通学习线上学习资料，实现生生互评、互教，本课程运用先行课程《农产品网络推广》中农产品网络推广策略以及《程序设计基础》中程序设计思维和方法，重点培养学生用网页制作三剑客DreamWeaver、Fireworks、Flash进行网站策划、网页设计与制作、详情页设计与制作的能力，为以后学习《电子商务网站建设》等后续课程提供技术支撑。

2.3课程实施路径和方法

课程实施按PDCA循环进行，每个环节均要抓好人、机、料、法、环、测六个要素。2.3.1P（Plan）：完成教学设计此阶段教师要搜集5G视商项目资料、分析教学目标、分析学情、研究制度与学法、教法、设计预习作业、设计测评量表，最终形成教案；2.3.2D（Do）：实施教学设计实施教学设计，在课前、课中、课后实施中，都要抓住六要素。尤其是人：手把手，教师抓两头、带中间，发动骨干，为课上团队PK做准备；2.3.3C（Check）：检查教学效果检查教学效果，以料为基础，以测为手段，判断其它要素的成绩与不足。检查的关键也是人，对教师而言，一看教师教学内容是否符合专业需求，是否得到专业长的支持；二看与辅导员的配合；三看对学生团队的培育与指导。对学生而言，每次课课前、课中、课后均需及时检查学习效果，及时发现学习中存在的问题并解决问题；2.3.4A（Action）：优化教学设计优化教学设计时，教师不但自己要反思，还要指导学生反思，生成学习反思档案，通过PDCA循环不断提升人才培养质量。每次课课程实施都遵循PDCA过程，同时PDCA又分别是人、机、料、法、环、测充分发挥作用的过程，由此构成循环。从专业项目库中选择5G视商产业园项目，根据工作过程划分为三个由简单到复杂的项目，分为课前、课中、课后三个阶段实施。在专业质量管理体系保障下，在课程实施中，在课前通过前测分出差异化学生，从而分配差异化项目，同时在师生课前签订的课程协议等“法”的约束下，最终产出课程产品，并测量课程产品。通过组织团建、课程沙龙等营造出快乐学习、娱乐考核的大环境。以项目1.2为例，课程实施分课前、课中、课后三个阶段，在课前教师通过学习通下发预习指导书等并归纳典型问题等。学长导师主要通过学习通等手段负责督促、指导、发现问题并反馈教师，学生线上预习、完成网页作品雏形。“三五”融入：课前预习图像标记等内容培养学生自我学习能力、设计网页雏形锻炼学生实践动手能力等。课前学习产出测量观测点分态度、知识、技能三个方面。课中、课后采用类似思路和方法以充分发挥学长导师作用，完成企业任务，人、机、料、法、环、测整个过程充分发挥作用。

2.4课程评价

在课程评价中，充分发挥课程监理师作用，为有效测评课程教学目标达成度，检测课点掌握程度，开发了七个子项目的项目矩阵，也就是三级矩阵，从而明确每个项目的课点学习产出测量标准，以其中一个项目为例，重点是告知学生如何测量学习成果，比如课点1块级元素和行内元素中知识点要求学生能区分够块级元素和行内元素，正确率100%，合格；技能点要求能使用块级元素和行内元素设计网页等；态度点要求作品中能正确处理全局和布局的美观设计，对自己作品承担设计责任等。通过三级矩阵确保每个课点达成度，进而达成二级矩阵中项目目标从而完成一级矩阵中教学目标进而保障学年实践教学目标中达成本课程分解目标；同时与本学年其它课程一起确保达成学年教学目标从课程定位自上而下分解目标通过课程评价完成自下而上达成目标。采用四方评价：教师+企业+学长导师+学生，从知识、技能、态度三方面观测，并分别设计对应学习产出测量表。最终形式成果档案袋、学生成果展、优秀学生成长故事会。故事会则推选出优秀学生进行展示和交流，以树立培育优秀典型输入专业导师团中。关于课堂出席政策及要求，要求每位同学需出席并参与每一节课程中，课堂上按要求认真记笔记，笔记要求字迹工整，内容详实，课堂笔记是重要的复习资料。教师将抽查学生笔记，对字迹不工整等不认真记笔记的同学，将根据评分标准扣除本人和团队成员“出勤”相应分数。每位同学需出席并参与每一节课程中，每节课均会进行考勤登记，由班长将缺勤同学的请假条交给任课教师进行登记，经辅导员批准的假条方为有效。出勤扣分细则如下：出勤每少一次，扣1分；出勤少1/3者，取消考试资格。关于上课行为规范、诚信学习要求如下：每位同学需携带必需的上课材料，提前5分钟进入教室；每发现一次不携带教材、笔记本、笔等必需学习用品，从期末平时成绩总分中扣除1分。认真记笔记，笔记内容、进度与书写质量是笔记检查的重点，笔记内容要求包括网页设计、表单、超链接等相关知识、相关图表及个人听课感悟，书写质量要求图表绘制美观、字迹工整。衣冠整洁，仪表仪容得体，上课不能吃零食、喝饮料。课堂上认真听讲，积极参与课堂学习活动，不做影响他人听课或干扰教师授课的行为，诸如上课玩手机、睡觉、私自离开教室等行为将被视为违反课堂纪律；对做与课堂无关的事，诸如玩手机、睡觉、私自离开教室等行为，每出现一次从期末平时成绩总分中扣除1分。所有测试卷的雷同者或考试作弊者取消当事人（双方）本次测试成绩。关于参与实践环节的要求如下：实践学时共24学时，主要根据5G视商企业需求进行网页设计实践，学生应在实践前完成相关实践准备，撰写实践报告，并通过与其它小组开展PK，掌握网页设计的主要技能，实践完成后，不断完善项目实践报告，撰写实验报告。学习小组按4人为上限划分，在部分课堂中尝试团队式学习，也会安排一定任务的分组、汇报等环节，要求学生积极参与，此部分内容将计入“课堂参与”成绩考核中。

3学习通在《网页设计》翻转课堂模式中的应用

3.1课前

在课前教师通过学习通平台下发预习指导书、预习资料、预习要求及预习测试等内容，通过学习通的自动批改试卷功能自动生成预习测试成绩等，教师及时通过学习通平台将预习测试结果反馈给学生，帮助学生及时发现预习中存在的问题。学生在课前通过学习通平台自学预习内容并按时完成学习通中对应的预习测试，及时总结和反思在预习中遇到的问题。

3.2“三五”融入

“三五”是指“五种素质能力”、“五种通用能力”、“五种做事能力”。其中“五种素质能力”包括政治鉴别能力、自我学习能力、实践动手能力、合作协调能力、身心承受能力；“五种通用能力”包括开发项目、集体讨论、团队合作、陈述报告、评估取舍；“五种做事能力”包括调查研究能力、职业汉语能力、外语运用能力、汉字书写能力、网络运营能力。在课前预习中注重培养学生“三五”能力，比如课前预习图像标记等内容培养学生自我学习能力、设计网页设计作品雏形,锻炼学生实践动手能力等。

3.3课中

教师能运用学习通的签到功能进行考勤，方便又快捷，给考勤带来了便利。课堂中能运用学习通中选人功能进行随机摇号选人或随机指定学生进行提问或汇报，这种线上选人方法的随机性，给学生创造均等的被提问的机会以及分享、交流、展示的机会，能使学生的陈述报告能力得到充分的锻炼；同时学习通中还提供抢答、问卷、主题讨论等模块，有利于教师进行课堂互动和交流。

3.4课后

在课后教师可通过学习通巩固测试题、巩固作业等内容，及时巩固学生在课前、课中所学内容，实现知识、技能、态度从课前到课中、课后的螺旋式提升；同时，课后教师可通过学习通反馈学生学习效果数据，及时发现学生学习中存在的问题，并通过学习通将学习效果数据公布给学生，形成及时反馈机制，以达到督促学生学习的效果，实现以学生为中心的教学理念。

4小结

超星学习通平台为翻转课堂教学模式的实施提供便利条件，随着“互联网+大数据”技术的发展，在翻转课堂教学模式中应用学习通等网络移动平台是一种必然的选择和趋势。在大数据时代，应用信息技术进行教学模式和方法的改革是必经之路。优质数字化教学资源是教学内容与信息技术有机结合的最佳呈现形式。

参考文献

[1]黄海龙.数字化教学资源建设与应用研究[J].中国现代教育装备，2019（15）：17-20．

[2]胡梅，钱明珠，王海棚.基于超星学习通混合教学模式在动物微生物课程中的应用[J].河南农业，2021（6）：30-31.

[3]王东娟，戴培赟，李晓丽，等.高职院校数字化课程资源建设与应用研究现状分析[J].无线互联科技，2021（8）：115-117.

网页设计报告范文第5篇

本文分析电子商务专业学生学习网页设计与制作课程教学现状，并探讨了电子商务专业网页设计与制作课程教学设计、实施及考核环节，通过该课程教学改革提高学生学习兴趣，并能提升个人建设网站的综合能力和素质。

关键词：

电子商务；网页设计与制作；学习反馈；任务循环

1网页设计与制作课程教学现状

（1）学生欠缺计算机和美学设计基础知识。

没有计算机基础课程，且课程学习课时较少，对网页基础知识理解较为费解，美学设计的欠缺，导致网页设计能力差，虽然能够也能制作简单网页，往往布局不合理。审美能力弱，有时追求个性，制作的网页往往花里胡哨，内容和主题不一致，导致网页视觉效果差。

（2）学生逻辑思维能力差。

由于文科类电子商务专业特点，该专业学生逻辑思维相比理工类专业学生逻辑思维相对欠缺，对于网页布局处理能力和网站的规划能力较弱，甚至理解有一定困难。在这些方面的不足，导致学生学习起来感觉难度较大，学习积极性不高。

2网页设计与制作课程教学设计

任课教师首先选用结构设置全面，讲授内容多较为充实的教材，这样使学习兴趣比较高的学生课下可继续学习。同时给学生提供一些关于计算机基础和平面设计类参考资料。向学生介绍网络上一些比较专业网站开发论坛。任课教师在设计教案时设计内容以选取教材为主，以选取其他同类教材为辅。尽量使章节框架齐全，章节内知识点丰富全面。每个知识点都选取相应案例，这样学生易于理解。将网页设计与制作课程内容分为七个模块，按照每个模块的知识点，依据教学目标设计要求学生课堂和课后完成的小任务[1]。第一个模块为网页设计与制作理论基础知识：介绍INTERNET基础知识、网页设计相关概念、网页制作开发相关技术和工具，共2个课时，使学生掌握该课程整体框架。第二个模块为HTML基础知识：修饰标签实现网页文字的设置；设置列表；插入图片和多媒体内容；设置超链接。共10课时，通过该模块学习，学生能掌握HTML网页标签建立个人主页。第三个模块为表格和表单：表格基本概念和常用属性；表单基本概念和常用属性。共6个课时，通过该模块学习，学生掌握使用表格整理数据和布局网页，利用表单设计注册页面。第四个模块为层叠样式表（CSS）：CSS的基本语法；CSS的选择器；CSS的使用方法；CSS的属性单位。共12个课时，通过该模块学习，学生能够利用CSS样式美化网页。第五个模块为CSS网页布局与定位：div标签；span标签；盒子模型；display属性；float属性；position属性；css+div布局类型。共9个课时，通过该模块学习，学生能够运用制作学校网站导航条和实现图文并茂的效果。第六个模块为超链接伪类、表单设计和导航菜单：共6个课时，通过该模块学习，学生能够使用伪类美化超链接，用CSS美化表单并能够制作各式各样的导航条。第七个模块为网站建设：网站建设的步骤；网站建设的原则。共6个课时，通过该模块学习，学生能够建立主题网站。

3网页设计与制作课程教学实施

3.1课程教学

（1）课堂教学

①基础知识学习，任课教师将课程的知识点通过多媒体教学进行详细的讲授，选择合适案例进行演示，尽量涵盖能够覆盖每个知识点，这样图文并茂的传授能够调动学生的学习兴趣，提高课堂教学效果。②任务实践，任课教师根据知识点设定各个任务，布置的任务能够覆盖所讲授内容所有的知识点，每个任务和前后任务都具有连贯性，这样能够在前次的任务基础开拓这次任务，对以前学习的知识点不断巩固。③学习反馈，在学生初次完成任务后，任课教师总结学生在任务执行过程中存在的问题并给出解决问题的办法和技巧，这样能都深化学生对知识的理解。④任务循环，学生在反馈学习之后再次根据老师指出的问题和提示对自己的作品进行改进。通过这种任务循环的方式使学生对于知识点的掌握会更加的深入理解，培养其精益求精的网站开发人员的素质。⑤任务总结，在所有的学生完成任务后，教师再次强调任务知识点的难点和重点，分析技术问题和处理技巧，并布置学生要在课下完成的小任务。

（2）课下自学

学生仅仅依靠在课堂上学习和练习，以达到对该课程熟练掌握的目的是远远不够的，所以要按照每个模块的知识点，依据教学目标设计学生课后完成的小任务。通过qq群和微信群沟通平台，学生之间和师生之间可以随时随地进行沟通和资源共享。鼓励学生多参加学科竞赛，达到以赛促学。

3.2课程考核

①平时考核。学生根据所学知识点，独立完成任课教师布置的任务。根据完成情况，记录为平时成绩，成绩等级分为没完成（C）、基本完成（B）、超越完成（A）。该成绩真实反馈学生知识掌握情况和动手能力的高低。平时考核在课堂结束前10分钟内完成。②项目考核。在第17周课程教学结束时布置设计并制作网站项目任务，网站项目作为该课程完成后的综合性考核，要求每个学生设计并制作一个表达某个主题的网站，向学生明确对网站评价的一系列标准，并要求根据提交项目设计制作报告书。并在课程教学第18周进行网站项目演示，每个同学在全班同学面前通过多媒体演示自己的作品，限时十分钟，教师进行点评，指出需要改进的地方。该过程既是学生利用所学知识展示自己的能力的时候，又是学生学习别人的机会。③考核成绩。该课程考核成绩计算方式及其所占比例如下所示：平时考核成绩=(完成每个子任务成绩之和÷子任务个数)×40%+出勤率×40%+课堂讨论×10%+课堂笔记×10%项目考核成绩=项目网站设计与制作报告书成绩*30%+项目网站设计与制作成绩×70%学期成绩=平时考核成绩*30%+项目考核成绩*70%

4结束语

该课程教学改革后对大部分学生进行调查访谈，虽然有很多学生反映课程压力较大，但是学习兴趣很高，学生实践中开发了自己的潜力，并激发了他们直面困难客服困难的创作创新精神。

作者：张亚杰 刘 单位：宿州学院

参考文献：

[1]李月辉,姜还红,云岩.基于CDIO的Java系列课程教学改革的研究[J].黑龙江科技信息,2015(11)：162.