网页设计实践报告

时间:2025-02-17 赵老师教案网

网页设计实践报告(范文十七篇)。

⬘ 网页设计实践报告 ⬘

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

我从事网站开发工作，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过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）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

（3）理解热区链接的含义及创建方法。

（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

（2）完成超级链接，使学生感受成功的喜悦和快乐。

（1）超级链接的含义及链接源和链接目标的含义。

（2）超链接的制作方法――给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

（1）书签链接中名称及对应链接位置的设定。

（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

教学方法与教学手段：

任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

教学准备：

“动物――人类的朋友”站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题――超级链接。

提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

○1制作首页（欢迎页）到表格页的超链接。

○2给表格页内交互式按钮设置超级链接，链接到相关页面。

○3给框架页内交互式按钮设置超级链接，链接到相关页面。

教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。

交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？

教师讲解，突破难点，再交由学生操作。

以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？

教师讲解：由生活中的书签引入，介绍“书签链接”的概念，然后再演示如何操作。

学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。

仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。

任务3借助热区链接，为“友情链接”页面制作超链接，链接我国一些自然保护区网站。

有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。

开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。

⬘ 网页设计实践报告 ⬘

前言

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针DREAMWEAVER对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。

1．对静态网页设计的认识

1.1网页设计介绍

从文件的角度来说，一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后，在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容，为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序，只有HTML代码，一般以.html或.htm为后缀名的网页，静态网站内容不会在制作完成后发生变化，任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合，是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站，是指带有一定主题的多个网页集合；对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中，有一个页面比较特殊，称为首页，即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记，而且还含有程序代码，并使用数据库连接。动态网页能根据不同的时间，不同的来访者显示不同的内容，动态网站更新方便，一般在后台直接更新。

1.2网页设计及网页布局技术

网页是构成网站的基本元素。一个网页是否精彩与网页布局有着重要关系。常见的网页布局类型有“国”字型、“匡”字型、“三”字型、“川”字型等。其他类型的有：标题文本型，封面型，Flash型，框架型。可以用表格的形式讲一个页面分成几个单元格，通过单元格的合并拆分，对网页进行布局，单元格就相当于是一块纸，在纸上写的东西单元格里都可以容得下。通过设置单元格的长宽对页面进行布局。框架对网页进行布局有很多优点网页结构清晰，易于维护和更新。方便用户浏览网页，采用滚动条，可节省页面空间，使网页风格保持统一；CSS作为网页设计中的一种重要技术，具有以下优点：，表现和内容相分离，提高页面浏览速度，易于维护和修改，应用apdiv创建网页，网页清晰，易于分块。应用表单创建网页，应用行为创建网页。

1.3静态网页设计的技术要点

用框架对网页进行布局时有很多缺点：网页内容无法被大多数搜索引擎搜索到，不被低版本浏览器支持，样式陈旧，无法满足个性化设置，难以实现不同框架中各元素的精确对齐。在网页设计过程中使用CSS样式表，主要有以下两种方式，内部CSS样式表，外部CSS样式表，应用库创建网页时：对于站点访问者和开发人员而言，使用交互式网页www.具有更多用途，使访问者可以快速方便地在一个内容丰富的网站上查找信息，后台管理者可以收集、保存和分析站点访问者提供的数据，，后台管理者可以对内容不断变化的网站进行更新。静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”;网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;静态网页的内容相对稳定，因此容易被搜索引擎检索;静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;静态网页的交互性较差，在功能方面有较大的限制。

⬘ 网页设计实践报告 ⬘

【关键词】翻转课堂；混合式学习；《网页设计与制作》课程；教学模式

近年来，由于信息技术和网络技术的不断发展和普及，涌现出了混合式教学、慕课、微课、翻转课堂等基于信息技术和网络的教学新模式及资源新类型[1]，为传统的教学模式带来了机遇和挑战，如何在“互联网+”时代实现信息化教育与传统教育优势互补是摆在一线教师面前的现实问题。基于翻转课堂的混合式教学是现今教学改革与实践的热门课题，为传统教学模式改革、数字化教学资源建设、创新性教学评价提供了技术支持与资源保障[2]。

一、基于翻转课堂的混合式教学模式简述

基于翻转课堂的混合式教学模式，是将翻转课堂和混合式学习进行有效整合、优势互补的一种新型教学模式。新媒体联盟和美国高校教育信息化协会共同的《地平线报告2016高等教育版》把翻转课堂视为高等教育领域一年内投入使用的技术，也是最常用的混合式教学模式之一[3]。

二、构建基于翻转课堂的《网页设计与制作》课程混合式教学模式的优势

（一)《网页设计与制作》课程教学存在的问题

《网页设计与制作》课程是计算机专业、电脑美术专业及其他相关专业学生必修的一门应用性和操作性都很强的课程，同时也是一门极富创造性的课程。通过本课程学习，学生要了解网站的类型、、推广的方法；掌握网页素材的获取、网页布局、色彩运用、网页特效的应用原则和技术实现；掌握使用Dreamweaver、Flash、Photoshop、Fireworks等多种工具制作网页的操作过程。教学上存在如下困难：1.传统教学模式效果不佳。传统教学模式犹如“鹦鹉学舌”，以教师为中心，教师讲学生听；讲练结合是最常用的教学方法，教师演示完成什么练习案例，学生“依葫芦画瓢”完成什么案例。学生缺少动脑思考的过程，很容易忘记所学知识，更无法做到将所学知识活学活用、举一反三地解决现实问题。2.学生的个体差异较大。学生的个体差异主要体现在两个方面：一是学习能力问题。有的学生接受知识的能力快，有的学生就会“慢上半拍”；二是学习进度的差距。丰富的网络资源为那些对网页感兴趣的学生提供了便利的学习机会，这就造成了课堂教学时学生之间的学习进度差距。3.网页中使用的软件工具较多。网页制作中涉及的软件有Dreamweaver、Flash、Photoshop、Fireworks，只有相互配合使用这些软件，才能制作出图文并茂、具有吸引力的网站。4.考核方式单一。网页设计需要一个过程，学生要发挥想象力去构思自己的特色网页，要花时间去查找网页中要用到的图像、文字等资源，还要用表格、框架、CSS+DIV等布局方式制作出网页，这些绝不仅仅是一个笔试或是一个90分钟的考试能完成的。

（二)《网页设计与制作》课程采用基于翻转课堂的混合式教学模式的优势

1.有利于提高学生自主学习的能力。翻转课堂要求学生依据教师布置的导学案清单，课前自行观看教学视频等教学资源，完成对新知识点和概念的自主学习，记录自学过程中的难点和疑点，学生的学习更加主动和个性化。2.有利于激发学生的学习兴趣。翻转课堂对学生的学习过程进行了重构，学生在课前就接收了知识，通过短小的视频和言简意赅的语言，将知识碎片化，将抽象的理论通俗化，教师能够提前了解学生的学习困难，并在课堂上给予有效的指导，知识的吸收内化是在课堂上通过师生、生生互动来完成，极大地激发了学生的学习兴趣。3.有利于自由碎片化学习。学生可以在相对自由的时间里，利用碎片化的时间完成翻转课堂的课前学习，学习的自觉性明显增强。4.有利于巩固、强化、内化知识。由于学生的个体差异，不可能所有人都能跟上学习进度，学生可依据自己的实际需求，对于没有消化的知识，可通过师生互动交流和反复学习教学资源，直到达到巩固、强化、内化的目的为止。

三、基于翻转课堂的《网页设计与制作》课程混合式教学模式

（一)实施条件

1.学校方面。学校有良好的数字化校园信息平台，有丰富和优质的微视频等教学资源，为翻转课堂的实施提供了支持和保障。2.学生方面。现在的学生多是互联网的原住民，上网对他们来说就和呼吸、吃饭、睡觉一样重要，网络伴随着他们成长，是他们生活中不可或缺的一部分。他们习惯尝试新鲜事物，习惯碎片化阅读，习惯自由主动地接受信息[4]，学生的这些特点，有利于翻转课堂的顺利实施。3.课程方面。《网页设计与制作》课程具有很强的实践性和创造性，与翻转课堂广泛采用的研讨式、项目任务驱动式学习模式相吻合[5]，适合采用翻转课堂教学模式。

（二)教学模式设计及实施

在良好的数字化校园信息平台的支持下，基于翻转课堂的《网页设计与制作》课程混合式教学模式，主要包括课前、课中和课后三个前后关联的部分，采取线上为主、课堂为辅的混合式教学，如下图所示。以2课时的“CSS+DIV”布局网页为例，介绍课程的实施过程。1.课前。教师依据学生实际，结合教学大纲要求，合理设计导学案清单、制作微视频、搜集相关学习资源并给学生，导学案清单如表1所示。导学案清单中应列出让学生学习的资源、完成的任务，告诉学生学什么、怎样学；做什么，如何做；交什么，怎样交。学生依据教师的导学案清单，浏览相关在线学习网站，完成对视频的观看，初步掌握所要学习的知识点和技能，完成相关任务。自主探究过程中遇到的难点、疑点，可通过QQ、微信、邮箱或校园在线等网络工具与教师或同学进行探讨，也可记录下来，在课堂上请教师答疑。2.课中。此阶段是对课前自学的知识进行高效内化的阶段。教师根据课前学生的提问、任务完成情况等反馈的信息精心设计教学活动，设计合适的任务，引导学生进行自主探究或协作学习。在这个过程中，学生是教学活动的主体，积极主动地接受知识，教师则扮演着组织者、设计者和引导者的角色，教师需要给学生适当的引导，鼓励学生积极思考，并解答学生在探究或协作学习中遇到的问题。过程如下：首先，以小组为单位展示课前完成的任务，进行汇报，汇报过程应重点说明遇到的难题、解决的方法以及任务的完成过程。其次，小组互评和教师点评，相互讨论交流，进而改进课前任务完成的不足，完善作品。然后，教师将重、难点进一步深化，并提出新问题、布置新任务，如表2所示。最后，小组互评和教师点评，相互讨论交流，完善作品。3.课后。根据学生的实际学习情况，合理布置课后作业，特别是能进行动手实践的技能拓展类任务，让学生利用课后复习加强实践来巩固所学知识点，促进知识或技能的固化甚至升华。教师需要在课后对教学资源、教学设计中的问题进行反思，分析学生的学习情况和作业完成情况，并将反思和分析的结果作为后面课程设计的依据。课后作业布置如下：1.使用“一列固定宽度居中，且与两列固定宽度相结合”的方式布局网页，整个页面在浏览器中居中对齐，当光标经过左侧导航栏超链接所在的块时，超链接背景色和超链接文字颜色发生变化。2.使用“一列固定宽度居中，且与两列固定宽度相结合”的方式布局网页，整个页面在浏览器中居中对齐。实践证明，在《网页设计与制作》课程实施基于翻转课堂的混合式教学模式总体上是成功的，主要体现在：学生都能顺利完成课前、课中和课后的学习和考核；教师能比较圆满地完成课堂教学任务和辅导学生线上学习的任务。师生对基于翻转课堂的混合式教学模式总体上是满意的，并积极寻求进一步提高和改进的办法。

四、结语

基于翻转课堂的混合式教学模式充分体现了“以学生为中心”的教学理念[6]。教学过程分为课前、课中和课后，使得教学活动连贯有序、互相配合、互相促进、相得益彰；师生间的互动频繁，使得教师真正了解学生的内心需求，不但有利于教师合理设计教学内容，更有利于培养学生养成自主探究学习的好习惯。不过，教学模式的改革，不仅仅需要个人的实践与探索，更需要所有任课教师的支持与行动。只有全体教师积极行动起来，才能将基于翻转课堂的混合式教学模式切实落实下去，也才能将基于翻转课堂的混合式教学模式的优势发挥出来。

参考文献：

[1]方义桂。混合式翻转教学模式对高职院校外语师资的要求及建设策略[J].职教论坛，2016,(26):17-20.

[2]张欢。基于微课的翻转课堂教学模式研究：以高职英语写作为例[J].商业经济，2016,(9):154-156.

[3]金慧，等。新媒体联盟《地平线报告》(2016高等教育版)解读与启示[J].远程教育杂志，2016,(2):3-10.

[4]杨欣。基于慕课的《思想道德修养愈法律基础》混合式教学改革模式探索[J].产业与科技论坛，2016,(19):127-128.

[5]张爱民，冯冬艳，相景丽。高职“计算机应用基础”翻转课堂教学设计探析[J].网络化与数字化，2016,(10):89-94.

⬘ 网页设计实践报告 ⬘

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

⬘ 网页设计实践报告 ⬘

为此学校为我们进入社会实习前为我们组织一次为期两个月的校内实习。在学校组织的这次校内实习，让我们在进入社会之前，提前体验了一下将来在社会上的工作情况，给我们提前积累一些社会经验，通过本次的实习让我们更加熟练网页的制作，并创新的以网络作为平台，结合网络运用制作了各类网页。这包括了我们专业所学习的所有内容，这次实习不紧是对我们过去学习成果的总结验证，更是一次学习上的创新与进步。在这次校内实习过程中，不管在知识掌握上，还是知识运用实践体验方面我都得到了很大的收获。

网页设计与制作的实习是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体习练和考察过程。随着科学技术发展的日新月异，网页设计制作已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握网页设计制作的技术和能力是十分重要的。

这次实习，我为自己家乡的一个概况做一个网页。我是来自大理，大理作为一座旅游城市，拥有众多的旅游风景点，所以我选择了为我家乡的旅游做一个网页。

首先我要做的就是要选择好题目和网页的风格，之后我就分步骤准备在制作网页前所要做好的准备工作。我浏览了大理旅游网的一些

特点，借鉴这些网页的优秀之处，不好的地方在自己的网页上加以改良，从而使自己的网页更加美观。

做好这些准备工作之后我希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。在准备素材的过程中我用到了dreamweaver、photoshop等工具。再是设计网页的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网页，建立网页的目录结构。制作首页、二级子页、内容页，创建超级链接。最后就是测试与浏览网页，如果还有什么不理想的地方再改进，改进后再预览，如此反复，最后达到预期的效果!

在设计的过程中遇到的问题，可以说是困难重重，这毕竟是第一次独自设计网页、制作网页，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，浮动导航栏的定位等。在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果??通过这次网页设计与制作实习，把以前所学过的知识重新温

回顾这次课程设计，至今我仍感慨颇多。的确，从选题到开始制作，从理论到实践，在实习两个月的日子里，可以说得是苦多于甜，但是可以学到很多很多的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。通过这次课程设

计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

这次实习为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。从实践操作中，我总结出一些属于自己的实践经验，社会是不会要一个一无是处的人的。作为信息与计算科学专业的学生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的创新能力和合作能力等，自己有了能力，到时候才会是“车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空!

这次课程设计在验收之后终于顺利完成了，在设计中遇到了很多的技术问题，最后在老师的辛勤指导下，终于游刃而解。同时，在老师的身上我学得到很多实用的知识，在这我再次我表示深深地感谢!同时，对给过我帮助的所有同学表示忠心的感谢!

⬘ 网页设计实践报告 ⬘

一实验目的

1．学习HTML语言和dreamweaver，FrontPage等工具。

2．掌握在本地环境下运用ASP技术实现一个简单的电子商务网站。

二实验过程

1组长分配任务，大家从网站上搜集各种关于手机的资料。

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

3打开Dremweaver后第一步便是新建站点。

4设计主页及二级页面。

5链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

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

在经济迅速发展的今天，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

⬘ 网页设计实践报告 ⬘

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

电子商务发展在世界范围内都是刚刚开始，其发展速度极为迅速，传统商业模式正不断地被新的商业模式所替代。网上购物就是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、后台：

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

⬘ 网页设计实践报告 ⬘

网页设计中的脏、乱、差，是我们在设计过程中常会碰到的问题。通常"脏"是由对色彩使用不当所产生的，而色彩使用不当产生的不好效果也分为："花、灰"，花哨、灰头土脸也就是这里所说的"脏"。我已经在早前的一些文章中谈过我对设计中运用色彩的看法。有爱好的朋友可以查阅一下《色彩解释》。而"差"

基本上是由于我们的技法上不够娴熟所产生的。比如细节上的处理不到位，某个局部的效果制作得粗糙。这可以称之为"差"，非凡是在处理带有2D效果的设计作品时，这种情况常会出现。但是我今天在本文中所要谈的是"乱"。什么是乱?这里的乱不是指用色乱，也不是指内容乱，而主要是指布局乱。以前我有幸接触了平面设计，并且从中学到了很多平面设计上的一些知识与技法。其中"栅格设计"就是平面设计中用于处理布局的一种理论。到目前为止我还在研究"栅格设计"。因为着实没有什么比较好的语言可以非常简洁明了的概括这个词。这更像是需要不断用实践去理解的。所以很多时候我们们都无法去讲述。但是在设计中这个栅格却是能帮助我们完成更好作品的一个非常好用的利器。对于栅格设计我也不能说是熟悉深刻，我这里只是依据我对于栅格设计的理解，将之用于网页设计中，希望能给更多的朋友们一点启示，或许能打开一些朋友的思路。

单纯的文字是没办法让设计师们耐心的看下去的，所以还是老办法，用示图来作为讲解模型。这次我们使用的网页是微软、IBM、ASTRO三个公司网站来讲解。希望通过分解这三个公司的网站设计，能把我所理解的栅格设计传达出来。废话少说，看示图：

我们看到微软公司的网站设计中并没有什么明显的线去区隔不同的区块，但是当我们把当蒙上一层纱，然后用实线把每个部分都画出来这时我们发现这个网站其实是处在一个栅格阵列中。那么这个阵列中的内容已经很明显了，并且我们从中发现了很多区块在页面中的位置居然是那么的有条理，并且有一些并不在一起的区块，居然也有一定的规律。当然有人可能会说，都用线画出来了当然显得条理，整洁了。问题就在于这里，我们的网站都可以用纵横线区分开。但是一些设计得不好的网站的纵横线可能数量非常的多，纵横线的数量过多并且都挤在一直，这就说明网站的布局显得太乱。或者是过于条理而变得布局平均，没有对比，缺乏美感。其实只要用这样的方法去分析一下自己设计的作品也许就能从中看到问题所在。

我们看到IBM的栅格与MS的有很大的不同，IBM中还出现了一些差不多大的栅格，但是这里要注重其实这些栅格是由于底部很小的'几个区块所产生的，并且这凡个区块还可以看作是一个横向的区块。我们从这里可以看到IBM的布局设计是对称的。但是这种对称却是在离在纵横线上却不轻易注重到的。这是很高明的手法。

我们再来看看ASTRO公司的网站，这个网站比起上面两个公司的网站就更娱乐化，更有趣了。

从这三个网站中我们可以看到三种不同风格的栅格设计，虽然有所不同，但我们依然可以发现三者都会尽可能的把最重要的信息放在视觉中心点上，不论是放在左边的还是右边的或是中间的，他们都得到了最大的栅格区，得到了足够的重视!我们的视觉中心也自然盯在了上面!

说到这里我依然觉得没能把栅格设计的作用讲明白。这里就需要来访的朋友们提提你们的看法了。我将会在以后的时间继续关注栅格设计，希望能将其在网页设计中的作用弄得更为清楚!

⬘ 网页设计实践报告 ⬘

一、实习目的

熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多；网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。

二、实习时间

20xx年xx月xx日——20xx年xx月xx日。

三、实习地点

xx。

四、实习内容

（一）网站的整体规划

1、讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2、定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

，在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4、网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

（二）网页制作的前期策划与准备

小图标和一些GIF的动画等。

xx、xx。

（三）网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意，网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上，因为它们太大了，但可以用图象软件进行转换，比如xx的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

（四）网页的调试

之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

五、实习收获

实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。

▲赵老师教案网精选典藏:

快递实践报告范文 | 毕业设计实践报告 | 窗体设计的实践报告 | html网站设计实践报告 | 网页设计实践报告 | 网页设计实践报告

⬘ 网页设计实践报告 ⬘

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

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

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

⬘ 网页设计实践报告 ⬘

在经济迅速发展的今天，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

⬘ 网页设计实践报告 ⬘

韶光匆匆，20xx年马上离咱们远去。回忆这走来的一年，好像去年的圣诞歌还在耳边萦绕，实是感叹时间的飞逝，让自个的脚步显得如此匆忙。可细细品味，却也发觉自个在不容易间成熟了很多。不知不觉中，充溢希望的20xx年就伴跟着新年伊始接近。回忆20xx年的作业，有硕果累累的高兴，也有遇到艰难和波折时惆怅。

在医院我所从事的岗位是网络美工，作业首要涉及到网站的广告计划，广告图像更换，页面策划修正;网站的页面制造，样式修正，后期保护等不一样作业。能够说但凡需求杰出咱们网络部及网站全体形象的当地，就需求美工参加作业。

计划作业是苦楚并着高兴，每逢面对严重的计划使命时充溢了压力，开端收集各种材料(包括文字的、图像的)，接下来寻觅计划灵感，沉思、焦灼，通过苦楚折磨，总算有了满足的创意时倍感轻松。每逢通过艰苦的磨炼，自个的劳动成果得到咱们的肯守时，即是作业中的高兴!充溢了爽快。

下面是我一年来作业回顾，作业首要环绕以下内容：

1、官方网站改版。

2、激光美容网制造与计划。

3、中韩整形美容网站有关样式修正，平时保护，广告计划，内容更新。

4、活动专题，与项目专题的计划。依据案牍供给的内容来计划策划专题活动。平均3天/个

作为一个页面美工除了请求页面三剑客，PS这些必会的软件之外，还请求对HTML用得娴熟，对ASP或PHP，以及JSP要有开始的了解。

杂乱无章或毫无美感的页面很难会有阅读者喜爱，更不说去阅读它的内容了。

可读性的体现。

3、完成不一样的功用：在网络这条信息高速公路上，页面最首要的功用即是一种传递信息的手法。因而，它全部内容都是为了这个目的而效劳。都要环绕这个基地进行计划。然后，要完成这个功用，页面的美工计划和内容都有必要有针对性。所谓针对性，即是指对不一样种类的页面请求选用不一样的美工艺术作用。

4、页面的内容：

页面计划人员美化页面，添加页面计划的艺术感，都是为了页面计划的内容效劳的。通常来说，页面的几项基本内容：标题、网站象征、主体内容、导航、广告栏等。

5、断定网站的个性：

整形美容行业的网站或许专题，阅读用户集体，通常都是爱美人士。年纪大约在20~45岁之间，对于这类集体，页面计划得浪漫并有艺术感。

6、断定页面之间的连接联系：

在网站的部体计划列出来后，就有必要要思考各个页面之间的联系，是星型、树形、网型仍是直线连接!

从事了一年多的医疗行业网业美工，总算体会到页面计划无非是图文混排的那点事。而且并不是每次计划的东西都能被别人认可。本来这都没有什么，由于这些无非是生长过程中常常要遇到的事算了。

本来作业是人日子的主要部分，不论是消沉仍是活跃，都会给人带来不一样的感触。而精彩的日子通常又来源于有意义的作业中，所以我不会让自个因作业的烦恼、艰难和压力，困惑自个，使自个情绪经、遇到艰难我会用往常心态实际看待问题，告诉自个凡事要先做人、后做事。

20xx年以经到来，新的一年意味丰新的起点新的机会新的应战，我决计在现有的基础上再接再厉，更上一层楼，必定努力使自个的作业能力再上新的台阶。最终，谢谢我的上级对我的言传身教的尽心指导，我必定会以活跃主动，充溢热情的心态去作业。

⬘ 网页设计实践报告 ⬘

时间过得很快，我即将毕业来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。

一、实习时间

二、实习介绍

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有、招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过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个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

四、实习体会

实习将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

⬘ 网页设计实践报告 ⬘

（一）一、教学内容的确定

教学内容通常包括HTML语言、CSS样式、网页设计原理及原则。由于针对的是中职生，在教学内容的安排上就会有所取舍，主要以实际案例为基础，重点掌握可视化网页编辑器的使用。除了介绍软件的使用外，还加入对于网页设计非常重要的图像处理的内容，传授网站结构、风格、配色及页面布局等知识。教学内容的选择上主要有以下几方面：

1、网页制作软件的掌握。学校开设的网页设计课程一般会选择FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比较专业的网页设计工具，因而通常选择它作为主要的网页设计平台。除了让学生掌握怎样使用这款软件制作网页，还要让学生了解网页基础知识，如让学生知道什么是网页文件；学会规划好自己的文件夹，将所有的网页文件和图片都放在自己的工作文件夹中，不要链接工作文件夹之外的图片，有的学生将做好的网页放到别的计算机上结果需要的图片无法显示，就是这个地方没有做好。

Fireworks与Dreamweaver网页制作软件的结合越来越紧密，由于网络速度的提升，图像元素在页面中早已变得不可或缺，利用图像处理软件的功能直接生成网页已经变得非常简单。而Flash以文件体积小、风格多样及良好的交互功能等优点在网页中所占的份额越来越大，甚至出现了完全使用Flash完成的网页作品，在教学中为了让学生简单了解，一般让学生通过设计常见的Flash广告条来实现。所以，在开设这门课程的同时，也开了Photoshop和Flash这两门课。

二、教学方法的探索

网页设计课程通常在机房授课，便于学生上机操作、巩固课堂教学效果。传统教学方法是教师在课堂上讲授理论知识，然后学生上机练习，教师在一旁进行辅导。这种枯燥的灌输方式难以调动学生的兴趣，即使学生将课堂上所学的知识都听明白了，上机操作时仍然无从下手，因而必须采用有效的教学方法。

解决具体问题的能力的教学方式。笔者对教学目的和教学内容选用实际网页中的典型案例，在教学中先展示网页效果，再讲解相关的理论知识，在学生理解基本理论的基础上再演示完成案例，并对案例进行适当总结，将枯燥的理论知识融入生动的案例之中，理论与实际相结合，有利于学生更好地掌握知识。另外，根据学生的实际情况，还可在本案例的基础上延伸到其他类似的例子，达到举一反三的效果。采用案例教学法，学生不但可以掌握课堂上学过的案例，而且能灵活地运用课堂知识，提高综合运用能力。

和期末考核（期末上机考试），各占总成绩的网页作品展示等，不但能提高学生学习本课程的积极性，还可让学生找到彼此的差距，激发学生的学习动力，不断提高网页设计水平。

⬘ 网页设计实践报告 ⬘

一、毕业设计题目：鞍山民族模板企业网站设计

二、选题的来源、目的和意义

1、1选题来源

导师根据实际情况虚拟的。

1、2选题的目的和意义

在网络快速发展的今天，我们依靠网络获取信息，而建立网站已经成为一个很普遍的问题了，对于一个企业来说，建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场，开展24小时网上营销及高效廉价的定向宣传；与客户建立最直接的交流机制，缩短推出新产品和打开市场的周期，与富有吸引力的客户群发展客户关系网；加强客户服务，完善网络业务；展现公司想象，宣传自身企业文化。所以建立一个属于自己企业的网站是十分必要的。

现在我们已经学习了四年的计算机科学与技术，而这样的选题正是要让知识与实践接轨，来建立一个企业网站，来完善自己在实际应用上的不足。

三、所选题目的国内外动态、水平

中小企业全球信息网络（globalinformationnetworkforSMEs），由日本维护中小企业全球信息网络是主题为“G8信息社会始创工程：中小企业（SMEs：SmallandMediumsizedEnterprises）全球化市场（AGlbolMarkteplaceforSMEsｓ）”的三个项目之一。所有的Ｇ8国家都在建设网站以改进中小企业对有关本土和外国市场的信息的存取。某些站点不仅提供信息，而且也帮助中小企业寻求伙伴，帮助消费者搜寻中小企业。在某些internet主页上，中小企业甚至可以进行一定的业务，比如制定特定的条款。

网站发展可以分为三个阶段，第一个阶段定义为网站额“萌芽式”发展期，是网站形成的初级阶段，第二个阶段定义为网站的“粗放式”发展期，是网站的变革阶段，第三个阶段定义为网站的“细分式”发展期，是网站发展的成熟阶段。我国正在向“第三阶段”发展。我国的网站建设市场将成为行业内部整合之势，很多中小企业的网站建设的技术门槛不高，还不能提供定制化的实施服务，所以我国的网站建设发展还是充满挑战的。

四、研究内容和研究方法

1、采用什么设计方法

本网站采用模块化程序设计方法。

2、采用什么设计工具

本网站主要是利用ASP、Dreamweaver、SQL数据库来完成设计的。

3、达到什么效果

本网站要达到的效果有四：

1、企业形象展示，设计简洁大方的界面。

2、企业实力展示，展示我们是什么样的企业，我们有过多少成功的产品。

3、产品和服务的展示，让用户了解我们是干什么的，提供什么样的服务，服务有哪些种类。

4、信息传达，让用户了解我们的联系方式，我们的最新新闻，我们的企业文化。

4、结论