网页设计报告【精编4篇】

【导言】此例“网页设计报告【精编4篇】”的文档资料由阿拉题库网友为您分享整理，以供您学习参考之用，希望这篇资料对您有所帮助，喜欢就复制下载支持吧！

网页设计报告【第一篇】

一、任务内容

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

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

二、设计步骤

1、构思

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

2、取材

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

3、设计

（一）网页设计

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

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

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

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

（二）幻灯片设计

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

（三）flash设计

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

四、美化

（一）添加背景音乐

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

（二）设计网页过渡

（三）添加超链接

三、采用的方法与手段

（一）使用Frontpage制作网页

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

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

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

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

（二）使用Powerpoint制作幻灯片

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

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

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

（三）使用Flash制作动画

单击插入新建元件，即可进行元件的编辑。

单击15帧或30帧，单击鼠标右键，选择插入空白关键帧。 单击第一帧或第15帧，选择补间，选择形状或动画即可。

网页设计报告【第二篇】

刚步入社会，我是一个性格内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我。我根据自己的情况找了份网页设计的工作，现将工作情况报告如下。

一、工作介绍

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

二、开发技术

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

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

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

三、工作流程

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

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查

安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

现在的我已经能独档一面了，做一些难度较大的工作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变的更好，为国家做更多贡献。

网页设计报告【第三篇】

目前，生态化的需求不仅仅局限于自然环境领域，已慢慢渗透到社会生活的各个方面，教育领域也不例外。教学模式作为教学活动中的重要组成部分，教育生态化要想实现，教学生态模式的实现必不可少。随着慕课逐渐进入日常的课程教学中，应用慕课这种形式，并将与日常的课堂教学方式相结合，这种形式猛烈冲击了传统的课堂教学模式。而在将慕课与网页设计课程的相结合，并以此来构建教学生态模式的过程中，如何解决教学内容与各教学模式之间的对应关系、教师与学生在此过程中的地位和作用以及学习方式等成为急需解决的问题。

关键词

慕课；网页设计课程；构建策略；教学生态模式

在信息时代，各种各样的新技术和新理念对课程资源和教学模式产生巨大的冲击。在混合学习和移动学习的大背景下，多种样式的新课程形式在这一大环境下应运而生，其中也包括规模大的、在线的、低门槛的课程形式———慕课，慕课的出现对传统的知识传输形式产生一定的影响。本文从慕课这一课程形式出发，以教学生态为理论基点，结合社会对网页设计人员的实际要求，来探讨网页设计课程的教学生态模式的构建策略。

1．慕课与网页设计课程的教学生态的相关性分析

慕课与网页设计课程教学生态的相关性分析可大致划分为以下几个方面：慕课与教学生态理念相互影响的大背景、学习辅助环境分析和网页设计课程的教学与市场需求之间的矛盾等三个方面。

教学生态的理念与慕课结合的大背景

目前，生态化的诉求不仅针对于自然环境，同时已经渗透到社会生活的方方面面，生态化已经成为很多领域的共同诉求，教育领域也不例外，生态化的趋势也将成为教育领域发展的重要方向。教学活动中重要组成部分之一的教学模式，其生态化的发展势必会影响整个教育生态化的发展。慕课作为信息技术发展下的新的课程形式，带着其自身鲜明的个性特点冲击着我们传统的教学形式。认识和理解慕课，将其有效与正确地应用于相应的课程知识和操作技能的学习过程中，这种形式对相关的教学内容的教学产生一定影响。这些新影响不仅指的是一种新课程形式的使用，可能更多的是关于教学理论支点、教学组织形式和课程考核等相关方面的调整。在相关的课程体系下，如何高效使用慕课这一课程形式来合理组织学习资源，如何更加有效地与具体课程相结合来促进教学生态模式的形成，成为教学生态理念与慕课结合的过程中关注的重要方向。

学习辅助环境分析

随着信息技术在校园内的发展，可以使每个在校的学生通过各种各样的通讯设备获取海量的信息，比如：笔记本、台式计算机、手机等设备。据有关研究发现：目前大部分的学生从很小开始就已经接触网络，其自身的信息素养和网络的敏感性是比较高的，对网络中所出现的新技术具有很强的接受力。而目前的教学组织形式主要是指课堂教学这一模式，众所周知，这种模式是固定时间和地点的，具有比较大的约束性。而目前90后的大学生其对自由、个性的渴望比较强烈，学习领域也不例外。学习者对学习方式改变的需求与传统的课堂教学之间矛盾越来越明显。学习方式的单一性和学习资源固定性这些特征，势必会影响学习者的自由性，最终可能会导致学习者的学习方式和学习能力趋向于单一性和泛化式发展。在网络时代的大背景下，如何更好将新课程形式与常见的课程形式相结合，提高学生者的主体意识和能动性，丰富传统的课堂教学模式，成为教学过程中需要解决的技术支点。

网页设计课程的教学与市场需求之间的矛盾

2015年3月底，的《中国互联网站发展状况及其安全报告（2015）》①指出：截至2014年底，我国网站总数已达到万个以上，比2014年度同比增长约万多个，主办网站者达285万个，其中为单位的网站主办者约212万个，其余为个人主办者。据上面的数据分析：现在或将来社会对网页美工、页面制作、网站维护与管理人员的需求数量还是相当大的。其次，作为专业基础课程和必修课程的网页设计课程兼具知识面广和与时俱进的特性，随着页面制作新技术的使用，为了适应社会的需求，其相关的教学内容需要做出一定的调整。而目前其课时安排是每周4学时，对于操作技能要求比较高的，以案例教学为引导的课程体系而言，如此的课时安排是难以满足学习需求的。综上所述：学习辅助环境分析，结合教学生态的理念与慕课这一新课程形式，基于调和市场需求与网页设计课程之间的矛盾等方面因素，提出慕课视角下研究与探讨其教学生态模式的构建策略。

2.慕课视角下分析构建网页设计课程教学生态模式的策略

主要分为以下六个方面来分析慕课视角下网页设计课程教学生态模式的构建策略：

从市场需求的角度来设计课程内容

从网页制作、网站开发和管理人员的市场需求的角度进行分析，挖掘社会对网页设计的工作人员的深层要求，并与计算机网络技术专业的人才培养方案进行具体比较研究，理清培养方案与人才需求之间的差异。从市场需求的角度来设计网页设计课程的教学内容，做到学以致用、学能所用，使学生在学校学习的知识和技能能与实际应用相结合，使其在毕业后能很好融入到具体工作中。

以模块来划分课程内容

根据网页设计课程的特点和人才市场对网页工作人员的具体要求，来确定网页设计课程的具体内容，根据各课程内容的特点，将其进行教学内容的模块化设计，利用各个模块之间的联系，并从各自特点的角度出发，来规划与安排相对应的教学形式，并在具体教学模式的指导下，将慕课应用其中，来处理其中的课程资源、教师与学生各自的地位与作用、教学过程管理与课程考核等相关方面内容，用以形成具有一定指导与借鉴的网页设计课程教学生态模式。

2．3多种慕课方式应用

根据具体教学内容具体分析的思路，将多种慕课方式应用到具体的课程教学模式中，来构建多种不同的教学模式，以此来实现教学生态模式的目的。笔者认为可以对模块化的内容进行资源分析，将各种不同的慕课方式进行最优化的设计应。可采用借鉴的方式，将网页设计相关的优秀的、成熟慕课应用其中，也可根据具体的情况来自主设计相关的慕课视频资源，将各种不同的慕课方式应用到具体的教学模式中，动态观察各个要素之间的作用和地位，实时调整过程监控和教学评价。

2．4选择线上与线下相结合的教学模式

依据上述的分析：将市场确定课程内容、课程内容模块化划分、教学模式多样性与慕课进行结合应用，以此来构建课程的教学生态模式。慕课为传统的网页设计课程的课堂教学提供优质的资源和相应的在线交互平台，同时网页设计中的相关内容还需要教师采用传统的课堂教学，比如在用CSS+DIV布局的教学过程中，教师的面对面讲授，手把手的上机实训指导的效果会更好，应将线上与线下的教学模式结合起来加以应用。

2．5教师应对教学过程进行监控

在将慕课应用于相应的课程内容教学过程中，应加强对学生学习指导。让学生感觉到现在的学习模式并没有完全脱离了教师，师生还是一个紧密的联系体。学生在线上的学习过程中，教师可根据不同的教学内容提出相应的思考问题和课外作业，引导学生不断头脑风暴，从而更好掌握此内容的学习。

2．6对慕课在网页设计课程的教学生态模式中的定位

将慕课引入到网页设计课程的教学生态模式中，出发点是为了调和人才市场对网页设计工作人员的具体要求、网页设计课程的传统课堂教学模式与网页设计课程特征三者之间的矛盾，目的是为了提高课程的教学效果，不能让慕课牵着课程走，而是要采用合理的分析，结合慕课的在线、开放和视频传输等特点，合理地加以运用。

3．结语

总之，在新技术的不断涌现的大背景下，慕课作为一种新的教学形式，对传统的课堂教学模式带来冲击，我们是全盘接收还是有条件的筛选使用，是每个教学工作者需要思考的问题。而具体到网页设计这门课程中，要根据课程自身的特点与社会需求来合理确定教学相关模块，并依据各教学模块的特点及相关性来设计相应的教学模式，同时可根据教学模式与课时安排之间的矛盾，将慕课应用相关的教学内容中，以慕课视角下的教学生态模式的构建策略进行指导，最终目的是为了更好地提高网页设计课程的教学效果，而并非为了技术而应用。

作者：张琳 单位：芜湖职业技术学院

参考文献

［1］张燕红。基于慕课理念的高中信息技术课程教学[J].中国医学教育技术，2015(5)．

［2］黄忆春。从生态学视角看课堂教学活动[J].天津师范大学学报基础教育版，2003．

［3］徐蓉。慕课与思想政治理论课教学生态的优化[J].思想理论教育，2014(5)．

［4］王峰。我国互联网站盘点家族[N].人民邮电，2015(3).

［5］黄丽红。慕课视角下高校思政课教学模式改革的新视角[J].长春教育学院学报，2015(8)．

［6］丁士峰等。网站制作与网站建设实战大全[M].清华大学大学出版社，2013．

［7］蒋文昭，常雅芳。试析高校生态化教学思维方式的转向[J].郑州师范教育，2014(9)．

［8］潘璋荣。慕课与翻转课堂琐谈[J].新课程研究，2014(9)．

［9］平萍。教育生态学视角下大学英语课堂构建研究[J]．安徽大学学报，2014(7)．

［10］张琳。慕课视角下网页设计课程的教学生态模式探究[J].电脑知识与技术，2015(7)．

网页设计报告范文【第四篇】

通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。

（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。

2.考核方式