毕业实践报告.wps

上海理工职业学院 学生毕业实践（顶岗实习）报告 题目： XXXXXXXX—网页制作 年 级： 20XX级 专 业： XX图文信息处理 学 号： XXXXXXXXXXX 学生姓名： 王X 指导教师： XXX 20XX年X月XX日 目录 实习单位及岗位简介…………………………………………… 1 1.1实习单位的简介…………………………………………………2 1.2实习岗位的简介 ……………………………………………… 2 实习的内容及过程……………………………………………… 3 2.2实习的内容………………………………………………………3 2.2.1网页的制作………………………………………………3 2.2.2网页的布局………………………………………………3 2.2.3网页的色彩 …………………………………………… 3 2.3实习的过程………………………………………………………4 3.实习体会与收获 ………………………………………………… 4 4.致谢…………………………………………………………………5 5.参考文献……………………………………………………………5 网页制作 王X 内容摘要：互联网发展如此迅速的今天,一直改变着人们的生活。对于我们大学生而言,通过互联网改变生活也越来越普遍,信息交互的方式也在不断的发展,利用简单快捷的电子平台进行学习活动已成为大势所趋。但是,在学生群体自身的学习交流信息共享这方面,还有很多的工作要做。 如今,在大学中学习一门课程,学生想要寻找到有关于该课程的相关学习资料和往届作业显得尤为困难,对于授课教师也知之甚少。 基于学生群体构建学习交流平台,利用学生群体的自身优势将信息数据共享,服务于学生。这种自给自足的学习“生态圈”正渐渐成为主流。 主要的设计风格 网页设计的目的就是为了突出网站自身特点,以信息内容得到理想的传达为前提。根据网站的主题内容,主页设计首先要考虑风格形式的定位。目前,网页的应用范围日益扩回大,几乎囊括了所有行业。概括起来大体有:新闻机构、政府机关、企业门户、科教文化、娱乐艺术、电子商务、网络中心等。不同性质的行业,应体现出不同的主页风格类型。 网页设计的整体风格要靠图形图像、文字、色彩、版式、动画来表现。 从网页设计特殊性的角度分析主页风格,大体可以分为平面风格、矢量风格、像素风格、三维风格等。 关键词：设计 图案 色彩 1.实习单位及岗位简介 1.1实习单位的简介 XZXXX装饰工程有限公司是一家精于设计和施工,追求质量和诚信的专业装饰设计工程有限公司。旗下拥有一批高水平的设计师和工程师,致力于为客户提供室内外设计及工程承造。 精质的理念:精工品牌,质高立诚信 我们的优势： 设计:新颖视觉引领潮流,专业思维表现个性,追求艺术空间,并重合理布局。唯美而实用的设计理念,既呈现空间之舒美,又还原生活的灵性。 施工:以周密的工程计划,严格的过程,严谨的流水作业实现。随时接受客户的检查监督 及时听取客户的意见并改进。我们深知只有客户满意,企业才能发展。 服务:郑重承诺并写入合同,全套工程保修两年,部分工程保修X年,提供终身维护设立投诉部门,由总经理负责,当天内到达现场,当场给出满意解决方案。 宗旨：对客户的每一份合同或订单的实施，都要和合同中对客户所作的承若相一致，做出让客户满意的产品，并致力提供完善的服务，获得客户的信赖。 1.2实习岗位的简介 本人在XXX分公司XXX装饰工程有限公司实习在公司我担任公司网页制作设计一职，主要的工作如下： 负责公司网站的页面设计及美观优化 2、负责网站各类专题模板的设计及制作 3、负责网站各类活动的宣传广告、标语的图片设计 4、负责网站产品的美工设计,对交互体验有较为深入的了解 5、对页面进行持续的优化,不断提升访问者的用户体验 6、编写可复用的用户界面组件; 7、协同其他技术部门,做前端开发技术支持。 2.实习的内容及过程 2.2.实习的内容 2.2.1:网页制作：网站是网页的结合，一个站点用的所有网页构成一个网站，网页是网站的表现形式，网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。网页设计包含的内容非常多，大体分为两个方面：一方面是纯网站本身的设计、如文字、排版、图片制作、平表面设计、静态图文和动态声音、影像的：另一方面是网站的延伸设计,包括网站主题、浏览群的定位,智能交互、制作策划形象包装和宣传营销等。 2.2.2:网页布局：两栏式结构,即页面顶部为网站标志或广告条,下面分为左右两栏,一般左栏式导航或分类信息,右栏为主要内容,这种布局很容易掌握,但如果在色彩上不加以注意的,很容易给人一种“乏味”的感觉。三栏式结构是一些大型网站常用的布局结构,一般为上面是横幅的广告条,下面分为三竖栏,中间较大,是主要的信息,左右是小条内容或者广告条。三栏式给人一种充实的感觉,但页面拥挤,不够灵活,是网站常用的一种布局形式。“三”型结构,这种结构多用于国外网站或者视频类网站,其特点是分类清晰,展示方便。左右框架型,是企业网站或论坛常用的布局,页面分为左右两部分,左边一般为导航部分,右边是与导航相对应的内容。左右框架型的结果非常清晰,内容一目了然,便于信息的查询。上下框架型与左右框架型类似,其区别仅仅在于形式。页面整体为横向分布,上面为导航,中间的大展式窗口很突出,整个网站显得简洁明亮,这种结构适合于信息量不大,主要靠图片展示内容的网站。 Flash型主要采用现在流行的Fash技术,页面表达的内容较为丰富,给人视觉和听觉上很大的冲击,处理得当会达到Web页面难以达到的效果等。 2.2.3网页的色彩：在自然界看到的各种色彩都是由三种色光或三种颜色组成的,而他们本身不能再分拆出其他的颜色成分,所以称为三原色。三原色分为光学三原色和物理三原色。这两种三原色各自混合后,分别形成了不同的色彩体系。 RGB模式: R代表红色,G代表绿色,B代表蓝色,三种色彩叠加形成了其它的色彩。因为三种颜色都有256个亮度水平级,所以三种色彩叠加就形成1670万种颜色了,通过它们足以再现绚丽的世界。就编辑图象而言,RGB色彩模式也是最佳的色彩模式,因为它可以提供全屏幕的24bit的色彩范围,即真彩色显示。 CMYK代表印刷上用的四种颜色,C代表青色,M代表洋红色,Y代表黄色,K代表黑色。因为在实际引用中,青色、洋红色和黄色很难叠加形成真正的黑色,最多不过是褐色而己。因此才引入了K—黑色。黑色的作用是强化暗调,加深暗部色彩。CMYK模式是最佳的打印模式,RGB模式尽管色彩多,但不能完全打印出来。 可以先用RGB模式进行编辑工作,再用CMYK模式进行打印工作,在打印前才进行转换,然后加入必要的色彩校正,锐化和休整。 1.色彩的心里表现 色彩具有精神的价值,人们常常能感受到色彩对自己心理的影响,这些影响总是在不知不觉中发挥作用,影响我们的情绪。色彩的心理效应法是在不同层次中,有些色彩对人有直接的刺激,有些则需要通过间接的联想,更高层次的则涉及人观念与信仰。 2.色彩的表达感觉 不同的色彩给人不同的心理暗示。对色彩的不同感觉和认知,对色彩搭配所产生的心理联想,会导致不同的心理反应。 空间感—色彩的空间感与色彩对比的知觉度有关,对比度强和高纯度的色彩具有前进感,对比度弱和低纯度色的色彩具有后退感。 色彩的空间感,具体表现在利用色彩的明度对比层次、形与色的排列转折大小弯曲等秩序节奏,从而有意识地形成凹凸深远的空间感,甚至利用人的错觉形成假象空间色彩的前进、后退感形成的距离措视原理、在网页中常被用来加强画面的空间层次。 亲切感——色彩的亲切感是指人对色彩的对比变化所产生的亲近的心理感觉。通常较为明快柔和的色彩都能使人产生亲切感,色彩的纯度对比和明度对比较弱时,也会使整体色调变得柔和、轻快。产生亲切感的网页一般采用同类色、类似色和邻近色。 使用具有亲切感的色彩,可以用来表现家具网站、儿童网站和女性网站、服装网站及日用消费品网站等。 庄重感——通常,明度较低、纯度不高的色彩能给人以庄重感、常用的有黑深蓝和褐色等。在使用时要注意搭配,搭配不当则会产生沉闷、呆板的感觉。 神秘感一色彩的神秘感,并不是色彩本身具有的,而是人的联想所产生的心理感觉,一般能使人感到神秘的色彩,多为明度较低、色相不明确、纯度也不高的色彩,如昏黄的氛围、幽暗的巷子、夜晚的角落,都可以用来营造色彩的神秘感。 兴奋和忧郁感一色彩和人的个性一样,具有明朗与忧郁的区分。明朗的色彩必然是明度高、对比较强的色彩,以及纯度偏纯的色彩,忧郁的色彩则是明度低、对比较弱的色彩,以及纯度偏低且色性偏冷的色彩。 一般来说,暖色较易引起心理的亢奋和积极性,属于兴奋色,其中朱红色最具兴奋作用,其他明度较高、纯度较高的颜色(如黄色、橘黄色等)也具有煽动性、倾向于兴奋色。 3.网页色彩的搭配 将色彩具体到网页搭配中,应遵循一定的方法。 同色搭配,该方法采用一种颜色的深浅搭配,尽管网站设计要避免采用单色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。邻近色搭配,使用在色带上相邻近的颜色,如绿色和蓝色、红色和黄色。采用邻近色彩设计网页可以使网页避兔色彩杂乱,易于达到页面的和谐统一。对比色搭配,该方法使用两种完全不同的颜色搭配,对比色可以突出重点,产生强烈的视觉效果。通过合理使用对比色,能够使网站特色鲜明,重点