网页设计实习报告

1、实习报告实习性质： 网页布局实务课程实习 学生姓名： 黄小蝶 专业班级： 计网131 指导教师： 邵亮、刘铭 三号黑体 行 距：固定值40磅 实习时间： 2014年12月29日- 2015年1月2日实习地点： 1303 重庆工程职业技术学院学 生 实 习 考 核 表学生姓名专业班级指 导 教 师黄小蝶网络131邵亮、刘铭实习时间2014年12月29日- 2015年1月2日实习地点学校计算机实验室实习名称网页布局实务课程实习自我总结从学习了一年的网页设计这门学科来看学到了一些经验，当然自己也有很多不足，下面我做了以下总结。 知识点不够扎实,学习马马虎虎,不够刻苦认真。对软件的运用只停留在基本的绘

2、制图上，学得不精。 对网页设计的基本要求不够熟练掌握，在设计绘制网页平面图上会出现一些技术上的差错。针对这一不足我认为自还是应该看一些这方面的书籍。 设计感方面还不够足，针对这个我觉得自己还是应该多看看别人的优秀的网站吸取一些知识经验。 指导教师意见考核等级15 / 17文档可自由编辑打印目录1 实习目的32 实习概况42.1 实习要求42.2 实习时间42.3 实习环境42.4 设计环境43 实习内容43.1 制作设计项目分析43.2 制作设计项目记录53.2.1 绘制chictopia服装网站设计图以及步骤分析53.2.2 绘制野兽派花店网站设计图以及步骤分析114 实习总结124.1 学

3、习所得124.2 经验教训154.3 学习体会151 实习目的网页设计与布局项目化教程项目实习是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对课程学习效果的检验。通过本课程设计的实习，进一步提高学生对网页设计以及ps软件的操作能力，学生其间应以对课程设计负责的态度，认真做好设计，拓展想象空间，努力创作出富有个性的设计作品。 2 实习概况2.1 实习要求（1）总体设计要求绘制准确，设计信息传达准确，布局合理，构图富有创造性，色彩搭配符合设计需要，风格不限。（2）课程设计成绩根据课程设计实习报告质量和考勤给予评定。 2.2 实习时间2014年12月29日至2015年1

4、月2日2.3 实习环境学校计算机实验室2.4 设计环境l Photoshop软件3 实习内容（1）绘制chitopia服装网站设计（2）绘制野兽派花店网站设计3.1 制作设计项目分析（1）绘制chitopia服装网站设计（2）绘制野兽派花店网站设计要求：1根据作品要求，明确画布大小；2根据作品需要，能正确勾画出图形的形状；3根据作品需要，能够进行大量的复制并调整层次；4简略撰写设计创意及记录实习制作过程。3.2 制作设计项目记录3.2.1 绘制chictopia服装网站设图 Logo 登录注册按钮导航条视频1视频2文字介绍文字介绍视频3底部图3.1 chictopia网页框架设计效果图图3.2

5、 chictopia首页设计页面效果图首先网站首页我是以简单大方的白色为主色调，三个视频作为首页的主要的视觉点，顾客可以直观的最有效最快捷的知道品牌的最新动态。同时视频的制作更能体现品牌档次感。一顶部部分。1.LOGO图3.3 chictopia logo设计图如图3.3，在logo的制作上，我直接采用了他们自己设计的logo，直接放大到人们视觉感受非常舒服的一个点，直接给顾客展示了品牌的形象标志。2.导航条如图3.4 导航条以及交互的设计效果图如图3.4，导航条部分，我采用了方正兰亭超细黑简体，并运用了一个浅灰色作为主色，交互部分的话，大家可以从图上看到，当鼠标放在导航条的某一导航按钮处时，

6、导航按钮处就直接会从浅灰色变为黑色，下拉菜单也会直接显示出来，下拉菜单的背景我运用的是一个中灰色，菜单中的每一项选项我是以白色背景作为凸显，整个设计简单大方为主。3.登录注册按钮图3.5 登陆注册按钮设计效果图如图3.5，在登陆注册按钮的处理上，我运用的是黑体浅灰色，颜色呢是跟导航条颜色是相一致的，用黑体作为设计是为了凸显它的严谨性。二中间部分图3.6 首页视频展示效果图如图3.6，中间部分，三个视频的呈现直接成为视觉点，在如今信息化社会，人们的生活节奏加快，没有人愿意静下心来读一篇文章，哪怕再升东在打动人。这些不要紧，我们也许可以换一种方式，比如以图片视频的方式把想传达传达给人们。所以在这里

7、我直接做了视频的设计，非常直观的让顾客们了解到我们的品牌。当然在视频的处理上我也不是单纯的随意的摆放了三个视频。我把第一视频直接作为第一屏，整个全部铺满屏幕，顾客可以在点击观看完第一个视频后，鼠标直接向下滑动，接下来会看到后面的视频，在后面两个视频的摆放设计上，我就做的小巧精致一些，并没有像第一个那样直接摆放整个屏幕，因为重复前面的会显得呆板和没有设计感。在视频旁边还有视频的文字介绍，这里我采用了幼圆字体对其进行设计。三底部图3.7 首页底部设计效果图如图3.7，底部的信息块，我做了一些微博微信的分享按钮，以及二维码的扫描按钮，在底部右下方我做了一个回到顶部的按钮，政委杨方便的顾客浏览者。Lo

8、go 品牌介绍 返回按钮导航条图片回到顶部文字介绍底部图3.8 子网页框架设计效果图图3.9 品牌介绍页面效果图如图3.9，子网页的设计排版我也是用的上中下的设计，我用两个分割线作为顶部和底部的分开。上面部分的logo我放在了左边，因为这个界面主要是品牌介绍，把品牌介绍放在了居中的位置，右边为了方便顾客们回到前面浏览的页面我做了一个返回按钮。中间部分的话，我设计的左右结构，左边做了一个二次导航这里方便了顾客可以跳转到另一个页面。以及中间右下角部分我做了一个回到顶部的按钮，同样也是为了方便顾客。下面部分的话，大同小异，做的是一些分享。图3.10 设计师页面设计效果图如图3.10，后面的网页布局都

9、跟前面的是一样的，不同点就在于内容的不同。在设计师的页面处理上，我直接查了几张有关设计师的图片，当然用户可以哦根据自己的喜好放置自己喜欢的有关设计师的图片。图3.11 2015春夏系列页面设计效果图如图3.11，这个页面主要是产品展示的页面，大体布局和前面的子网页都是一样的，产品的摆放我做的是平铺，简单直观的将品牌产品信息展现给大家。另外的两个我没有做出来，主要是大同小异，排版布局都一样，用户可以直接在里面添加内容。3.2.2绘制野兽派花店网页设计导航条导航条首页大图1小图1小图2小图3空白空白小图4小图5小图6空白小图7小图8底部信息块图3.10 野兽派花店首页页面设计效果图如图3.10，网

10、页的整体是运用了三个版面，以大图为主的排版给人直观的视觉感受。一.顶部顶部以黑色为底做了一个版块,我把logo放在了左边,搜索框放在了右边,当消费者想要选择自己想要的商品的时候就可以在此处选择搜索,旁边还坐了一个商业化的购物车。右边我做了一个会员中心的我按钮,可以注册和登陆自己的账号。二中间部分中间部分以大图为主，第一屏当中导航条放在了左边，并把二维码放在了左边，这一次采用放在第一屏而不放在最下面，主要还是为了方便顾客。在这里还做了一个微信商店的按钮，顾客可以关注微信商店。三底部底部信息我做的有点详细，毕竟想到是一个商业化的网站，委方面顾客了也方便自己，不管实在客户服务上还是购买支付，售后服务

11、方面我都做了详细的处理。同样右边还是做了个回到顶部的按钮。4 学习总结4.1 学习所得对于学习了一年的网页设计这门课程，当然学到了一些知识，也知道在一些方面的不足。下面我总结了自己一些学习方面的学习所得。一掌握了一些专业方面的知识。从最初的不太了解到现在慢慢熟悉并能熟练地运用掌握。学习仿佛就像谈恋爱，你爱它你就会去了解它，想知道它的一切，想走进它的心里，知道它的一切。学习亦是如此，你喜欢这门课程，你就会去慢慢了解它，哪怕最初什么都不知道，只要你喜欢，不怕不懂就怕你不爱去做，当然如果你喜欢，那么自然而然你就回去做。首先从了解这门课程开始，最初有些朦胧，但后来你会发现特别有趣，后来你就会越来越喜欢

12、这门课程，并不断地学习它，然后熟练地掌握它，你会特别有收获，掌握专业方面的知识，觉得特别有成就感，感觉学习就是一个享受的过程。二网页设计方面的美术设计感还要加强。学习了一年多的网页设计美术设计，在设计感上却是比起最初不太懂设计的时候要进步得多，我相信自己多看多浏览别人的设计作品会得到很大的进步，虽然现在还是个初出茅庐的小生，设计感方面还是欠佳，对于那些大牌网站我们需要借鉴，但太过于大牌的网站我们却驾驭不了，毕竟我们的经验还太少，还是因该从基本简单一点的开始。 不断进步，以刻苦不断进步为中心。三 不断进步，找出自己的不足。为了提高效率，在制定计划时，要适当给自己“压力”，对每一科目的预习和复习要

13、做到三限制：即限定时间、限定速度、限定准确率。这种目标明确，有压力的学习，可以使注意力高度集中，提高复习效率。同时，每学习完一部分时，都有一种轻松感、愉悦感，会更充满信心地复习下去。对照计划反省，计划一旦制定，就要雷打不动地完成，如有完不成的，也应立即在次日加倍补上。如：反省自己，当天的计划完成了没有，明天先干什么？再干什么？如果完成的好时可奖励自己一次；如果完成的不好时可惩罚自己一次。这样做，既有约束力又有可操作性，每天都会感到在进步。一段时间后，还应该根据自己的学习情况，对计划做出进一步完善，使其更好地促进学习。 4.2 经验教训 学习网页设计是一个循序渐进的过程，如今网页设计是一个热门的

14、技术，同时也算比较吃香的技术，虽然懂的人很多，学的人也很多，单身真正技术水平过硬的却很少。并且网站技术分工很细。总结下来经验还是要运用，只有把它再用于工作生活当中，才称之为经验，就从我学习了一年的网页设计来看，也做了不少作业，但是感觉这些作业都是按照自己的能力水平而来的，并不能拿到真正的外面去和别的作比较。学习是自己的事。我们应该主动积极的去学习，可以问老师问同学，到图书馆查询书籍。总之只要是利于学习的方法都是可取的。同时也可以通过给别人讲，可以把已学过的知识再次梳理，而且可以把原来虽然也许懂了，但不一定很清晰的知识简约化、条理化，更加便于记忆，以达到更加巩固的目的。很多时候我们都缺乏学习的主

15、动性，从学习来看每一次的学习仿佛都是在老师的督促下面完成，没有自主性积极性。我认为作为一个大学生我们应该主动积极的去学习，掌握知识了解不足。从学习了一年多来看，还是觉得自己设计感和专业只是不够熟悉。我认为在设计感方面还是应该多家看书多看杂志，多看别人的网站和优秀的设计，专业知识方面，还是应该多看教科书和多听老师的讲课。从而学得专业的有效的知识。4.3 学习体会大学第二学年就快要结束了，我必须总结在这一年的得与失，才能展望以后在校这几年该怎么发展，才能看清未来的路怎么走。在学习方面，首先是端正了学习态度。从最初刚刚进入大学只想放松在重压解放下到现在只想通过学习强化自己的专业知识的理念发生了彻底的

16、变化。在学习过程中一直以“独立思考”为座右铭，从中锻炼到自己的耐心与解决问题的决心，让自己的心智有了质的飞跃。自己在专业知识也有了很大程度的提高。使我体会到学习的乐趣，我与身边的很多同学建立了良好的关系共同完成各个项目。这个学期也值得一提就是参加了全国计算机技术与软件专业程序员考试，顺利通过此次重要的考试，让自己的专业知识给了很大自信，让自己更大程度上相信自己的专业能力。此次考试前前后后，我纵览了很多计算机的参考书，我一直相信这么一句话“机会是留给了有准备人的”所以大学四年就是我们走出社会前最大的考验，所以我们得必须好好准备，用专业知识武装强化自己在这人才济济之中脱颖而出。就知程序员考试通过那

17、一刻开始，我就有更远的目标与更大的决心参加软件设计师认证考试，这是自己更加专业化的一次考试，所以在未来大三第一个学期必须继续奋斗努力。在过去的一年里我一直注重英语方面的学习，但是自己英语基础不是很扎实。但这个不重要，四级成绩也证实了我是有能力也有信心在下一次考试一定通过，从大一到现在参加三次英语考试，成绩一直保持在400以上与合格分数线仅仅是几分之差。我相信在这几次失败中我总结出自己在那个方面的缺陷，例如听力方面分数明显偏低，今后要强化这个模块的训练。在这一年我还学习自己专业之外的技能并且获得许可证驾驶证利用周末或者空余时间。在这一年一直想追求人格魅力齐全的人，所以常常阅读一些名著来开阔自己的

18、视野，崇拜具有思想独立的人韩寒。为着自己的梦想一直追逐，这是我这一年感悟最深刻的。自己的一片天空要自己一个人支撑起来，做一个有思想独立的思考者。参加社会实践也是这个学年的一个可圈可点的一段时光，参加了雷州龙门二中的助教活动，我积极配合学校分配我的工作，我运用我的专业知识帮助学校解决电脑方面的一些知识还为中学生浅谈现代信息技术的发展与运用，让他们对未来有个美好的憧憬。此次社会实践，感觉自己被社会需要着，自己顿时自豪感和责任感油然而生。虽然在校期间也做过一些兼职，但这次完全不一样，因为我全心投入到学校工作里面用到自己的专业知识。这个世界并不存在完美的人，优点缺点并存着。我希望在未来的时间里更好地利好时间，提高学习效力。这是一次总结也是一次展望。大二已经过去，收成与失落早已尘埃落定，把握最有期待的大三才是当前最重要的。在学习方面，自己觉得不是很满意。不是自己没努力，就是觉得没有大一时的那种感觉，那种冲劲。虽然不挂科是我的最低要求，也应了自己的愿，没有挂过科，但始终有一种淡淡的失落感。按