网页制作实习报告

时间:2023-12-16 08:02:47 实习报告范文 我要投稿
  • 相关推荐

网页制作实习报告

  在当下这个社会中,报告有着举足轻重的地位,报告根据用途的不同也有着不同的类型。那么报告应该怎么写才合适呢?以下是小编为大家整理的网页制作实习报告,仅供参考,希望能够帮助到大家。

网页制作实习报告

网页制作实习报告1

  一、实习工作介绍

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

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

  四、业余的生活

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

  五、工作心得体会

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

网页制作实习报告2

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

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

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

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

  (1)用户登录注册。

  (2)提供类别导航,购物推荐,热销商品,加入购物车等

  (3)提供会员注册

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

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

  (6)对网站会员信息进行管理和审核。审核注册本网站的会员,对其进行管理。

  (7)友情链接。设置相关的友情链接页面。

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

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

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

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

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

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

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

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

网页制作实习报告3

  1。材料的搜集。

  2。了解制造软件。

  3。构建站点结构。

  翻开dremweaver后第一步即是新建站点

  4规划主页及二级页面。

  5完结页面间的连接

  连接的进程本来很简略,首要是把要连接的文字挑选在挑选工具栏的连接按钮终究挑选自个要连接的页面单击断定便可以了。

  6向静太页面刺进动态效果

  具体状况如下:

  经过这半年的学习实习中 和教师的指导下以许多清楚的操作步骤和典型的运用实例,教会咱们。使更丰厚全部的软件技术和运用窍门,使咱们真正对所学的软件融会贯通。所以我结合所学专业的内容制造了自个网站,作为实习的效果。其内容是多元化的。制造页面用的软件是dreamweaver , banner软件。dreamweaver大大加快了网络时代电子买卖运用中的项目交给。它供给了页面和表单的动态生成到公司级的处理方案,如电子商店,库存管理体系和公司内部局域网的数据库运用等功用。例如,页面上很流行的暗影和立体按纽等效果,只需单击一下就可以制造完结。当然,其最便利之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或许嵌入到现有的页面中,或许作为单独的页面呈现。主图是一个页面的门面,它能体现出这个页面的全体风格。

  制造页面,首先是断定主题,经过一再思考,就做了个关于我国的网站,平常也老是阅读相似的网站,对这些还有些了解,所以断定主题,做一些相似的网站,但思考到,如今网络上许多相似的网站,但有些内容不合适咱们大学生阅读,关于咱们来说有点不实习,依据这种状况,终究决议树立一个简略的我国介绍和有关的业绩网站,专门介绍一些即运用,又廉价的小秘笈。所以网站主题树立。

  然后是全体规划,每一版块都有其特性的颜色,清晰明晰,便于阅读阅读,大致分几有些,我国简介,我国前史,用户登录注册页面留言,再加入单个网站等,每一有些又分几小有些,内容比照充沛,多样。

  再后是搜集材料与素材,许多阅读有关网站,搜集关于我国的一些业绩前史图画,好的文章和图画等,还有参阅一些好的网站的规划,特征,颜色调配,背景图等。

  再后是规划页面图画,用flash制造页面的banner。

  再后是树立站点,站点散布如下:

  再后是制造页面了,运用dreamweaver制造。

  主页内容精彩丰厚,简练明快,言语幽默,浅显易懂。页面心爱清爽。主页首要是导航效果。主页制造时,时刻思考着页面的基本准则:一致,连接,切割,比照及调和的准则,内容一致,都是为了主题效劳,一个网站着重的即是一个全体,只需环绕一个一致的方针所做的规划才是成功的.;连接,页面之间联系连接,统成一体;每版内容都自成一体,颜色各异,便于阅读;全部页面有动有静,颜色不相同,构成比照,不呆板,赋有生气;颜色各异,但又不相同傍边又相同,天衣无缝。而且制造进程中,不忘以下准则:

  简练实用: 这是非常首要的,网络特殊环境下,尽量以最高功率的办法将用户所要想得到的信息传送给他即是最佳的,所以要去掉全部的冗余的东西。运用便利:同第一个是相一致的,满足运用者的请求,页面做得越合适运用,就越显示出其功用美;页面用色和谐,规划符合办法美的请求: 规划有条理,充沛使用美的办法,是页面赋有可赏识性,进步层次。当然老少皆宜是人人都寻求的。

  使用咱们所学的结构集,制造更完美的页面。将动态页面与静态页面结合起来

  再后,调试进程,很屡次本来在dream里好好的,把字调的好好的,方位很对,可在阅读器里御览就出毛病了,不是靠上了,即是靠下了,很不厚道,经过一再调试,收拾,加了许多表格,总算满足了,很是费事,想请问教师,为何会呈现这种状况啊,还有怎样处理啊,不必这么重复调整的办法,还有啥好办法啊?

  还有,在最超连接进程中,分明在页面特色里设置的是超连接的文字是原色,点击连接后也是原色,可一连接上就变色了,想了老半天,也做了许多研讨,试验,总算知道怎样回事了,本来应当对文字地点的单元格全体做连接,而不是只选中文字做连接。

  还有,这次的网站大有些用的是表格,层用的很少,由于它太灵活了,欠好操控,用的很少。

  再后,是页面的上载与发布,用ftp将制造好的网站上载

  制造进程中,才发现,本来自个懂的太少了,许多不知道的当地,才赶忙查书,开端的时分仅仅会树立模版,可不会运用,操作,可这么要修正模版可就费事了,要一个页面一个的修正,所以赶忙上彀学习有关内容,阅读书籍,终究才知道文件这有个资本,点击

  进入资本面板,点击到数第二个的模版,选项,全部模版就都显示了,点击资本面板左下角的运用指令,好了,这个模版就运用到你树树立的页面中去了。

  这仅仅在制造进程中呈现的疑问之一,其它疑问也是相似相同。如今想想,自个所会的东西太少了,如今做的网站仅仅一些简略的网站,看到了一些闻名的网站开宣布的页面,不只栏目内容丰厚,信息量大,而且页面图文并茂,五光十色,使得网民赞叹不已,恋恋不舍。以咱们的阅历,当时的软件的功用日趋杂乱,不学到必定的深度和广度是难以在实习工作中应付自如的。因而反映出学习的还不行,缺陷遗漏。需在加以刻苦钻研及学习,不断开辟视界,增强自个的实习操作技术,为往后能做出超卓的页面而尽力。

  同学告诉我,要做好页面,必定要学从c++,java,php,asp,数据库。往后要学的实在是太多了,而且我也很喜欢这方面,在往后的日子里,会尽力填充自个,丰厚自个的。期望往后有不明白的当地,教师能多多指点。

网页制作实习报告4

  实验过程

  1.资料的搜集。

  2.熟悉制作软件。

  3.构建站点框架。

  打开dremweaver后第一步便是新建站点

  4设计主页及二级页面。

  5实现网页间的

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

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

  具体情况

  通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dreamweaver , banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。主图是一个网页的门面,它能体现出这个网页的整体风格。

  制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。

  然后是整体规划,每一版块都有其个性的'色彩,清晰明了,便于阅读浏览,大致分几部分,中国简介,中国历史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。

  再后是收集资料与素材,大量浏览相关网站,收集关于中国的一些事迹历史图片,好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。

  再后是设计网页图片,用flash制作网页的banner。

  再后是建立站点,站点分布

  再后是制作网页了,使用dreamweaver制作。

  首页内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则

  简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。

网页制作实习报告5

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

  一、工作介绍

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

  四、安全检查

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

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

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

网页制作实习报告6

  【实习目的】

  熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。通过网页设计理论联系实际操作,巩固所学的知识,提高处理问题的能力。充分学习网页设计实践中的操作理论,提高自己网页设计水平,并为能顺利与社会环境接轨做准备。

  【实习时间】

  20xx年2月15日至20xx年3月15日

  【实习地点】

  未来路锦江国际花园9栋501室

  【实习单位】

  郑州市托斯卡纳餐饮有限公司

  【实习内容和过程】

  实习内容:

  我在托斯卡纳餐饮公司旗下的56°网络蛋糕店一个月的实习,我的工作就是负责设计整个网站的页面部分。为其一个月的实习,使我第一次亲身感受到了所学知识与实际的应用,作为一个网站美工除了要求网页三剑客,ps,这些必会的软件以外,还要对Html用的很熟,对ASP或PHP或jsp要有初步的了解。通过这次实习,进一步巩固和深化所学的理论知识,为以后的工作打好基础。以下是我做的一些实习过程中的经验总结:

  (1)表达一定的艺术效果

  一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。网页作为一种媒体,它必须具有一定的艺术感染力,一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。

  (2)使页面结构清晰可读性强

  经常可以看到这样的页面,上面堆砌了许多内容,却没有考虑它的空间框架,让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程,这是典型的没有注意到编排清晰度、可读性的表现。

  (3)实现不同的功能

  在网络这条信息高速公路上,网页最主要的`功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性,就是指对不同类别的网页要求采用不同的美工艺术效果。

  (4)网页的内容

  网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广告栏等。

  (5)确定网站的类型

  在设计网页之需要做大量的准备工作,需要思考以下几个问题:

  1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页;

  (6)确定网站的风格

  如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者,那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感

  (7)确定网页之间的链接关系

  在网站的总体规划列出来后,就必须要考虑各个网页之间的关系,是星型、树型、网型还是直线链接。

  实习过程:

  1.我所在的公司是托斯卡纳餐饮公司旗下的56°蛋糕部门,主要项目是蛋糕类。而我主要是负责网页设计制作这一块。

  2.因为是有关蛋糕的网站,我首先从网上了解了一些有关项目和一些基本常识。接下来我就应该考虑配色与构图了。这在做食品网页上是最关键的环节。考虑配色与构图:对整个内容有了一了解后,现在要思考作品的色彩和具体的构图,先用笔画出草图,也可以直接在脑海里构思。色彩要活泼健康,所以选择粉色作为主色调。

  查找素材:其实素材这种东西总是数量大于质量,我可以很轻易的下载到许多许多的素材,但却很少用的到它。为了使网页看上去质量更好,要对图片的进

  行筛选,加上拍摄的蛋糕图片。

  开始设计:设计的时间是最多的,有的时候,在设计时原先找到的素材就不能用了,甚至全部用不到。所以后来我就先设计,想用什么图的时候再找。加上去拍摄蛋糕的照片使用PS进行加工,让的图片上的蛋糕更加诱人。做一张首页效果图一般用两天的时间。然后把效果图给领导看,等到领导通过才能进行下一步工作。

  做子页:子页一般需要五六张效果图。不过,对于这一步骤来将,我们就轻松多了。时间一般也需要两天。

  切图:所有的效果图做好了之后就开始切图,切图其实就是把效果图变成网页。一般需要两天。切图之中其实会遇到好多匪夷所思的事情,不过当你熟练这后就好了。当然,一开始我经常会遇到,比如代码的意思是使网页正题居中,但结果却是整个网页偏移到了左边。等等这样的事情在我初期切图的时候经常遇到。现在好多了。

  完成:做到这一步我的任务就完成了。

  工作这么长时间,对一切越来越熟习之后,总想找到一些别的感觉。每天我会去不同风格的网站,会观察他们出彩的地方,然后不断加强自身的职业素质。

  【实习体会和收获】

  光阴似箭,日月如梭。转眼间,愉快而又充实的网页实习结束了,在这一个月的时间里,让我尝试了理论与实践相结合。网页设计理论一点点转化为实践经验。丰富的实习生活充满了惊喜,快乐和充实,当然也少不了网页设计过程中的困难。实习结束了,觉得脑袋里又注入了新的知识,对网页设计也有了新的了解,在以后的工作中,希望能用自己了解的东西去处理相关问题,在探究新的问题,使自己不断进步。

  在实习生涯中影响了我很多,就像我用两天的时间制作出一张首页效果图,他人往往只能看到完成品。而这并不是最重要的,最重要的是别人没有经历的我却在珍惜的创作过程。也许这个过程还远远不能称之为创造,但我会努力的。做了一个月的美工,终于体会到网页设计无非是图文混排的那点事。不过,当你真正的去努力的创造了之后,结果却并不会每次都是好的。太多自己精心设计的东西,被别人一眼就否定了。当时心情真的很糟糕。不过,现在想想,这都些都没

  有什么,这也无非是成长中常常要遇到的事罢了。

  在实习过程中,我发现社会比校园更残酷,在工作的单位我学会了,凡事第一反应是找方法,而不是找借口;凡事先订立目标,并且尽量制作“梦想板”;凡事预先做计划,尽量前目标视觉化;六点优先工作制,每一分,每一秒做生产力的事情;把重要的观念,方法写下来,并贴起来,以随时提示自己;每天提前30分钟上班,推迟30分钟下班。

  工作是人生活的重要部分,不论是消极还是积极,都会给人带来不同感受。而精彩的生活往往有来源于有意义的工作中,所以我不会让自己因工作的烦恼、困难和压力,困扰自己,使自己工作情绪化、生活情绪化。遇到困难我会用平常的心态实际看待问题,告自己凡事要先做人、后做事。

网页制作实习报告7

  一、[作品主题]

  扬州xx教玩具销售

  二、[作品简介]

  这是一个教玩具销售的网站,仿照一般的商品销售网站,但在其中又添加了一些自主性元素。

  三、[素材准备]

  明确了网站的主题以后,就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。另外,还要使用PhotoShop、Flash等工具,进行图像的处理、美化。

  网站中大多数的图片都来自于互联网,我将它们截取下来之后,对照父亲所给的书,逐一标注了编号、价格、类型、材质、适用年龄、产地、规格。其中编号的标注是最为重要的,只有标上了正确的编号,在顾客与我们联系的时候,我们才能及时有效地为他们提供产品详细的信息以及相关注意事项。

  四、[总体规划]

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

  五、[设计步骤]

  一、创建本地站点

  首先在本地机上建立一个文件夹,命名为“xxx教玩具”,并且将素材文件放在站点中。单击菜单栏中的【站点】-【新建站点】-【站点名称】为“xxxx玩具教具销售”,本地文件夹为“xxx教玩具”。

  二、制作首页

  1.新建HTML文档,并将文件保存在本地站点根文件下,命名为“”。

  2.点击“页面属性”,选择适合的背景图像,因为是负责教玩具的销售,所以我选择的背景是生意盎然的绿色。

  3.插入导航条:各模块是——首页,新闻动态,产品展示,关于我们,联系我们,留言板,公司荣誉。导航条设置在主题框内,而在主题框内,我放置了四幅图片,选择了顺序放映的模式。图片逐一显示,使整个首页都生动了起来。

  4.在主题的下面,我总共插入了八个模块——全站搜索,产品搜索,新闻动态,会员登录,产品分类,推荐产品,在线客服,友情链接。

  全站搜索:顾客可以根据自己的需求输入关键词,搜索的结果可以在旁边的方框中逐条显示出来,显示的是产品的名称,再点击进去就是产品的详细参数。这个适用于模糊搜索,只是一个字就可以出现所有的名称中包含这个字的商品。

  产品搜索:这一个搜索后出来的产品是以相册的形式展现出来的。产品名称中包含搜索的关键词,点击图片或名称就可以进入这个产品的页面,各个参数也显示在其中。

  产品分类:这一个模块列出了所有的产品类别,同时这个模块中还包含着各个分组,每一个分组里面包含着一系列的产品,而每一个产品都含有链接,点击进去之后就是这一类产品的各个型号。各个产品的展现方式也是按照相片模式展示出来的,图片在上,名称在下,无论是点击图片还是名称,都会进入这个产品的详细参数页面。

  新闻动态:这个模块是滚动的条目形式,每一个条目点击进去之后就是详细的新闻信息,包括产品推荐,优惠信息,厂家的详细介绍等等。所有的文章都是根据事实编纂,是真实可信的。

  产品推荐:根据厂家的活动编纂,所列的都是最新的产品,并且也充分照顾了顾客们的心思,在满足教学需求的同时也给予了优惠价格。

  会员登录:这个模块是出于发展长久顾客的考虑。每年幼儿园的各类设施都会有折旧,而且随着教学质量的提高教学设施每年也需要补充,我们旨在用实惠的价格和良好的服务态度留住我们的顾客,让他以后在补充商品的时候都优先考虑我们,并且我们也为会员设置了优惠,会员的等级越高,我们所提供的优惠也就越大。

  在线客服:这个模块是为了及时为顾客们提供最新的最详细的要求所设置,设置的也是最为普通民众们所接纳的QQ客服。

  友情链接:放置的是人们最常用的网页,以为顾客提供方便。

  7.制作链接

  因为需要制作链接的图片很多,所以我将各类产品的图片都分门别类地放好,标注好相关的参数,再一一上传到网站上去,这个工作是最为繁琐的,好在有父亲在一旁指点,也让我耐下心来完成了这个任务。

  8.其他页面的设置

  因为前期准备的材料很充分,所以其他的页面设计起来也很顺利,而且除了首页之外,其他的页面都是单个页面的,只需要将准备的材料上传上去,就算是完美完成任务了。

  三、上传测试

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

  四、推广宣传

  很多人以为做了网站就会有人自动上门,这种理解是错误的!

  其实这很好理解,就比如您的公司印了很多宣传资料,但是您要去派发宣传资料,才能拉到客户,把资料放在公司是没有用的。

  同样一个道理,网站就是您企业在网上的宣传资料,需要您去派发、宣传和推广,才会有人去访问,才能够给公司带来效益。

  在网站设计完成之后,我迅速把网站提交给了百度、谷歌、有道、搜狗、搜搜等各大主流搜索引擎,保证别人在这些网站输入网站的名字的时候能够进入我的网站。这里要强调的`是,提交了收录并不代表立即能够从搜索引擎搜到,因为是否能搜到是根据各大搜索引擎的具体操作策略,收录时间无法控制,一般来说时间是从几天到一个月不等,有许多因素都会影响这一时间,这个时候就需要对网站进行优化,具体操作有两个,一个是提高网站的更新频率,还有一个就是对页面关键字进行优化,搜索引擎爬虫是靠读取网页内容才知道这个网站或者这个网页是做什么的,因此设置网页的关键字、描述非常有必要,设置方法是打开“网站设计”,点击“网站设置”标签,因为我制作的是教玩具销售网站,所以我就设置了几个与之相关的关键字。

  还有一个比较重要的方面就是网站的域名问题。一般个人制作的网站分配的都是二级域名,如 ,而像,算是顶级域名,不同等级的域名在搜索引擎中所占的比重是不一样的,为了让更多的人看到我的这个网站,我就为网站申请了顶级域名。

  另外一件事情就是我长期要做的,就是去各大论坛千方百计地推广我的网站,包括天涯、豆瓣、新浪微博等等。说实话,这真是个需要十分厚的脸皮的工作,得不怕被踢,不怕被骂,我一直在努力做到这一点,虽然并没有人硬性规定我一定要做,但是一个小网站,需要游客量,就只能走这么一条道路。

  还有其他的一些诸如交换友情链接推广法、无偿单向网站链接推广法、发布任务、发布兼职等等,都能够提高我的网站被搜索到的概率。

  六、[后期完善]

  在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。

  在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。

  图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。

  表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按“停止”按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。

  网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800x600下制作网页,最佳浏览效果

  也是在800x600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。

  七、[实习心得]

  (一)页面的设计方面

  网页设计跟学习别的东西一样,也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。

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

  其次还要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,我是一名初学者,就选择了比较容易上手的Frontpage20xx。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,只要熟练运用,就能够制作出让人满意的网页。

  学习网页设计还需要耐心,如果没有耐心,就学不好网页设计。因为在网页制作的时候随时会碰到各式各样的问题,当碰到一个问题时,如果不能立刻得到问题的答案,可能需要很长时间去解决,就容易烦躁,进而失去动力,放弃整个网页制作。

  比如说我在制作网页的时候,就碰到过一个问题,我不知道怎样将自己的QQ号设置为网页的在线客服。我原先以为是没有先登录QQ,再将它设为在线客服的原因,所以就将原先的设置全部推翻从头来过,但是就算是从头来过依然没有解决这个问题。然后我又去各大论坛求助,但是别人给的建议依然没有用。这个时候我真的很沮丧,想着自己是不是太自不量力了,从来都没有干过的事情我竟然就那么在父母面前夸下海口。就在我打算放弃的时候,我一个网友发来信息,问是不是没有在设置QQ号的时候开通在线客服,我点开设置的页面,果然在最底下有一行小字,“开通QQ在线客服”,这件事情才算是圆满解决了。从这件小事,我知道了,学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习。并且我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以看到,可以评论,可以交互的。

  (二)网页的整体布局和导航

  网页的布局通常指的是网页的整体架构,说的通俗一点就是排版。如何突出最重要的内容,即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览。

  网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型

  网页布局是主要考虑以下几点:

  1、首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。

  2、其次就应该考虑导航条的设置了。

  3、正文的框架设置(横向因素和纵向因素交错)

  我在制作这个网站的时候,最先参考的是淘宝上一般的店面,但是随后,我发现这不是

  一个太实际的主意。淘宝上大多数的店面卖的东西都是小件的,而且是实在的商品,价格也是固定的,而我所设计的网页主旨是推销大型的户外游乐设施,而这些东西因为动辄几十万,占地几十平,厂家是不可能在仓库里摆放打量的现货的,多数是拆分下来的分类放好的零件。而我父亲提供给我的只是它的设计图稿,而且价格也不好定,所以,我就仿造一般的产品展销网站来设计,小件的东西,就摆上详细的参数,而大件的,则是摆上了联系方式,由顾客直接与厂家联系,商谈所有的细节。

  (三)网页制作过程中的其他注意事项

  不要过于注重色彩的灿烂,只要简单就行。我们最终追求的主要是实用价值。

  通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。

  设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。

  统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

  连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。

  分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。

  对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。

  和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。

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

【网页制作实习报告】相关文章:

网页制作实习报告09-06

网页制作实习心得12-19

网页制作心得11-23

网页制作工作实习总结范文07-05

网页制作学习总结03-25

网页设计制作要领08-13

网页制作合同08-08

网页制作岗位职责11-18

网页制作合同10-27