网页设计报告范文10篇

时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。

自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

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

一、工作介绍

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

二、开发技术

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

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

1概述

《Web应用技术》是我校计算机科学与技术专业为大一学生开设的一门专业选修课程，本课程性质为纯实验课程，总学时32。其教学目标是给出一个网站的具体需求，要求学生通过对实际问题的分析，运用HTML、CSS、JavaScript等技术完成网站的设计及开发。使学生在掌握Web技术的同时进一步提高自学能力、分析问题能力。通过近几年教学情况总结及学生反馈，发现目前该课程存在以下问题：

1)在以往的教学活动中，授课教师是借助于某一个网页设计工具如DreamWeaver、Frontpage等完成网页设计各个知识点的讲解，这种教学方法对高职高专类院校的学生来讲，可能效果较好。因为最终学生掌握了某一个网页设计工具的使用。但是这种教学方式不利于我校本专业学生对后继课程如.NET应用程序设计、软件工程实践等课程的学习，因为仅仅通过一门开发工具去实现网页设计忽视了学生自写HTML、CSS、搭建网页设计框架等能力的培养。借助于某个工具，很多网页代码都是自动生成的，导致学生对网页代码理解就比较肤浅。

2)Web应用技术方面的教材市场上比较多，但是很多只是介绍网页设计工具的使用方法，比如网络三剑客Flash、Dreamweaver、Firework等，缺少系统全面讲解网站开发的步骤、思路及方法，没有通过一个完整的网页开发案例贯穿其中，有些书籍虽然带有网页设计的案例，但是很多涉及到数据库知识，对于还未接触到数据库设计的大一同学来说非常吃力。因此，目前需要编写介绍网页设计开发实例的教材，在这些教材的指导下，学生的网页设计能力能有所提高。

3)在以往教学任务中，该课程主要是完成一个“个人博客网站”的制作。随着网络技术及时展，博客已经慢慢淡出人们的视野。为了紧跟时展，同时也调动学生学习该课程的积极性，在保证网站的功能要求不变的前提下，需要适当调整网站所完成的内容，比如男生可以选择自己喜欢的游戏做一个游戏专题网站，女生可以选择喜欢的影星做一个专题网站等等。因此，鉴于目前现状，我们申请了学校的教育教学改革项目，对《Web应用技术》课程的教学内容、教学方式方法进行改革。并以资助资金为支撑，自行编写了《Web应用技术》实验指导书。并完成《CSS+DIV网页设计案例》教材初稿的编写，预计明年3月份由清华大学出版社出版。

2《Web应用技术》课程的教学改革

随着国家对软件人才需求的增加以及提高专科软件相关专业学生技术水平的要求，一些高校设置了专升本软件工程专业。专科生主要注重动手能力的培养，某些系统软件的实际应用是他们的目标。软件开发技术教学则是多数专科院校的薄弱环节。专升本软件工程专业应在原来的基础上，大力提高学生的程序开发水平，这就需要一个完整的技术系列课程的教学方案。系列课程的选取、学时的安排、教学方式都与四年制本科生有很大的差别，需要细致的研究及合理的设计。软件开发有多个系列，由于专升本学制只有两年，还要学习必要的基础理论课，所以，留给软件开发系列课的学时偏少，也只能选择一个系列软件开发技术来学习。Java语言是一种简便高效、多线程、跨平台的面向对象语言，适合于B/S、C/S模式程序的开发。尤其，互联网的迅猛发展，Java语言在B/S模式应用程序中的使用越来越广，在经济性、开放性、系统集成性和信息交流、服务等方面都体现出它的优越性，受到广大软件开发公司的欢迎，Java语言也成为软件开发最常用的语言[1]。所以，专升本软件工程专业把Java系列课程作为软件开发核心课程是必要的。

一、Java系列课程组成

由于Java语言特点，它主要应用于B/S模式的应用系统中。而单靠Java语言自己是不能开发一个完整B/S应用程序，需要和其他技术合作来完成的，主要包括课程：数据库技术、网页设计、Java程序设计、JSP动态网页设计、Java应用框架以及移动设备客户端开发的Android开发技术等。这几门课构成了Java系列成组课。另外，专科生在升入专升本之前，一般只学习了C语言，如果直接学习面向对象的Java语言可能有些困难，所以，在学习Java语言之前，设置C++程序设计课程。因为有C语言基础学起来比较容易，可以顺利掌握面向对象思想，再进行Java学习能取得更好的效果。

二、课程设置

Java系列课程可以分为三部分：一类是先修课；一类是专业基础课；另一类是项目有关的专业技术课程。先修课为专业技术课打基础做铺垫，只有先学好先修课，才能顺利地进行专业基础课和专业技术课的学习。先修课有：数据库技术、网页设计、C++程序设计；专业基础课：Java程序设计、JSP动态网页设计，该两门课程使学生具备Java及动态网页编程基础；专业技术课：Java应用开发框架、Android开发技术，这两门课是在开发中常用的实际技术。在与现有市场技术相衔接上，设置了软件案例开发课程。该课程对市场当前的技术进行介绍，使学生能够开阔知识面，了解当前软件开发的一些常用的技术，例如Shiro框架、Activiti框架、layUI框架、Bootstrap框架、微信小程序等。该类课程随着时间的推移会发生改变，所以应该及时调整，灵活处理。（一）先修课课程教学设置。三门先修课之间从知识内容上没有过多联系，可以并行开出课程，也可以串行开出课程。考虑到专升本只有三个学期上课时间，不能采用完全串行安排。在实际教学中安排顺序是：C++程序设计和数据库技术并列开出，安排在第一学期前八周，随后在后八周开出网页设计课。在课程内容上，根据学生的具体情况和应用型人才培养的需要以及与后续课程的连续性，对课程内容做了相应调整。数据库技术的理论部分进行压缩，课时重点分配在具体DBMS及SQL语言应用上；C++程序设计基础部分占用学时很少，大部分学时分配给与类有关的知识点上；网页设计基本HTML标签、CSS的课时相应减少，对于表单标签多分配了较多学时，并加入HTML5中有关知识，其中插入相应式编程方法。（二）Java专业基础及技术课设置。在四门课中，Java程序设计是其它三门课程的基础，也是三门课程都会用到的，所以要先行开出。Java程序设计与网页设计两门课程没有联系，可以并行开出，实际教学中也安排在第一学期后八周。JSP动态网页设计在Java程序设计后开出，Java应用开发框架随后开出，顺序不能颠倒，实际教学中，JSP动态网页设计安排在第二学期的前八周，Java应用开发框架安排在第二学期后八周。Android开发技术与上两门课程联系不大，可以在Java程序设计后开出。实际教学中考虑到其它课程，这门课程在第三学期开出。课程内容上，四门课程也稍作调整。Java程序设计重点放在类、接口、JDBC应用、多线程、泛型与集合框架上，基本知识分配学时较少；JSP动态网页设计围绕MVC模式为重点展开，了解WEB编程的特点及所涉及的技术，每个技术的作用及它们相互之间的调用关系，详细介绍JSP+Servlet+JavaBean综合应用，各种标记及内置对象简单介绍；Java应用开发框架对内容进行了改革，由学习SSH框架替换成SSM框架，与软件公司开发工具对应；Android开发是开发移动设备程序的技术，核心是Java程序，重点放在用户界面设计、组件通信、数据存储与访问上。课程设置顺序分布学期见表1。（三）注重实践教学。由于受学时限制，各门课设置的总学时都是48学时。对于这几门课程来说，Java程序设计、Java应用开发框架、Android开发技术是不够的,可以适当增加学时。这些课程实践性较强，压缩讲授学时的同时，每门课开设对应的课设或实训，有些课程学完之后还设置了综合实践环节，在JSP动态网页之后设置了网站设计综合实训，可以把数据库技术、网页设计、JSP动态网页课程集成起来训练，对综合应用这些技术起到了较好效果，学生的软件开发能力显著提高。各门课程讲授学时与实验学时以及课设、实训设置如表2。

三、教学方式、方法

摘要:通过分析高职学生学习的行为特点，研究使用信息化技术，借助蓝墨云班课APP开展教学，并将信息化技术运用到网页设计与制作课堂教学中，具体说明如何进行课程教学过程的设计。结合实际教学情况，选取项目模块内容，具体阐述教学过程设计，并选取四个教学班开展教学效果调查，验证新实践教学模式的实施效果。

关键词:信息化技术；网页设计与制作；高职学生；蓝墨云班课APP

1引言

网页设计与制作是一门有着广泛应用、实用性非常强的课程，面对具体的教学内容，少部分学生比较精通技术与理论知识，大部分学生则“百思不得其解”。针对这个问题，传统的授课方式已经不能满足要求。笔者充分运用信息化技术对课程教学模式进行改革，从高职学生的学习特点、信息化技术教学过程设计、教学改革效果等几个方面，谈谈信息化技术在教学过程中的运用及效果。

2高职学生的学习特点分析

在信息技术快速发展的今天，90后高职学生更喜欢从事实践活动，追求未知事物，热爱冒险，敢于创新[1]。他们还有另一个特点，即从小就受网络信息产品的影响，移动信息技术的发展变革带给他们更多选择娱乐方式的机会，各类网络游戏、富媒体信息很轻松地击败了不少学生的自控力，存在大量“手机不离手一族”。网络游戏、微信、QQ信息通信和网上购物都是90后学生休闲娱乐的平台，学生的平时生活和学习方式正在被网络信息技术改变。课堂上学生的手机管理问题一直是教师进行课堂教育研究的热点，学生课堂玩手机现象随处可见，虽然教师针对这个问题采用很多措施，但是学生课堂看手机现象一直存在，采取的措施很难剔除这个现象[1]。笔者在所授网页设计与制作课程教学中，尝试用移动网络和智能手机开展信息化技术教学，借助蓝墨云班课APP移动教学平台，构建“处处能学、时时能学”的教学网络平台，为学生提供移动手机上的课程基本信息、任务推送、课前课中测试、教学课件、教学辅助微课、教学视频等，使学生体验在娱乐的环境中学习理论知识和实践技术，学生学习更自由、有趣，教师教学更轻松。

1电子商务网站设计中的可用性原则

1998年，Forsythe等人在《HumanFactorsandWebDevelopment》一书中提出了基于人机工程学可用性原则的网站设计方法学，该方法学强调要清楚了解客户的需要，即了解客户是什么样的群体，他们喜欢什么，需要做什么或想做

什么，他们使用的软件、硬件环境如何等等。这些原则同样适用于电子商务。那么客户一般喜欢什么样的站点呢?1999年美国网站在8600个网络客户中就此问题作了调查，结果发现，能吸引大多数Web客户(54%以上)重复访问的站点具有四个共同的特征:

1.1高质量的内容

客户访问电子商务站点是为了获取他感兴趣的商品或服务，所以网页的内容必须突出重点，避免夸张，装饰部分不宜太多，以免喧宾夺主。在计算机显示屏上阅读容易产生视觉疲劳，且阅读速度比看书约慢25%.所以网页设计与杂志美编有很大不同，高质量的网页在内容编排上必须简洁明了，便于浏览;如果涉及的信息数量比较大.则应使用超文本将其拆分成多个网页。信息显示格式也是必须仔细考虑的一个重要方面，如字符应足够大，尽量少用移动、Flash等动态显示方式，正文和背景的颜色对比要符合人的视觉特点等。

1.2经常更新

论文关键词：Dreamweaver、Adobephotoshop、FlashMX

论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。

一、介绍

超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。

框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。

网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。

摘要：混合式教学是当前职业教育信息化教学的热点，采用了线上、线下结合的教学模式，是当前教学改革的重要发展方向。该课题研究以超星泛雅平台为载体，以中职《网页设计与制作课程》为例，开展混合式教学模式的设计与实施，从资源开发、教学设计与实施、教学评价和反思等方面进行了探索研究。

关键词：泛雅平台；混合式教学；微视频资源；教学设计；教学反思

“互联网+教育”是一个热门话题，MOOC教学、翻转课堂、混合式教学等模式已成为当前教育改革的重要发展趋势。2019年在教育部的工作会议上提出各学校应积极促进信息技术与教育教学的深度融合，究其本质是推动教育信息化全面升级的同时，教师的思维观念、创新意识、信息素养也要同步提升，促进课堂教学高质量完成。因此，必须充分利用现有信息化教学手段，改革创新固有的教学思维方式，提升课程教学质量的有效路径。适逢我校“智慧校园”“高水平现代化职业学校”项目创建，我们与超星公司进行合作，多次去其总部零距离培训学习，借助他们优秀的泛雅网络教学平台进行信息化教学与研究，在“边学边做，边做边用”中探索《网页设计与制作》课程的教学模式的实施方案，希望能有效提高课堂教学质量，对中职信息化教学模式改革提供参考。

1中职《网页设计与制作》课程现状

本课程是中职计算机应用、计算机网络等专业的一门专业基础课程，《国家职业教育改革实施方案》中“职教20条”要求推行“1+X证书”制度，其中“Web前端开发”即是“网页设计与制作”课程的核心内容，考取该证书的学生可从事Web前端开发、网页设计、网站建设等职业工种。它亦是对口单招班计算机应用专业学生的高考必考科目，在学生的升学考试中起到举足轻重的作用。从近几年本校《网页设计与制作》课程的教学情况看，由于采用的是传统填鸭式的教学模式，缺点显而易见，知识点枯燥乏味，学生被动接受，甚至有学生出现抵触情绪，教学效果必然不理想。因此，该课程的教学创新改革已箭在弦上。本校是江苏省首批智慧校园建设单位，无线网络全校覆盖，教室已安装智慧黑板、交互式教学一体机，学生智能终端设备齐全，泛雅平台可无缝对接，完全可以全天候进行网络自主学习，混合式学习的软、硬件条件完全具备。

2泛雅平台课程资源建设

论文关键词：Dreamweaver、Adobephotoshop、FlashMX

论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。

一、介绍

超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。

框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。

网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。

论文关键词：Dreamweaver、Adobephotoshop、FlashMX

论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。

一、介绍

超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。

框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。

网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。