网页美工实习报告

1、网页美工实习报告篇一：网站美工实习报告广东岭南职业技术学院学生毕业实习手册二级学院： 电子信息工程学院专 业： 10 软件技术 3 班年 级： XX 级姓 名：实习单位： 广州文堂教育咨询服务有限公司实习时间：指导教师：明德笃学砺能自强毕业实习概况 篇二：网站美工毕业实习报告网站美工实习报告一、实习目的实习是每一个大学毕业生必须拥有的一段经历，它使我 们在实践中了解社会、在实践中巩固知识；实习又是对每一 位大学毕业生专业知识的一种检验，它让我们学到了很多在 课堂上根本就不到的知识 , 既开阔了视野，又增长了见识， 也是我们走向工作岗位的第一步。实习是大学进入社会前理论与实际结合的最好的锻炼 机

2、会，也是大学生到从业者一个非常好的过度阶段，更是大 学生培养自身工作能力的磨刀石，作为一名刚刚从学校毕业 的大学生，能否在实习过程中掌握好实习内容，培养好工作 能力，显的尤为重要。半年里，我严格按照厂人事部下发的 * 实习大纲，认真研读，逐一学习，在思想行动上，努力做 到“想实习，会实习，实好习” ，把培养工作能力，提高自 身素质作为己任，圆满的完成了本阶段实习任务。一是加强思想学习，主动与矿领导沟通，努力提高思想 水平。思想是人的灵魂，是人的内在力，要想把实习任务完成 好，首先要把思想调整好。领导十分重视大学生成长，为此 特地为我们制定了 “双导师实习制度” 。双导师， 顾名思义， 就是两位

3、导师，工人导师是教授生产技术的，而领导导师是 在思想上引领大学生，为其排忧解疑，指引方向的。在此优 势下，我主动与领导进行了沟通，在领导的尊尊教导下，我 对实习有了更为深层次的理解，更明确了我的工作目标，在 思想上使我对未来的工作有了新的认识，在行动上使我对未 来人生有了新的规划。二是注重联系实际，理论与实践相结合，努力提高实习 质量。在实习过程中，我发现，大学里所学专业知识和现场实 际生产是分离的，它们各有侧重点，一个偏向于理论，一个 偏向于实际，但它们之间却又存在着联系，比如说抽油机： 在课堂上我学过抽油机是如何运转的，以及抽油机运行的理 论模型公式。 而现场上， 我们看到的是抽油机的各个

4、零部件， 以及它们之间是怎样默契配合。表面上似乎二者无关，但仔 细分析，我们会发现，抽油机的各个零部件正是按照理论模 型原理在运行着，公式中的相应参数正对应着抽油机中各个 部件实现的功能，他们之间存在着因与果的联系。因此，实 习中，我们在重温课本上知识同时，将书本中的理论与实际 生产部件相对应，将课上公式与实际生产数据相对应，这样 不仅可以使理论知识记得更为牢固，还可以在本质上理解生 产上各设备、 器件的作用、 原理，为今后工作中的技术革新， 改进发明打下了良好的基础，极大的提高了实习质量。三是热爱实习岗位，积极承担岗位职责，不断提升实习 效率。“爱岗才能敬业” ，热爱实习岗位才能完成好实习任

5、务。 在实习过程中，我努力培养自己对实习岗位的热情，珍惜在 岗上的每一分钟，努力学习岗位上的相关知识，积极承担岗 位上的责任义务，努力做到能够独立顶岗，能够独立完成岗 位上的相关操作，对岗位技能知识做到“懂，会，做” 。一份劳作， 一份收获， 我坚信自己的努力一定会有回报， 而我将会仍然继二、实习内容1、实习主要内容 整体工作：我的工作就是负责设计整 个网站的页面部分 , 根据网页设计师或客户所提供的主题要 求来设计出整个网站。(1)、使用 photoshop 、 AI 等图片处理软件设计、处理 网站上需要的图片。(2) 、使用DIV+CSS样式及基础的 HTML语言做页面布 局的排版。(3)

6、 、PS网页配色及排版设计。通过色彩结构、平面结 构和立体结构三大结构构成；(4) 、编写CSS代码使网站页面无论是在 IE浏览器里 还是在 FF 浏览器上正常显示；2、工作过程在普金公司的一个多月了，我刚开始从处理简单图片到 组后让我独自一人修改了公司一个小型网站，收获可谓不少 在。下面让我来说一说，我在这段时间做的事情。( 1 )、了解主题：刚接到任务时，我对于如何修改毫无 头绪，于是我首从网上了解了一些相关基本常识及想类似网 站的页面风格。( 2)、思考配色与构图：对整个内容有了一了解后，便 要思考作品的色彩和具体的构图，先用笔画出草图，也可以 直接在脑海里构思。色彩要显示出稽查的专业与

7、严谨，所以 选择蓝色作为主色调。（ 3）、 查找素材：其实素材这种东西总是数量大于质 量，我可以很轻易的下载到许多许多的素材，但却很少用的 到它。这里我总结了一种思路，电脑里下载一些专业的“万 金油”图库，这种图库通常种类齐全但图片很一般。另外配 合专业在线图库网站（通常是国外站点）+Google ，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的 素材，选择是非常大的。（4）、设计、修改页面：这个阶段时耗时最久的，但总 结出来却是非常简单的步骤，即不断地处理页面元素、将处 理好的图片、动画等添加进网页、编写HTML/CSS弋码。（5）、修改： 作为实习生，上交的任务被打回来重做 是

8、正常不过的事，自信的我也没能逃过返工的命运，重新构 思、处理元素、写 HTML/CSS弋码？?重复一切你做过的事3、对于页面处理的总结 作为一个网站美工除了要掌握网页三剑客 ,ps, 这些必 会的软件以外，还要对HTML CSS甚至JavaScript用的很熟,对ASP或PHP或jsp也要有一定的了解。除此之外，要 想做出来的页面美观、使用方便还需达到以下几点：（ 1）表达一定的艺术效果 一个成功的网站应该把网页设计得吸引人，同时又要传 达设计思想和情感。网页作为一种媒体，它必须具有一定的 艺术感染力，一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢，更不要说让浏览者去注意它的内容了。

9、（2）页面结构清晰可读性强 经常可以看到这样的页面，上面堆砌了许多内容，却没 有考虑它的空间框架，让人看了无法知晓哪些内容才是最具 发言权的。没有流畅的视觉流程，这是典型的没有注意到编 排清晰度、可读性的表现。好的网页应该将它要突出表现的 内容放在浏览者一眼就能看到的地方。网页上每一个像素对 浏览者眼睛的吸引力有所不同，浏览者大脑对于不同位置内 容的印象也有所不同。通常来说，普通浏览者浏览网页时会 忽略网页两端的“广告区” 。（3）实现不同的功能 在网络这条信息高速公路上，网页最主要的功能就是一 种传递信息的手段。因此，它一切内容都是为了这个目的而 服务，都是要围绕这个中心进行设计的。然而，要

10、实现这个 功能，网页的美工设计和内容都必须有针对性。 所谓针对性， 就是指对不同类别的网页要求采用不同的美工艺术效果。（4）网站风格要符合网站的类型 在设计网页之需要做大量的准备工作，需要思考以下几 个问题： 1、网站的类型：站点属于新闻、娱乐、商务类的 综合站点，还是个人主页；不同的类型，决定着网站的不同 风格，包括主色调、排版等。如果浏览者主要是年轻人，页 面就要设计得基调明快，活泼富有朝气；如果针对的群体是 政府工作者或科学工作者， 那么页面就要设计得严谨、 严肃、 理性、科学；如果针对的群体是妇女儿童，页面则要设计得 温馨、友爱、轻松；如果针对的群体是恋人或从事艺术工作 的人，页面就要

11、设计得浪漫并有艺术感。(5)页面的兼容性强 每个上网的人对于浏览器有着不同的爱好，就大部分来 说，IE和firefox 是两个有着很大区别却都拥有不少支持者 的浏览器，即使是使用同一浏览器，也有着不同版本，而不 同版本间，页面显示或多或少存在着差异。一个好的网页设 计，就是至少要使网页在主流浏览器的大部分版本都能较好 的显示出效果，而不是在 IE 上是非常华丽的一个页面，而 在 firefox 上却是杂乱无章。(6) 一切用户至上 网页设计不同于艺术设计，只要设计者喜欢，任其天马 行空。而网页设计则不能如此肆意妄为，网页设计必须考虑 到用户使用时的方便，以至于网页设计师必须考虑到同一页 面在不

12、同分辨率的显示器上、不同浏览器上有什么不同的显 示效果。甚至于要考虑到用户浏览器如果关闭了CSS 和JavaScript 页面将会怎样。 只有在各种情况下， 用户都能方 便浏览网页，这才是一个好的设计。三、实习体会 做了一个多月的前台美工，终于体会到网页设计无非是 图文混排的那点事。 不过，当你真正的去努力的创造了之后， 结果却并不会每次都是好的。太多自己精心设计的东西，被 别人一眼就否定了。 当时心情真的很糟糕。 不过，现在想想， 这都些都没有什么，这也无非是成长中常常要遇到的事罢了。 通过实习，我不仅将自己在学校学过的东西通过实践进步一 巩固，也通过向公司的人请教学到很多工作上的技巧，更通

13、 过实习体会到很多没有人会教授给你的东西，如：如何处理 同事间关系、如何面对上司、如何处理工作、如何调整对工 作厌烦的心态等等。工作是人生活的重要部分，是我们毕业生必须面对的， 不论是消极还是积极，都会给人带来不同感受。而精彩的生 活往往有来源于有意义的工作中，所以我不会让自己因工作的烦恼、困难和压力，困扰自己，使自 己工作情绪化、生活情绪化。遇到困难我会用平常的心态实 际看待问题，不说“不可能” ，而是冷静下来思考如何处理 并付诸于实践，告自己 just do it ！在实习的日子，我努力做到以下几点：一、继续学习，不断提升理论素养。 在信息时代，学习是不断地汲取新信息，获得事业进步 的动力

14、。作为一名年轻同志更应该把学习作为保持工作积极 性的重要途径。走上工作岗位后，我积极响应单位号召，结 合工作实际，不断学习理论、业务知识和社会知识，用先进 的理论武装头脑，用精良的业务知识提升能力，以广博的社 会知识拓展视野。二、努力实践，自觉进行角色转化。理论是灰色的，生活之树常青，只有将理论付诸于实践 才能实现理论自身的价值，也只有将理论付诸于实践才能使 理论得以检验。同样，一个人的价值也是通过实践活动来实 现的，也只有通过实践才能锻炼人的品质，彰现人的意志。 从学校走向社会，首要面临的问题便是角色转换的问题。从 一个学生转化为一个单位人，在思想的层面上，必须认识到 二者的社会角色之间存在

15、着较大的差异。学生时代只是单纯 的学习知识，而社会实践则意味着继续学习，并将知识应用 于实践，学生时代可以自己选择交往的对象，而社会人则更 多地被他人所选择。诸此种种的差异。不胜枚举。但仅仅在 思想的层面上认识到这一点还是不够的，而是必须在实际的 工作和生活中潜心体会，并自觉的进行这种角色的转换。三、提高工作积极性和主动性在今后的工作和生活中，我将继续学习，深入实践，不 断提升自我，努力创造业绩， ，继续在自己的工作领域创造 更多的价值。在这段实习的时间里，我经历了很多以前没有的事， 就比如第一次领工资。只是一点点的钱，但却是我人生的转 折点。实习是为将来打基础的重要阶段，珍惜自己每一个工 作

16、的机会，不论什么人，什么学历，从事什么工作，好好的 表现、展示自己的能力，不要错过好的机遇。没有一件事情 是轻轻松松的， 但每一件事都是让人成长的， 经历一段过程， 喜悦或是艰辛，尽管经历的方式不尽相同，但它的结果是相 同的，我们都会因涉事而成长。篇三：网页美工实训报告网页美工实训报告万里驾校网页设计一、整体结构及主题 关于万里驾校这个网页， 主要包括 1 个首页和 5 个子页， 首页内容比较丰富，主要从整体上对驾校的信息进行布局， 从首页可以很清晰很明了的看出整个网站包含那些信息，使 网页更具可读性，亦利于浏览；网页的结构主要为两栏式 , 上下式和三栏式， 整个网页以简洁大方为主题， 网页的

17、 logo 主要包括一行中文字样，一行英文字样，一个简单的奔马型 图标，其中中文字样在上，英文字样在下，图标在右，这个 logo 在整个网页的左上角， 在右上角与之对称的则是搜索和 导航栏，在首页的设计中， 网页留白比较多， 相对美观简约， 以白色为主色调，简约大气，一目了然。二、网站框架结构图三、网站色彩搭配 网站主要采用冷色调和中性色调，以棕色和白色为基调， 这使得网站看起来简约、而不失大气沉稳，比较有深度，更 具说服力和浏览性。Logo 是我根据该公司的名字设计而来， 以一个奔跑的马 为主体，象征着“万里”二字，其颜色是比较中性的棕色， logo 中英文的色彩亦采用与 logo 相同的色

18、彩， 保持统一性。导航的背景颜色均采用的棕色，文本色彩是白色，这样 与背景颜色相异，美观也利于浏览。并根据浏览者所在的页 面将其文本颜色设置成与背景相异的明亮色系，黄色，下划 线的色彩亦如此，这使得浏览知道自己所在的是哪个网页， 利于阅读，也是网站不至于太过单调、沉闷。整个网站的文本颜色主要以棕色为主，色系较深，更能 突出网站所要表达的内容，也利于浏览者查询到自己想 要的内容。在一些栏目部分的文本则是采用比较醒目的暖色 调橙色，使人一目了然，也使网站不至于太过单调、沉闷。图片色彩均是采用的深色系，使其看起来更具流动性， 不至于单调、呆板。 网站中的方框采用的是棕色和灰色， 给人的整体感觉比较正

19、直与坚持，方方正正却不显得呆板， 内容简洁的同时又不会单调枯燥乏味，留白部分较多，浅色 背景搭配深色文字，二者对比的反差让人能更深刻的记住该 网页，同时看字的时候会更清晰。四、网站布局设计1、 整个网站的各页面的页眉页脚均是采用的相同模式，如 logo 、搜索、导航和网站版权信息，保持统一性，使人一目了然。简洁，明朗。 2 、 首 页布局首页的中间部分以上下框架模式来布局，由公司简介、 学车班别、新闻中心、新闻动态、通知公告、汽车资讯、你 问我答、视频教学等 8 个栏目组成。视频教学部分以图片为 主，以此呈现滚动的模式，使网页更具流动性、观赏性。上 框架由一个汽车图片和公司简介两部分构成，与网

20、站主题贴 切。下框架则是由五个方框构成，布局紧凑，条理清晰。如 左图所示：3、 子页布局“关于我们”子页的中间部分以上下框架模式来布局， 由公司文化、联系我们、汽车保养等三个栏目组成；其中汽车保养采用与 首页视频教学同样模式；其布局是上下框架模式，上框架以 三个汽车图片构成，与网站主题贴切，符合驾校所要传达的 理念；下框架则是由三个方框构成，布局紧凑，条理清晰。“在线报名”子页则以左右框架模式布局，整个页面由 三个方框组成，布局紧凑，条理清晰。左框架又以上下框架 模式布局，由两个方框以及图片构成，图片的插入使网页更具流动性、观赏性，不至于呆板、单调。整个页面 由登录、学车流程、服务网点、报名资料、身体条件等 5 个栏目组成；服务网点以图片 链接的方式呈现。“模拟考试”子页以左右框架模式来布局，由导航、模