网页制作设计报告

网页制作设计报告（推荐8篇）

网页制作设计报告 篇1

一.绪论

1.课程设计的目的、意义

本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Dreamweaver cs5的的操作和应用。增强动手实践能力，进一步加强自身综合素质。2.设计情况的简介

我做的网站是以动漫世界为主题，内含各种风格和类型的动漫。网站中插入了大量的图片和链接，界面简单明了。网页常规技术.素材处理.网页创意.实用性和推广性等方面均有所涉及和注意.3.设计原理与规模介绍

主要运用一些基本的网页制作技术,分三大板块分级进行阐述主题。规模上，属于小型和个人兴趣类型的网站。二.网站需求分析

本网站符合大众喜爱动漫的心理。动漫爱好者对于动漫的要求首先要是好看的动漫，其次便是种类多样的动漫。网站首页需要做到简洁明了，针对性强，因为这样才可以留住顾客以及开发潜在顾客。

三.网站概要设计

网站主页分为三级页面。第一级为主页面，内含网站的各种信息。第二级页面分大类解释网站动漫种类信息，第三级页面就是对于每一部动漫的详细解释。另外就是站主介绍，这是网站中虽不重要却不可缺少的部分。

四.网站详细设计

网站分国产动漫，最新动漫，经典动漫三个部分。每一部分都有更细的下一级页面对其进行详细描述。站中插入大量图片，在每一部动漫介绍时均有图片介绍以及链接。网站中需要运用的一些常规技术蕴含其中得以体现，比如在页面中，插入文字、图片、超级链接等技术。另外还需要对文字图片进行进一步修改，比如字体颜色图片大小以及背景颜色等等。

五.网站实现与调试

在网站做好之后，我对网站进行整体调试，确保每一级链接没有发生错误。不过，却发现另一个问题，链接虽然没有问题，可是在插入的图片上添加链接时却把图片给裂开了。于是只好把超级链接改为热点链接。

六.收获与体会

网页制作设计报告 篇2

专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。

2 专题学习网站的需求分析

《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。

2.1 专题功能需求分析

根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:

1)资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2)交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3)评价展示功能。包括作业批改、作品展示、自我测试、竞赛投票等在线评价。4)用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。

2.2 专题角色需求分析

功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。

1)学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2)管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。

3 专题学习网站的系统结构设计

3.1 专题学习网站系统框架设计

根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下:

1)专题结构化知识:网页基础、动态技术、数据库、辅助软件。2)专题资源库:拓展资源、相关链接、强化训练、素材集锦。3)专题协作学习工具:学习留言、专题论坛。4)专题学习评价:作业批改、自我测验、作品展示、竞赛投票。

3.2 专题学习网站系统程序流程设计

根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。

3.3 专题学习网站体系结构设计

专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:

1)客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2)应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3)数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。

4 专题学习网站的功能设计

专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。

4.1 专题学习网站资源的形成

为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的发布。

4.2 专题知识的结构化重组

使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程发布Fireworks的教程外,在学习完Fireworks后,可以将发布的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源发布到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。

4.3 专题协作学习工具

专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。

4.4 专题学习评价

包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。

5 结束语

专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与学的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。

摘要：信息技术的发展促进了教育信息化,而网络环境下教育资源的建设是教育信息化的重要内容,专题学习网站则是教育资源建设的重要表现方式。该文以茂名学院高州师范分院《网页设计与制作》学科专题为例,介绍专题学习网站的设计,主要阐述了专题学习网站的需求分析、系统设计和功能设计三大方面。

关键词：专题学习网站,网页设计与制作,设计

参考文献

[1]谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.

[2]赵志升,李桂权.一种基于B/S结构与C/S结构结合的新体系结构[J].电子技术应用,2004,(8).

网页制作设计报告 篇3

关键词：网页制作；教学设计

中图分类号：TP393.09

随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。

1 教材分析与教学对象分析

1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。

1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。

2 《网页制作》课程教学设计的思路

从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体——一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。

课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。

3 教学目标的设定

3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。

3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。

3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。

4 教学重点、难点的设定

教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。

5 设计教学过程

5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局——“国字型”并分析其网页元素；2）万州一家企业网页布局——“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局———“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。

5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素——文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。

5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。

6 设计考核方式

网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。

7 结束语

网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。

参考文献：

[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.

[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.

[3]贾勤.网页设计三合一能力教程[M].北京：中国铁道出版社，2006：54.

网页课程设计报告 篇4

题

目： 系

部： 专

业： 班

级： 组

长： 组

员： 设计时间：

鲜花网 信息管理系 信息管理与信息系统

（一）班 李 健 黎梦雪 邱文琦 12月10号 一． 设计准备

1.开发环境搭建：硬件设备需要电脑，软件需要有DW对网页进行搭建，需要联网对素材进行收集，和其他网页进行参考，需要ps对图片进行处理等。2.知识准备：需要熟练网页相关的知识，特别是老师讲的那些课堂知识，当然还需要课外的一些关于网页设计的知识，还可以再网上找一些相关的代码和相关的知识进行阅读，最重要的是租章需要很强手动操作操作能力，要熟悉DW这个软件的一些基本操作和功能运用，需要一些简单的网页美工设计技能和审美能力，这样才能将网页的布局给人以美观的感觉，儿不是网页的布局零乱，不美观。3.人员分工等：实验报告撰写者—黎梦雪，网站演讲者--邱文琦，整个网站设计者—李健。

二．需求分析

人们都比较喜欢鲜花，喜欢欣赏鲜花，所以我们组就一致决定以鲜花为主题，鲜花不仅给人一枚的感受，而且有的鲜花可以入药，有的还可以吃，还有一些鲜为人知的鲜花等等，所以鲜花是个比较受欢迎的主题。

三．技术分析

1.网页用了表格和CSS以及盒子模型对整个网页的布局进行了搭建。表格可以让网页内容很贵范，不会让整个网页显得很零乱；盒子可以很好的节约网页的空间；而CSS可以让网页内容更加的美观的呈现在用户的眼前，给人以更好的客户体验。

2.网页用了很多DW的基本功能，如超级链接，锚点链接，表单，javaskript,如图片的晃动，图片的放大和缩小，图片的隐藏和显示，图片的交换效果，以及图片的轮选效果等等，还对网页插入了音乐，视频，对网页制作了一个统一的模板，当然模板不是网上下的，都是自己做的，虽然不咋滴，还用了框架等等 3.还用了Spry技术，如菜单栏，折叠式，面板等等，给网页节约了很多的空间

4.还用了ps技术，如网页的背景和网页的LOGO就是用ps给P出来的，以及很多的图片就是用PS进行加以处理了的等等 5.整个网页代码用的不怎么多，有些特殊的共能是敲代码或子在网页上下载一些特殊功能的代码，不过还是用了一些的。6.本来做了几个ASP网页的，可是不怎么会连呢数据库，这是本网站的一大弱点。

四．制作过程及要点

制作过程

1.本组成员一起讨论，以便进行主题的确定，这是比较重要的过程，这题要确定好，而且确定了就不能进行更改，不然很麻烦。2.然后根据所确定的主题在网上进行素材的收集，对网站的图片，各种鲜花的介绍文字，以及背景音乐和相关的所需要的视频等等，并且要寻找一些与本主题相关的网页进行参考。3.素材收集好后就对网站的首页进行搭建和设计，并把它另存为模板，以便各个子网页快速的设计，当然这个首页的模板在后续设计中是需要随时加以更改的，知道最后整个网页搭建完为止。4.对对各个子网页加以设计，将所收集的素材如图片，文字介绍，音乐，相关视频，插入后还要见一些CSS样式，对网页的进行美观，是网页看起来很协调，美观整齐。

5.对整个网站进行超链接的设置，是整个网站形成网络结构，网页之间要能够进行相互的链接

6.对各个网页进行效果的添加，主要运用到了javaskript，使网页能够与客户进行相互之间的交互

7.最后对整个网站进行整合以及对一些细微的地方进行修修补补什么的

要点

1.首页中用表格进行布局，然后将图片和图片吧名字一个一个的放到表格中，并对图片添加三种效果，都是通过mouseover来触动这些效果的，分别是，图片的放大缩小，图片的晃动，图片的隐藏和显示，插入了一个图片查看器，一个表单，用了一个锚点链接，用了spry中的菜单栏，面板以及折叠式面板，用PS制作了整个网站的背景和LOGO 2.对其他子网页进行设计，将所收集的图片和文字插入到模板中，然后即那个所有的图片都加上行为，图像交换行为，然后建几个CSS样式，将这些CSS样式用到各个子网页中，样式中有对字体各方面的设计，图片的左浮动，掺入后还要对一些细节的地方进行修补，如首行空2各，字体间的距离，行高什么的，要适当网页给人以美观的感受为止。

3.把收集到的视频的mp4格式格式改成FLV格式，然后插到网页中虽然所用到的技术不怎么高深，可是自网页蛮多的。等等那些图片的行为可以再行为面板里面进行设置，也可以对一些特殊的行为在网上找一些特殊的代码，插到网页中然后在加以修改便可，如图片的放大缩小效果和状态栏上文字的跑马灯效果以及图片的晃动和图片交换这些简单的效果都是不需要些代码的，都是可以通过DW自带的功能面板进行设计的

4.在设计的过程中也遇到了很多的问题，如在模板中不能插图像查看器，不能掺入框架，不然所设计的背景就会被框架进行分割，图片查看器也是在模板中怎么也插不进，刚开始时用DW8的版本进行网页设计的，一位这个版本是最高的，到后来才知道，这个版本很低，以致于后来换DWCS6版本是，两个版本所设计的东西有些地方不怎么兼容，而且最后用不同的浏览器预览时，效果也不仅相同，比如说网页的图片的查看器不能在浏览器中查看等等，不过最后这些问题也是一个一个的进行解决，在解决的过程中也学到了一些东西，并且印象也比较深，最后还是有几个没解决，如不会连数据库，ASP网页预览等等什么的。

网页设计实践报告 篇5

本科生课程设计(实践)设计报告

(大学计算机基础)

题目

学生姓名

指导教师

学院

专业班级

学生学号 孙燕姿 刘辉 李小兰 资源与安全工程学院城市地下空间工程0701 020207011

3计算机基础教学实验中心

2008 年 1月21 日

《大学计算机基础》计算机实践任务书

班级：城地0701 时间： 19（周）2008-1-21（日期）指导教师： 李小兰

一、计算机实践的任务、性质与目的计算机实践是在学完《大学计算机基础》课程后，进行的一项综合实践。在实践当中学生应综合《大学计算机基础》课程的思想方法和知识点，设置一个网站，并在网站上发布一个综合内容的网页。通过《计算机实践》更进一步深入了解和掌握各种应用软件的使用操作及综合应用，重点在培养学生自学计算机应用软件、开发应用、动手和创新能力。

二、计算机实践的配套教材

建议选用：

1．《大学计算机基础》，高等教育出版社，主编 蒋外文刘卫国；

2．《大学计算机基础学习与实验指导》，高等教育出版社，主编 施荣华 王小玲。

三、计算机实践的内容及要求

1．学习掌握HTML语言和网页制作软件FrontPage 2003，制作网页；

2．学习掌握中文演示软件PowerPoint 2003的操作及使用，并用此软件设计一份综合演示报告（如：某公司的产品介绍；我校各专业介绍；学生简历等）挂在网页上；

3．对于网页和幻灯片的页面修饰要求用自己制作的动画、图形、图像；

4．对于网页页面要求至少3个页面（使用超链接），网页中的内容与学生所选主题相关；

5．对于PowerPoint 2003制作的幻灯片要求至少有5张，幻灯片中的内容与学生所选主题相关；

6．学习网站的设置和网页的发布，分门别类地放置在相应的文件夹中，规范网页文件名和素材文件名，网站的首页应取名为index。

作品存放在一个文件夹中，以学号（学生卡上的学号）为文件夹名。

7．用Word字处理软件撰写出相应的计算机实践报告论文（字数要求：2000字左右）。

四、考核方式与评分办法

1.出勤考核成绩占总成绩的20%；

2.设计成果评价占总成绩的 60%；

3.计算机实践报告评价占总成绩的 20%。

4.成绩册成绩评定方式采用百分制。

计算机基础教学实验中心

2006年11月4日

孙燕姿

一、任务内容

所有内容都是围绕孙燕姿展开,有关于孙燕姿的家庭，爱情，朋友，个人喜好，以及她出道7年来的专辑和获奖情况。

二、设计的步骤

我的主题就是孙燕姿这一个明星，因此我只设置了四个网页（包括一个主页），主页相关的三个链接分别有姿之歌（关于专辑），姿之画（关于动画）和姿采弥漫（燕姿的风采），其中姿之画网页中加入PPT的链接，在姿之画网页中专门放置flash，在姿之歌网页中加入word的链接以详细介绍燕姿的专辑风格，在主页中添加背景音乐（孙燕子的歌曲），在专辑中串入一个 flash。

我的所有材料都设置在以我的学号和姓名为名的主文件夹下,以一个以index为名的文件做为主目录，下面又分别设了七个子目录，分别将我使用和制作的内容分为了七类：index.files，flash,powerpoint,word,声音文件，文字及图片。

三、采取的方法与手段

实验过程中主要使用了Frontpage，Powerpoint，Flash三个程序，有时也使用了图象编辑器，对于素材的来源则几乎都是从网上下载的，另外在制作过程中觉得对孙燕姿了解不足，在图书馆借了一本关于孙燕姿的书，从中汲取了很多关于她的信息，大受裨益。具体制作过程如下：

1)在插入背景音乐时，本来是不可以插入mp3格式的音乐，但是通过研究我直接将音乐的扩展名添加到路径中，这样Frontpage就可以识别我所插入音乐的路径，使得观看网页的同时也可以欣赏到孙燕姿动听的音乐《我要的幸福》。

2)对网页进行整体布局时，我先插入表格，然后调整其大小，在制作网页的过程中，发现图片及文字的位置总是在单元格的中间，并不如意，我就通过多次的拆分单元格以使界面上的文字和图象以及背

景图片完美的结合在一起。为了在布局上符合孙燕姿的独特风韵，我在使用背景或者字幕的颜色时，都是使用了孙燕姿最喜欢的黄色。

3)在制作网页中，我大量使用了Web组件，特别是在各个网页之间进

行链接时我采用了交互式按钮，从而使得各个网页之间能够连接自然，同时还设置了悬停效果，使得网页更加好看。

4)由于没有学会制作动态网页，但是为了达到动态的效果，我特意设

定了一个专用于展示flash的动画网页（姿之画），在这个网页上我一共放置了四个flash，让他们同时播放，给人一种不一样的感觉。

5)我的整个PPT是一总分式的思路，第一页就象一张封面，第二页是

对所有内容的总领，列出了下面所有幻灯片的主要内容，并且设置了和相应的幻灯片的链接，从而使所有的幻灯片形成一个有机的整体，这就是我的PPT大致框架。

6)制作PPT时，我引入了大量的图片，包括背景图片，主要以图文并

茂的形式介绍了孙燕姿的个性、爱心、家庭、男友，同时合理的搭配PPT中的各种各样的动画效果，让孙燕姿自然的走入观看者的心中。

7)我发现PPT中文本的布局相当单调，因此我很少按它的布局进行编

辑，而是在它的基础上添加文本，来是使我的布局更加的多样化，设计也更加灵活，自如。

8)另外，我在PPT也设置了和主页的超链接，同时也穿插一些动作设

置，加强各个幻灯片之间的联系。

9)在flash的制作中，我基本上都是在使用课堂上学的技巧，遮罩层，时间轴特效等等，其中，我将多个图层同时使用时间轴特效，并设置时间差，形成‚我爱孙燕姿‛五个字交错放大，效果很不错。

10)另外，在使用遮罩层的时候，我通过改变一个普通图层的属性使得

在一个遮罩层下面有两个被遮罩层，大大加强了图层的灵活性。

11)出于对千千静听歌词秀上的滚动效果的兴趣，我用flash模仿了这

种文字滚动，并在歌唱的部分高亮显示，尽量使其与歌词同步。

12)最后制作了一个让孙燕姿的照片滚动框，这种效果虽然简单却很好

看，我直接把flash的背景调到很小然后让所有要滚动的图片排列在一起，从背景那一小块上滚过，滚过的时候由于背景小就只能看到一到两张图片，这样就形成了图片滚动效果，这个flash占据空间狭小，却很好的增加了网页的色彩。

四、遇到的问题与解决的办法。

在制作网页初期，由于对frontpage没有很好的了解，所以在开始的时候不仅效率低，而且常常出错，后来我通过对相关资料的研究逐渐解除了心中的疑惑，并大胆构思，大胆尝试，初见成效。

1)刚开始最大的问题就是图片显示不出来，有时候把文件名改了一下，或者换了一个文件夹储存都会导致图片无法显示，后来经过分析和多次实验，才知道任何图片的显示都是依靠我们在保存和刚开始设计好的路径来寻找来源，从而显示图片，所以在后来制作的过程中，一旦插入了图片保存好路径之后就再也不去更改它的任何信息（也就是让它的属性保持不变）。另外，我还发现，添加了主题背景了之后就不能在上面添加图片了，所以要在设置主题之前把图片都插好。

2)在设置背景图片时，会发现图片太小的话，背景就变成多张重复的图片拼凑在一起，很不美观，所以我使用图片编辑器对背景大小做了调整，使得背景和网页内容可以很好的融在一起。另外我还利用图片剪辑得到了孙燕姿的个人签名（一般找不到她直接签名的图片，所以我就从有她的签名的照片上剪辑出来），使用孙燕姿的真实签名比使用艺术字更具有真实感和美感。

3)虽然在制作设计PPT时可以选择大量的效果，但有的时候还是觉得

它所提供的效果不太理想，所以常常不断的更改效果寻找我所需要的效果，后来才发现，PPT中所提供的效果是可以自己编辑的，在自定义动画的界面上，可以改变动作的方向，顺序，动作的背景音乐以及动作次数等等属性。

4)在制作flash最先遇到的问题是当我使用多个层的时候往往前一个

层的内容会影响下一个层的设计，使得多次实验都不得成功，通过询问同学学会了锁定层和隐藏层，这样一来，多个图层的操作变得

格外地得心应手。

5)在制作‘照片滚动框’的动画时，遇到了一个相当棘手的问题，这

个问题看似很简单如果不知道，就无从下手，因为要造成图片滚动，所以需要很多图片排成一条竖线，位置又要对齐，因此在移动图片时，如果一张一张的移，工作量非常之大，我想一次把他们都选中整体移动，但是图片的长度却大大超出了窗口的大小，我尝试着使用shift键，结果可以成功地同时选中，但是即使这样还是不能一次选中，也很费事，直到最后我试了一下ctrl+A，就一下子选中所有照片，快多了，移动也十分方便。

6)刚开始我构思了一个遮罩层运动的动画，我设计的遮罩层是一个透

明圆圈，我本来想让给这个遮罩层设置一个运动引导层，让它按我设计的运动轨迹运动，结果不行，设置了遮罩就不能设置引导层，试了好多次还是不行，没办法，我只好通过设置大量的关键帧，形成很多很小时间段的动画补间，形成遮罩层运动的效果，同时设计时要注意一点：要先设置好动画补间，最后再设定为遮罩层。设定了遮罩层之后就不可以制作动画补间了。

五、总结

 首先，我发现我的一个错误，我总以为上了机再摸索就都自然

会了，实际在这次设计过程，理论的研究对我的设计达到了点石成金的效果，所以我认为在做实验之前先要对所使用的程序有一定了解再开始，否则很盲目，自信心也很受到很大的打击。 其次，我觉得我们学的程序很多，但都仅仅只会使用它们很简

单的一部分功能，没有做深入的了解。

 最后，我认为做计算机方面的作业，最最重要的是坚持不懈不

放弃，因为我们在完成某一项任务时，往往要经历多次失败才能找到捷径，由于没找到捷径，做起来特别吃力，但却只有尝试了之后才能找到捷径，所以越是麻烦越是不能放弃，否则就永远找不到捷径，就会更加的麻烦。

网页设计实习报告 篇6

网页设计实习报告1

安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的

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

一、工作介绍

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

二、开发技术

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

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

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

三、工作流程

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

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

四、安全检查

安全检查是是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏漏，很有可能导致网站在实际使用时，遭到黑的客攻击，如果造成了经济损失就无法挽救了。

所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

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

网页设计实习报告2

实习报 告

一、实习目的：通过社会实践，可以把我们在学校所学的理论知识，运用到客观实际中去，使自己所有用武之地。以便能够达到拓展自身的知识面，扩大与社会的接触面。

1、了解平面设计在焦作的市场现状及前景。

2、进一步掌握ps, coreldraw,等设计软件的运用。 3、尝试把学校里学习的平面设计相关理论运用到实习过程中。

4、初探做好平面设计师的方法，熟悉平面设计的方法和程序步骤。

5、培养人际交往与社交能力，为成为平面设计师作准备。

二、实习时间：20xx年1月1日——4月30日

三、实习地点：威美（上海）金融伟德服务有限公司

四、实习内容：平面设计

五、实习总结：

即将面临大学毕业，因为伟德视觉传达专业，想丰富一下自己的知识，所以我找到了一家互联网金融公司做UI平面设计，虽然和我所学的专业有些差异，但它对于我来说是受益匪浅，我所在的公司威美（上海）金融伟德服务有限公司，主要是网页设计为主，也与绘画有所伟德，既然选择这个公司，我就要好好去学，使自己的基础更牢固，技术更全面，在大学里学的知识却不知道如何运用，想伟德多个伟德，因此我非常珍惜这次实习的机会，在有限的时间里加深对绘画对设计的了解，找出自身的不足。实习的内容是学习网页设计(Ps，ai，arp等软件的使用)。

在实习过程中，我深深地感受到作为设计师通常缺乏足够的对市场的了解和对管理层领导上的沟通，做出的设计作品经常会与市场经济脱节；而作为管理者通常缺乏设计基础和审美能力，往往为了追求市场效益，过多地拘束设计师的思维与创新，忽略了设计要素的重要性，造成了设计的庸俗化。

来到公司，第一天进公司，与经理进行了简单面谈后，部门总监把我分配给伟德经理，伟德经理是我的直接领导，所有工作由伟德经理分布。第一天来到公司要赶做两个网页banner，接到文案后就在网络上搜集大量banner素材，找了几个适合这次文案的banner然后用Photoshop简单的修改图片，第一天没有做好，幸好领导说第二天晚上再交给他，于是我就乖乖的回家找图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在在公司，有压力，有不懂的就问，这使我受益匪浅。

后来，公司要更改域名让我参与进行的VI设计项目，让我们锻炼一下自己。公司给了我们一个设计logo的任务。一开始我们设计出的作品并不能符合主观的要求，未能做出很好的方案。市场部总监看过我的方案后，要我进一步去了解公司的性质和作用，要做出更加符合机构精神的logo。经过两天的摸索，我逐渐懂得了一些做logo的技巧和该注意的问题，要伟德实际，要大气。同时也意识到了由于在学校实际锻炼的机会比较少，在软件操作上不够纯熟。而且对于公司的要求理解不够透彻。

很幸运，一进公司便能参与的APP软件设计项目之中，正好锻炼一下自己。由于经验不足，刚开始找不到头绪，不知道该做些什么。在开始的时候，主要还是负责一些比较琐碎的任务。还没有真正地参与到比较完整的伟德设计之中。经过两天的磨合，自己有哪些缺点和不足，便知道了一些。在校的时候由于实际锻炼的机会比较少，所以现在什么都做不好，在软件操作上还是不够熟练。而且对于客户的要求并不能立即做出反应。

我在工作的锻炼中学到了许多课本上无法学到的经验，因为在学校中我们的创意和设计都只局限于作业之中，但如果在公司里，我们的创意还必须得到客户和主管的认同，这是严格许多的。我们必须尽量发挥自己的创意，同时也要兼顾客户的要求和市场的效益。要多与客户沟通，多向主管询问意见，多向身边同事请教。

通过这次实习，在设计方面我感觉自己有了一定的收获，开始了解掌握了photoshop的小技巧，知道了怎么去制作圆角矩形方块、高解析制作、保留选取范围大小、快速隐藏图层等。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题，将来伟德设计工作所要面对的问题，如与it工程师的配合，以及对市场部的伟德沟通。

这次实习对我来说受益匪浅，让我学会从客观的角度来审视自己的作品，在审美方面更加成熟。而在公司，与同事相处，让我学会如何别人打交道。与领导交流，让我学会设计师应有的职业道德。这些经验都让我得到了成长，让我在以后的工作中更加成熟、更加顺利。这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。

班级：视觉传达1203班 学号：1287078 姓名：赵柳柳

网页设计实习报告3

网络发展到今天，建立网站已经成为一个很普遍的问题了，对于一个企业来说，建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场，开展24小时网上营销及高效廉价的定向宣传；与客户建立最直接的交流机制，缩短推出新产品和打开新市场的周期，与富有吸引力的客户群发展客户关系网；与自己的销售人员保持联系，进一步面向本地市场。

出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。

整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。

本站是一个用Dreamweaver、Flash、PHP、SQL server20xx设计编写的美食网站，主要包括6个模块：首页，菜谱，厨房，食材，饮食健康，饮食资讯等。通过本网站系统能提供各种与美食相关的信息以及各种美食信息的交流。与其他企业网站一样，也应通过Internet来对外宣传网站。

建立以Dreamweaver，Flash等技术编写的前台表现模块，为用户提供方便快捷的信息服务与交流。随着网络技术的迅猛发展，互联网的快速发展使越来越多的人选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站系统就要有用户注册和新闻发布两大动态功能。通过以PHP编写，以SQL 20xx作为后台数据库的网站后台管理系统，制作了一个简单的美食网站系统，实现了美食网站用户登陆、注册以及新闻发布等功能。

第一章 项目需求分析

1.1需求分析

互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，无论是短小精悍的个人主页，还是结构清晰、丰富的大型网站，网站的需求分析和规划设计都要放在第一步，因为它直接关系到网站的功能是否完善，质量是否能够达到保证。

1.2实训目的

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。作为一个美食网站，我们的服务群体及访问者都定位在爱好和热爱美食的大众，为为大家服务就是我们这个网站的目的和方向。从整个页面上可以看出，我们的这个整个网站涉及所有热爱美食的人。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样，企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。

通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。

训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。

培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

网页设计实习报告4

一、实习目的

(一) 检验自己是不是真的适合这个职业

鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己所学的专业不是

十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。

(二) 在实践中查漏补缺

在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运

用。希望可以藉由这次实习，好好巩固书面知识。在实际运用中通过发现问题，解决问题对知识进行查漏补缺。

(三) 在工作中打磨自己

由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以

像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里，和同事上司的相处中获得这方面的成长。

二、实习内容

(一) 实习主要内容

广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和

销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作，涉及前台的外观设计和后台的代码编写，以及宣传册的设计。

1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。

1）使用Photoshop、AI等图片处理软件设计、处理和制作网站上需要的图片

2）使用DIV+CSS样式及基础的HTML语言做页面布局的排版

3）使用Photoshop对网页进行配色及排版设计

4）编写CSS代码使网站页面无论是在IE浏览器里还是在FF浏览器上正常显示

2、负责网站的几个主体模块的文案撰写和后台编辑

1）在已有的文案上配合网站架构进行提炼和归纳整理

2）使用Photoshop对文案进行概念配图

3）在后台将文案部分合理配色排版

4）按照网站架构在后台录入所有产品资料

(二)工作过程

在公司的2个多月里，我的工作都是由负责整个网站文案架构的曹经理分配

监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多，学习很多，影响我很多，让我回想起来都是历历在目的事情重点说一下。

1、经理让我按照网页设计师提供的jpg稿变成div和css 。

1）这个任务简单来说就是架构网页框架和完善里面的文本主体。里面涉及很多文本，我觉得既然有具体的设计稿就一定保存有文案，所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是，让我重新输入文本可以帮助检查错误，同时可以让我更熟悉公司的产品和网站的主要内容，对我后面的工作有帮助。顿时知道，一个实习生想到的东四是多么的肤浅，对经理工作上的态度更是肃然起敬。

2）因为经理没想要让实习生负责过于复杂的事情，在这部分工作中设计的div 和css的内容并没有很复杂，需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了，以至于最后通过多次检查，发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度，有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比，看清楚哪个更合适才确定的。

2、经理让我设计几个栏目对应的banner图片

1）由于自己并没有专门学过banner规范和设计方面的专业知识，有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大，但是觉得经理让我去做，就是相信我的能力。所以我也没有慌，按照自己的节奏和需要边学边做。

从整体了解主题：自己找了多个类似的企业网站作参考，通过总结企业网站

中，几个主要的栏目在网站上具体意义，体会这对应的几个栏目banner的设计意义。

思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的

构图，先用笔画出草图，有时候也会直接在脑海里构思。除了从公司的角度，围绕要传达的东西去设计，我也充分意识到要转换身份从用户的角度出发，怎样才可以更吸引人。总体来说就是除了审美上的设计，也考虑很多目的性。

查找素材：素材这个问题我总结了一种思路，电脑里下载一些专业的“科技

信息”图库。另外配合专业在线图库网站(通常是国外站点)+Google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。最后就是不断地观察对比最终效果，看哪几张banner图片更适合整体网站。

2）最终banner图片并没有全都采用我设计的，有一些还是因为不够大气被撤下来了。一开始我还挺灰心，觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下，才给我这个机会去让我发挥一下的，所以我好好学习了别人的图片，看自己的和别人的差别在哪里，不浪费这次尝试性地努力。

3、经理让我参考旧网站单独做一个公司简介的页面

1）我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘，如果想要浏览网站的用户肯停留在这个页面多几秒，或者因为这个公司简介的页面而更信任这个公司的产品，更有冲动订个公司的寄存柜就要在文案的内容上下功夫，就要在表现上更生动，让人看着不会觉得文字流水账，很烦躁。

于是在经理没有给我严格期限的时候，我选择了按照自己的思路去修改文案，

把多余的文字删掉，根据公司的优势修改出精简的几点，变得更有条理更有重点。

这只是对文案的初步处理，接着根据几个要点用Photoshop处理几张概念配

图出来，将公司寄存柜的技术水平之领先，应用领域之众多，销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成，花的时间虽然多，但是最终的效果得到了经理的肯定，对网站的宣传作用起到了很好的帮助，这都是值得的。

三、实习体会

做了2个月的网页设计和编辑的实习生，终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后，经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西。 工作是人生活的重要部分，是我们毕业生必须面对的。就算是遇到困难，我也会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践。

在实习的日子，我学习到了很多如果没有这次经历，就不会有的细腻体会。

(一) 深刻感受到什么是真正的细心

其实在高中甚至到大学，老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里，因为无意和粗心犯下的错误，才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误，正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情，我们都要养成习惯，以细心认真的态度对待。

(二) 主动思考的重要性

从学校走向社会，首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人，一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点，这不是指一直主动问上司有什么事做，而是在别人交付你任务的时候自己主动想一下怎么做才更好，而不是把自己当一个机器人一样。就像做公司简介页面的时候，我把自己做得效果给经理看的时候，经理说“你真的很用心，很负责”，“你做的公司简介那个页面，让我感触很深”。

网页设计实习报告5

一、任务内容

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

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

二、设计步骤

一、构思

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

二、取材

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

三、设计 （一）网页设计

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

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

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

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

（二）幻灯片设计

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

（三）flash设计

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

四、美化

（一）添加背景音乐

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

（二）设计网页过渡 （三）添加超链接

三、采用的方法与手段

（一）使用Frontpage制作网页

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

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

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

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

（二）使用Powerpoint制作幻灯片

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

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

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

（三）使用Flash制作动画

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

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

网页设计实习报告6

这次实习内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应用； “DIV+CSS”页面布局技术;设计电子购物商城主页。我深深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路，这一点在以后的工作过程中是非常有帮助的。

通过这次实习，我也总结出来一些网站建设的基本流程。

制作网页，首先是确定主题。

网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提供最新动态通知。要求系统具有以下功能：

（1）用户登录注册。

（2）提供类别导航，购物推荐，热销商品，加入购物车等

（3）提供会员注册

（4）提供管理员后台管理入口。管理员通过本页面登录后台管理程序。

（5）通过后台对各类信息进行管理和审核。

（6）对网站会员信息进行管理和审核。审核注册本网站的会员，对其进行管理。

（7）友情链接。设置相关的友情链接页面。

主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一个版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个小部分，内容比较充分，多样。确定导航栏的各个分了标题之后对于建立二级子网页尤为重要。

主页的导航设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。我们再对大量收集的资料进行筛选，得到最合适的导航内容的资料。

网站建设中如果大量运用模板，对于建立网站提供便利同时也减少了大量的工序。主页的设计应以醒目优先，应该令人一目了然，勿堆砌太多不必要的细节，或使画面过于复杂。页面给人的第一观感最为重要。网上商城系统采用了敏捷开发的设计思想，我们对整个系统主要分成了2个大模块，即前台交易模块和后台管理模块。而其中各个模块我们又进行了进一步的细分，如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品等；后台管理模块则包括对用户的管理、商品管理和销售管理。使得整个系统具有易用性、个性化、跨平台等特点，同时又保证交易数据的安全、稳定、快速和完整，使其运行得高速、安全、稳定。

商品管理模块，管理员对商品信息的管理主要包括商品以及对商品类别的查询、添加、删除、修改等操作。

订单管理模块，用户选择满意的商品会进行下订单操作，同时会进行确认订单、付款等操作，但同时也会存在未确定订单、未付款等操作。

网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。

通过这次实习，我学到了很多有价值的东西。虽然我不能完成网站设计的过程，把设计中散乱的网页链接成框架体系，但至少使平时学到的知识点有了提高。我感受最深的是：想要最好一个网站，素材和技能都十分重要。好的素材需要多放面查找资料的，可以从图书、网站和新闻上查找的。好的技能需要不断的实践，经常锻炼。只有拥有好的素材和精湛的技能才可以做出最精湛的网页。

网页设计实习报告7

一、实习目的

通过网页设计理论联系实际操作，巩固所学的知识，提高处理实际问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境接轨做准备。

二、实习任务

学习网页设计实际问题处理方法及常规网页设计内容（网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等），网页设计后台管理方面的知识应用，及利用所学知识管理和编辑网站，并从实际出发，简单了解关于网站安全性问题的实际解决措施（md5密码加密等网页设计知识）。

三、实习时间

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

四、实习地点

xx。

五、实习内容

按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下：

1、收集网站所需信息。

2、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。

3、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建。

4、搭建网站所需数据库。

5、网站的虚拟建设和初步完善。

六、实习体会

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。

1、继续学习，不断提升理论素养。在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。

2、加强信心，坚持下去。上学的时候大家都说“能珍惜现在的日子就好好珍惜！”，等工作了才真正的领悟这句话的涵义。经历这次实习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。

实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。

实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟，仅仅是这一个学期的实习带给我的一点想法，今后我会结合学习生活进一步修正。首先是个人学习，通过实习我认识到利用课堂外的时间也是关键，下一步打算结合自己的兴趣，利用课余时间自我培训；其次是社会实践，初步打算是利用假期等时间充分工作，以提高自身实际工作能力为目的，毕竟“想”和“做”是不一样的，这次实习中我也认识到了这点，平时觉得自己能够胜任的简单事情，当真正动手做时却总不是那么简单了；最后，打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。

总体来说，这次网页设计毕业实习，让我受益匪浅，以上是我的实习心得与体会，不足之处望得到指正。

网页设计实习报告8

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

一、工作介绍

我从事网站开发工作，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过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很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查

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

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

网页设计实习报告9

一、确定网站主题

网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，不可能像综合网站那样做得内容大而全，包罗万象。我们没有这个能力，也没这个精力，所以必须要找准一个内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是客户感兴趣的，任何内容都可以，但主题要鲜明，在一定的主题范围内，内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让客户的网站有血有肉，能够吸引住用户，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，而只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我在以后会有详细介绍。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage20__是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等;动画制作工具，如Flash、Cool 3d、Gif Animator等;还有网页特效工具，如需要有声有色的效果，网上有许多这方面的软件，可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的人认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。还有个是我们公司的特色，在网上推排名，这个宣传效果也很显著，人们只要输入关键字最先看到的链接，则就是我们公司推上去的链接，很好用，访问量大大提升。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

通过目前的实习，在设计方面我感觉自己有了一定的收获，也为了我今后在工作及业务上能力的提高起到了促进的作用，增强了今后的竞争力，为能在以后立足增添了一块基石。

但我也认识到，要想做好这方面的工作单靠目前几月的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。

网页设计实习报告10

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

一、实习工作介绍

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

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的.网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

二、初来公司的时候

(一)初级考试

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了__公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

(二)三天的培训工作

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

(三)最后的考核

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，最优秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

我的实习是从大三刚开学，被一位老师推荐到一家室内设计公司实习了!真庆幸自己平时能利用课余时间学到那些设计方面的知识，和大二暑假到那家设计公司实习啊!要不是这些，我想现在就由学校安排到厂工里当普工。但自己最大的收获是将所学的adobe软件用于实践，并且通过实践检验了自己关于设计方面的假设和猜想，取得了一些令自己满意的成绩。

三、正式工作

我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他(她)们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3——4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

四、业余的生活

每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。

五、工作心得体会

明年就要开始找工作了，这次实习，更让我懂得了珍惜现在的生活，校园生活真的非常完美，非常令人羡慕!职场的竞争很大，“逆水行舟，不进则退”，必须时刻提醒自己，督促自己!同时也看到了许多，知道做人比做事更加重要，没有人天生就会，没有人天生就懂，只有不断地努力才能成功，在这里不是每个人都有认为你是什么的，有的人就觉得你什么也不是。你只有付出好好学，做给她们看。证明自己不是虚的，证明自己有实力，名副其实!

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

(4)广告图象摄影和广告插画上，通过对商品在消费使用过程中的情景做出真实的再现，以便来宣传商品的特征，突出商品的形象;或以摄影图形来促发消费者的购买欲望，更直观准确地传达产品信息。真实的反映商品的结构、造型、材料和品质。广告的插画有传统的写实描绘逐渐向夸张、理想化和多边化的视觉表现方向发展，重意念而轻形似，从而有助于强化广告商品对象的特征和主题。在广告排版制作的过程中，使用卡通形象作为产品代言人不但可以以卡通形象的活泼自由，个性化的形象赢得消费者的好感，还省去了请名人做代言的庞大广告支出和风险。

网页设计实习报告11

一、实习目的

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

二、实习时间

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

三、实习地点

xx。

四、实习内容

（一）网站的整体规划

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

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

3、确定栏目和板块：首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。其次就应该考虑导航条的设置了。正文的框架设置（横向因素和纵向因素交错），在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

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

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

1、资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。

2、熟悉制作工具软件：xx、xx、xx。

3、主页制作的基本条件有：xx、xx、xx。

4、硬件：xx、xx、xx。

（三）网页制作

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

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

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

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

（四）网页的调试

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

五、实习收获

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

网页设计实习报告12

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

一、工作介绍

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过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很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查

安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏

漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。

所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

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

网页设计实习报告13

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

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

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

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

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

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

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

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

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

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

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

网页设计实习报告14

UI设计

岗位实习报告

部门：

实习岗位：UI设计

姓名：×××

指导伟德： 杜青道

完成时间：

一、实习目的

实习目的是，通过UI设计相关工作岗位实习使我了解以后再UI设计相关工作岗位工作的特点、性质，学习体验UI设计相关岗位工作的实际情况，学习与积累工作经验，为以后真正走上UI设计相关工作岗位做好岗前准备。

同时通过UI设计相关工作岗位的实习，熟悉实际工作过程的运作体系和管理流程，把自己所学UI设计工作岗位理论知识应用于实际，锻炼UI设计工作岗位业务能力和社会交际实践能力，并在工作中学习UI设计相关工作岗位的新知识，对自己所学的知识进行总结并提升，以指导未来在UI设计相关工作岗位的学习重点和发展方向。

二、实习时间

20x×年03月01日～20x×年06月15日

(修改成自己UI设计相关工作岗位实习时间)

三、实习地点

苏州市经济开发区江南大道

(修改成自己UI设计工作岗位实习地点)

四、实习单位

江苏省苏杭伟德集团(修改成自己UI设计相关工作岗位实习单位)

此处可以继续添加具体你UI设计工作岗位实习单位的详细介绍

五、实习主要内容

我很荣幸进入江苏省苏杭伟德集团(修改成自己UI设计相关工作岗位实习单位)开展UI设计岗位实习。为了更好地适应从没有UI设计岗位工作经验到一个具备完善业务水平的工作人员，实习单位主管领导首先给我们分发UI设计相关工作岗位从业相关知识材料进行一些基础知识的自主学习，并安排专门的老前辈对UI设计岗位所涉及的相关知识进行专项伟德。

在实习过程，单位安排的了杜老师作为实习指导，杜老师是位非常和蔼亲切的人，他伟德UI设计相关工作岗位领域工作已经有二十年。他先带领我们熟悉实习工作环境和UI设计相关工作岗位的工作职责和业务内容，之后他亲切的和我们交谈伟德实习工作具体性质以及UI设计相关工作岗位容易遇到的问题。杜老师带领我们认识实习单位的其他工作人员，并让我们虚心地向这些辛勤地在UI设计相关工作岗位上的前辈学习，在遇到不懂得问题后要积极请教前辈。 毕竟是人生第一次在UI设计工作岗位上，所以真正掌握这一份工作是需要一个过程的。一开始我对实际UI设计岗位的工作内容比较陌生，都不太清楚自己的工作范围和职责，对实习单位的情况也不

太了解，不过杜老师会告诉我该怎样处理自己在UI设计岗位上遇到的问题。慢慢的我也就熟悉了自己的UI设计岗位工作内容，在UI设计岗位上的一些棘手问题也能自己独立解决，每天把工作做得井井有条。

在单位实习期间，我伟德的UI设计工作岗位相关的工作之外，还负责协助其他部门的日常工作，包括制定计划，利用新学习的UI设计相关工作岗位业务知识处理相关文书。

六、实习总结

对于第一次在UI设计相关工作岗位的的我来说，还没有足够的社会经验。经过了这半年来的UI设计相关工作岗位实习，我学到了很多，感悟了很多。特别是在实习单位领导和UI设计工作岗位的相关同事的关心和指导下，认真完成领导交付的工作，和同事之间能够通力合作，关系相处融洽而和睦。在工作中积极学习新知识、技能，注重自身发展和进步，我学会了很多UI设计相关工作岗位理论实践技能，增加了UI设计相关工作岗位相关工作经验。现将这两个月UI设计岗位实习工作遇到的困难及心得总结如下：

实习体会

网页制作设计报告 篇7

1 网页设计与制作教学平台的框架

网页设计与制作教学平台通过提供一个真实的网站发布和展示的空间,使得学生能够体会完整的网站发布的过程,从而获得与实际接轨的实践能力。我们使用FileZilla服务器作为学生上传网站作品的FTP服务器。在FileZilla服务器上可以创建用户,并可以给用户分配主目录,设置访问权限。但是FileZilla本身不支持批量用户的创建。我们在FileZilla的基础上,分析了FileZilla的配置文件的格式以及各参数的语义,开发了批量生成FTP用户的扩展程序。它能够依据学生的学号,快速地在FileZilla中创建用户,并为每个用户在服务器上自动生成对应的根目录。我们还开发了自动生成学生网站作品展示界面的前端页面生成器程序,从而使得学生能够完整的体验网站的发布过程。

网页设计与制作教学平台的框架如图1所示。

其中各部分的功能如下:

FileZilla FTP服务器:负责接受用户以FTP方式上传的网站内容。

Apache Web服务器:负责把用户上传的网站内容以WWW的形式向外发布。

存储:负责存储用户上传的网站内容。FTP服务器和Web服务器共享相同的网站内容空间。

FileZilla扩展:负责批量地创建FTP用户

前端页面生成器:负责根据学生信息自动创建学生作品的展示页面。

2 FTP服务器平台的建立

2.1 FileZilla的配置信息

FileZilla服务器使用“FileZilla Server.xml”作为它的配置文件,其中记录了FileZilla的监听端口以及FileZilla的用户信息等内容。一个FileZilla用户的配置信息大致如下:

其中各行配置的含义如下:

1:用户user01的配置信息起始处

2:用户的密码

3:用户所属的组。同一组用户拥有组的相同的配置,从而减少配置的工作量。

4-6:限制来自某些IP地址的用户不能访问服务器。

7:用户的主目录,即用户登录后进入的目录。

8:用户读文件的权限。如果值为1,则拥有读文件的权限。

9:用户写文件的权限。如果值为1,则拥有写文件的权限。

10:用户删除文件的权限。如果值为1,则拥有删除文件的权限。

11:用户追加文件的权限。如果值为1,则拥有追加文件的权限。

12:用户创建文件夹的权限。如果值为1,则拥有创建文件夹的权限。

13:用户删除文件夹的权限。如果值为1,则拥有删除文件夹的权限。

14:用户列出文件夹的权限。如果值为1,则拥有列出文件夹的权限。

16:用户user01的配置信息结束处

通过对FileZilla配置信息的解读,为自动建立配置信息文件奠定了基础。

2.2 FileZilla扩展的开发

我们使用VB.Net开发了FileZilla批量用户生成扩展工具。通过循环读取学生的学号,使用这一信息作为学生FileZilla服务器上的用户名。根据2.1节的配置信息的含义,自动为每个用户生成相应的配置信息。工具的使用界面如图2所示。

当点击“生成配置信息”后,通过如下的代码批量地生成所有用户的配置信息。

2.3 用户主目录的自动创建

根据学生的学号,我们开发了在服务器上自动创建学生在FileZilla服务器上的根目录的功能。

通过循环读取学生的学号,使用“My.Computer.FileSystem”对象在服务器上创建以学生的学号为文件夹名称的学生在FileZilla服务器上的根目录。

2.4 配置信息的生效

关于所有学生的配置信息生成后,通过先把“FileZilla服务”停止,然后把自动生成的配置文件“FileZilla Server.xml”拷贝到FileZilla服务软件所在的文件夹,并重新启动“FileZilla服务”,批量创建的用户即可生效。

3 Web服务器平台的建立

当学生通过FTP客户端使用自己的用户名和密码登录FileZilla服务器并上传网站作品后,需要通过Web服务把各个学生上传的网站作品展示出来。我们把学生的主目录映射到Web服务器Apache的虚拟目录,并开发了自动生成展示界面的前端页面生成器程序。其中,为学生的每次上传的作品生成对应的通过Web服务器发布的链接。

4 结束语

网页设计与制作是一门注重实践的课程。该文借助FTP服务平台和Web服务平台以及相应的辅助扩展程序的开发,建立了面向网页设计与制作的教学平台,弥补了通常教学环境中由于不具备实际的网站环境从而无法为学生提供完整的网站建设过程讲解的缺陷,使得学生能够获得与实际接轨的完整的网页设计制作的经验。

参考文献

[1]Bradley J C,Millspaugh A C.Visual Basic.NET程序设计[M].李旭,译.北京:清华大学出版社,2008.

[2]Randolph N.Visual Studio2010高级编程[M].任鸿,译.北京:清华大学出版社,2012.

[3]Powers L,Snell M.Visual Studio技术大全[M].刘彦博,译.北京:人民邮电出版社,2009.

[4]FileZilla project[EB/OL].http://filezilla-project.org.

[5]Apache HTTP Server project[EB/OL].http://httpd.apache.org.

网页制作设计报告 篇8

关键词：就业导向；中职；网页设计；制作教学法设计；企业

一、理论与实践相结合

长期以来，中国的教育一直处于理论与实践脱轨的状态，中国学生的理论知识掌握相对其他国家的学生要扎实许多，但是动手实践能力却弱于其他国家的学生。中国学生的创新能力在应试教育模式下也得不到施展发挥。而中国的中职教育正是在转变传统的应试教育，更注重学生的实践能力的开发。在计算机教学中，教师应该首先提高自己的专业素质，在讲授理论课程时，多与现实需要相联系，不要枯燥地把理论“填鸭式”地灌输给学生，在学习理论时要多注意学生课堂表现，尽量避免学生产生困倦感，甚至是厌倦感，要运用先进的教学方法，探索全新的教学模式，提高学生的学习兴趣。学生应该从无目的地使用计算机，到有目的地运用计算机，再到独具匠心地创造计算机软件，这才是计算机教学要达到的目标和目的。计算机人才是国家未来建设必需的人才，而中职教育正是能够为国家快速、大量供应计算机人才的基底。在中职教育中，一方面学校要加强学生的理论学习，但是绝对不能是“先学后懂”式的理论教育；另一方面，学校要为学生提供更多实践的时间和机会，使学生边学边懂，学完就懂，成为理论与实践相结合型的现代计算机人才。

二、以就业为导向紧跟企业需求

中国经济正处于稳增长、调结构的关键转型期，对专业人才的需求量依然比较多，中职学生的就业前景依然是光明的。现代企业在招聘过程中常常遇到毕业生理论与实际脱轨的状况。毕业生的学历很高，但是动手能力却相对欠缺。高学历的毕业生在企业中也只是一个实习生，这样的现实使企业人力资源部门也十分困扰。企业不是不需要高学历的人才，但是在学历与实践之间，实践能力强的学生更受企业的欢迎。中职学生应该一边将专业理论知识的基础建牢固，一边在学习期间多寻找兼职的机会，在实践中积累经验，向有经验的前辈学习更多书本以外的知识，其中也包括人际交往能力、组织能力、领导能力等等。在企业工作中，学生不仅要有坚实的技术支持，良好的人际关系也会促进工作的顺利完成。鉴于当下的就业竞争压力，中职院校必须以就业为导向，为学生规划长远的就业目标，跟上时代的脚步，不能再墨守成规。例如，使用“Dreamweaver软件”制作网页，在“规划站点结构”的学习中，在创建Web站点页面之前，要对站点的结构进行设计和规划，决定要创建多少页，每页上要显示什么。我们可以通过把文件分门别类地放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。此外，学校应该加强与企业之间的交流，根据企业的实际需求制定切实可行的计算机网页设计课程。学校和教师绝对不能闭门造车，关起门来教学既是对学校发展的限制，也是对学生发展的不负责任。学校与企业之间建立长效、高效的交流机制，将使企业和学校获得双赢的效果。

三、以就业为导向加强实践能力

中职教育是现代教育体系中一个重要的补充，优质的中职教育将解决一批年轻人的就业困难，也为国家和企业提供亟需的技术型人才提供了保证。但是传统的中职教育往往与实践有一定的距离。针对中职院校的教学弱点，学校应该建立起以就业为导向的中职教学方式、方法。例如，“Dreamweaver软件”中“文件与文件夹的管理”的学习中，对建立的文件和文件夹，可以进行移动、复制、粘贴、重命名和删除等基本的操作管理，使学生在运用这些知识的时候能够更准确、熟练。在相对短的时间里，既能让学生有比较扎实的理论支撑，并且有相对熟练的实践能力，在进入工作岗位时，能迅速投入到工作中，又能能把工作做好。在就业问题上，学生依然是参与的主体，学生本身应该对就业有一个正确的认识，不要好高骛远，急于求成。在工作中应该从基础开始，循序渐进，才能取得成功。

在网页设计教学过程中向学生介绍新的网页理论知识如PHP、ASP动态设计技术，重点通过各种网站种类来学习设计思路比如学习个性展示类网站、影视音乐类网站、企业产品类网站。

随着社会需求的变化，对学校和学生的要求也在发生变化。作为社会教育的一种补充，中职教育在社会发展中的作用也越来越明显，但是在复杂形势下中职教育也存在各种各样的问题。学校教育与社会需求脱轨便是最突出的问题。中职教育不应该是以不变应万变的陈规式教学模式，而是应该以就业为导向，以企业对人才的需求作为教育的指示，积极与企业沟通合作，把握住市场对人才需求的脉络，让中职教育真正成为社会人才补充的中坚力量。

参考文献：

[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[J].南昌大学，2012（6）.

[2]卢德清.以就业为导向的中职网页设计与制作教学法设计[J].时代教育：教育教学，2011（4）.

[3]张亚德，任焕茹.保定职业技术学院成为省示范性就业指导中心[N].保定日报，2011.

（作者单位 广东省恩平市中等职业技术学校）