适用场景:网页设计初学者培训、网站改版项目总结
本文要点:模仿参考网站设计、静态页面开发、客户沟通技巧提升
行文逻辑:对比参考网站→开发静态页面→解决代码问题→优化客户沟通
时间如白驹过隙,一个月就这样匆匆的从我身边溜过去了。这一个月,有过高兴,有过失落,有过彷徨,有过踌躇的时候,发现很多自己不足的地方,也学到了很多我不知道的东西。现在实习结束了,作个总结,作为以后生活工作的鉴戒,并不断的改善自我,提高自我。
虽然我去的地方是一家小公司,但是我觉得很幸运,因为之前一直想找的工作就是做网页制作的,这次得到了宝贵的机会,经理安排我完成他们公司网站的改版,还让一个同事带我,不懂的可以问他,我真的是觉得十分的幸运。同时,我也要感谢学院的老师,给我的这个实习安排,给了我这次宝贵的机会。
第一天去上班,经理跟我说了一下具体的工作,给我两个同行的网站作为参考,主要是色调和排版方面做一个参考。然后我就回到了位置上,开始着手去做。我对比两个网站的各个方面,吸取好的地方,然后成为我自己的。首页的整体效果图出来后,我自己觉得还不错,就拿给经理看,是否满意。可是,让我很伤心,经理一点都不满意,从他的话语里,我知道,我做的比那两个参考的网站差多了。忠言逆耳,确实是这样的。但是,也让我学会了,首先要学会模仿,才能超越。我要做的第一步就是,学会如何站在巨人的肩膀上。同时,还要学会偷懒。企业讲究的是效率,巧妙的偷懒能够提高效率。我说的并不是偷工减料的意思,而是在人家已经做好的基础上,拿来加以修改。
效果图完成后,开始着手静态页面。由于考试的这段时间里疏于动手,感觉手又生疏了,写起代码来很不流畅,思维也很停滞。再一次让我体会到熟能生巧这个成语的深意。动手才是王道,没有实践,理论显得苍白无力。静态页面效果出来后,尝试着用js做出简单的一些动态效果。可是,我js并不懂,只能去copy人家的,去网上相关的js动态效果代码。发现其实找资料也是很有讲究的,关键词对了,很快就找到了想要的。但是如果关键词不对,找半天也找不到自己想要的资源。提炼关键字也是我要修炼的一课。
在做主栏目导航的下拉菜单效果时,我遇到了困难,也是我做这个网站,花费时间最多的地方。因为不是自己写的代码,看起来很累,而且人家的代码写得也不是十分规范,也给我增加了难度。这也提醒我,写代码一定要注意规范,可以为以后代码的维护提供很大方便,利人又利己。后面的日子就是这样写代码,然后不断的去修改,去完善。这个过程中,原本有些我不是弄的很明白的地方,经过了反复的实践,我明白了,理解的也更加透彻了。看懂了的"东西不一定真的懂了,用过了才会知道是不是真的理解,明白了。实践才是检验真理的唯一标准。
实习的最后两个星期,我的工作内容有了新变化,接触到了一些客户,虽然这些接触都很简单,就是解答客户疑问,满足客户需求。但是,也让我学会了人际交往中的一些需要注意的细节,及谈话的技巧。其中,同两个客户的接触过程让我印象很深刻,这两位客户都是用qq联系的。虽然开始的时候这两个客户都让我觉得很无语。有一个客户是问题特别多,还问到了一些我的私人问题,比如收入,我只能巧妙的绕开这些。但是,第二天的时候,这个客户又找我,但这次,他不是有问题来找我,而是夸我服务态度很好。我感到跟高兴。我的服务是让人满意的,我的工作得到了客户的认可。另外一位客户,我很不高兴解答她的问题。从我们的对话中,我感觉到这个客户对人家的要求很高,但是对自己的要求却是很低,总觉得是我服务的不周到,实际上是她自己工作的时候不够细心。我心里很不爽,就巧妙的回击了一下她。后来,她向我道歉了,承认了刚才对我态度不好。我很开心,自己并没有让客户觉得是我们公司服务的不周到,损害公司利益和形象,反而是让她意识到了自己的不对。我想这就是人际交往中的技巧吧。这也让我觉得,或许我做服务业会干的很好。
这一个月说一点都不辛苦,那是假的。我克服了酷暑,一年中最热的日子。那些天睡不好,每晚都要被热醒几次。白天强打着精神上班,感觉很疲惫。还经常的中暑。但这些我都克服了,我感到很高兴。
实习的日子里,最开心的一天就是把这个网站都做好了,感觉特别的轻松。这段日子,跟公司里的同事都相处的挺愉快的。还体验到了公司特有的文化,员工生日会。每个月都有一个生日大使来主持员工生日会。生日大使还会给寿星准备特别的礼物,都是自己精心制作的。我觉得很幸运,在这短短的一个月时间里,参加了两次员工生日会。第一次是去上班的第二天还是第三天。所有的员工都聚集在大会议室里,庆祝寿星,我们一起唱生日歌,吃蛋糕还有水果。第二次是要走的前一天。似乎是在欢迎我们的到来,又欢送我们离去似的。
总的来说,这次的社会实践我觉得很圆满,我按时完成了任务。但也暴露了我很多不足,工作效率不高,技术上有待提高,实战经验不足,看的不够多,对美好事物的鉴别能力还有待提高,要多练多看。工作的时候要积极主动,不要让人家来推着你走,要分清哪个是重要的,哪个是次要的。还有要摆正位置。
适用场景:网页设计学习实践、网站规划培训参考
本文要点:网站整体规划、动态效果实现、网页调试优化
行文逻辑:网站整体规划→资料搜集→网页制作→调试优化
在经济迅速发展的今天,internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习,让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足,下面就谈谈我在本次专用周的主要感受。
一、网站整体规划,要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
1.讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
2.定位网站的ci形象。“易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是yifini易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。
3.确定栏目和板块。
于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
2.网站的整体风格和创意。
整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,yieini易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备,在本阶级主要有两方面的工作。
1.资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
三、网页制作,这便进入我该次的主题了具体制作流程如下。
1.构建站点框架。
在我打开dremweaver后第一步便是新建站点,我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。
2.设计主页及二级页面。
在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:
简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
交互式强: 发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3.实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4.向静太网页插入动态效果。
在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现,怎么所有的图片素材并不是在一个文件夹中,而有许多的子文件夹,从网上下载的网页全都是一个网页对应一个文件夹。制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用。而对于动态flash的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的静态的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。从我做的网页来看可以反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习,让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
适用场景:个人网站开发、实习成果展示
本文要点:使用Dreamweaver构建页面结构、运用Fireworks设计网页图像、通过Flash实现动态效果
行文逻辑:学习软件技术→设计网页图像→制作动态效果→测试网页功能
通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通,熟练在手。所以本人结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dreamweaver,fireworks,flash软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。fireworks是目前最流行的网页图象制作软件。只要将dreamweaver的默认图象编辑器设为fireworks,那么在fireworks中制作完成网页图象后将其输出就会立即在dreamweaver中更新。fireworks还可以安装使用所有的photoshop滤镜,并且可以直接导入psd格式图象。更方便的是它不仅结合了photoshop位图功能以及coreidraw矢量图的功能,而且提供了大量的网页图象模板供用户使用,例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。flash是目前最流行的矢量动画制作软件,与其他wed动画软件相比,它具很多优点。制作的是矢量图形。只要用少量矢量数据就可以描述一个复杂的对象,而占用的储存空间只是位图的几千分之一,非常适合在网格上使用。同时,矢量图象不会随浏览器窗口大小的改变而改变画面质量。使用插件方式工作。用户只需安装一次插件,以后就可以快速启动并观看动画,而不比像java那样每次都要启动虚拟机。flash插件也不大,只有170kb左右,很容易下载并安装。还提供其他一些增强功能。例如,支持位图,声音,渐变色和alpha透明等。拥用了这些功能,用户就完全可以建立一个全部由flash制作的站点。flash影片也是一种流式文件。这就是说,浏览者在观看一个大动画时,可以不必等到影片全部下载到本地再观看,而是可以随时观看,即使后面的内容还没有完全下载,也可以开始欣赏动画。主图是一个网页的门面,它能体现出这个网页的整体风格。网站名字为蓝晴驿站,蓝色的天空给人带来好的心情,给人带来轻松愉快的心情来浏览网页。
首页主要是导航作用,上方共有六个导航条,用fireworks编辑的悬停按纽。各分为六个内容,左侧的为‘星座物语’,‘动感地带’,‘爱情感悟’。下面的六个字幕是衔接。右侧的为‘五花八门’,‘心情留言’,‘海阔天空’。中间为一段笑话。下面的横幅是一个flash动画,效果是色彩渐变。接着蓝色的一个横幅上的是flash动画衔接。接下来是一个搜索菜单,方便快捷。其它的为gif动画。
单击“星座物语”,进入内容左侧的字体是fireworks编辑的gif动画。左侧下方是篇有关星座的文章,右侧的星座专题有三个关于星座的内容可单击。‘漂亮穿衣法则’内有广告条,鼠标放在上面时停止浮动,鼠标离开时继续浮动。‘星座爱情特点’内有鼠标特效。它的代码为:
右侧下的是一个flash做的动画,蒙板层切换图片,下面的字幕为衔接。
单击“动感地带”进入内容的左侧,一个米老鼠可以单击返回首页。下面是一个表格,表格里的内容是衔接网站。表格的最后一行‘友情链接’为本班同所做的个人网站,可单击衔接。本页最后为flash动画。它是一个跟随鼠标移动的图形心。它的代码为:
单击“爱情感悟”进入内容是一篇关于爱情总结的一篇文章。内有背景音乐。其余的为gif动画。
单击“五花八门”进入内容的文字都是衔接。右下角为一个flash动画,百叶窗似的打开图片。其余的为gif动画。
单击“心情留言”是留言本,可进入留言还可免费申请。
单击“海阔天空”是聊天室,填写名字与密码可直接进入。
通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,例如flash动画到入dreamweaver里,开始不明白后来才知道是在dreamweaver里先插个层,这样就可以浏览出效果了。还有是有时上传到网页上的图片不显示,原因是它们没有在一个文件夹内。但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
适用场景:网页设计学习参考、网站开发初期规划
本文要点:构建站点结构、插入动态效果、调试页面兼容性
行文逻辑:搜集材料→构建站点→插入动态效果→调试页面→发布网站
一 试验进程
1.材料的搜集。
2.了解制造软件。
3.构建站点结构。
翻开dremweaver后第一步即是新建站点
4规划主页及二级页面。
5完结页面间的连接
连接的进程本来很简略,首要是把要连接的文字挑选在挑选工具栏的连接按钮终究挑选自个要连接的页面单击断定便可以了。
6向静太页面刺进动态效果
具体状况如下:
经过这半年的学习实习中 和教师的指导下以许多清楚的操作步骤和典型的运用实例,教会咱们。使更丰厚全部的软件技术和运用窍门,使咱们真正对所学的软件融会贯通。所以我结合所学专业的内容制造了自个网站,作为实习的效果。其内容是多元化的。制造页面用的软件是dreamweaver , banner软件。dreamweaver大大加快了网络时代电子买卖运用中的项目交给。它供给了页面和表单的动态生成到公司级的处理方案,如电子商店,库存管理体系和公司内部局域网的数据库运用等功用。例如,页面上很流行的暗影和立体按纽等效果,只需单击一下就可以制造完结。当然,其最便利之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或许嵌入到现有的页面中,或许作为单独的页面呈现。主图是一个页面的门面,它能体现出这个页面的全体风格。
制造页面,首先是断定主题,经过一再思考,就做了个关于我国的网站,平常也老是阅读相似的网站,对这些还有些了解,所以断定主题,做一些相似的网站,但思考到,如今网络上许多相似的网站,但有些内容不合适咱们大学生阅读,关于咱们来说有点不实习,依据这种状况,终究决议树立一个简略的我国介绍和有关的业绩网站,专门介绍一些即运用,又廉价的小秘笈。所以网站主题树立。
然后是全体规划,每一版块都有其特性的颜色,清晰明晰,便于阅读阅读,大致分几有些,我国简介,我国前史,用户登录注册页面留言,再加入单个网站等,每一有些又分几小有些,内容比照充沛,多样。
再后是搜集材料与素材,许多阅读有关网站,搜集关于我国的一些业绩前史图画,好的文章和图画等,还有参阅一些好的网站的规划,特征,颜色调配,背景图等。
再后是规划页面图画,用flash制造页面的banner。
再后是树立站点,站点散布如下:
再后是制造页面了,运用dreamweaver制造。
主页内容精彩丰厚,简练明快,言语幽默,浅显易懂。页面心爱清爽。主页首要是导航效果。主页制造时,时刻思考着页面的基本准则:一致,连接,切割,比照及调和的准则,内容一致,都是为了主题效劳,一个网站着重的即是一个全体,只需环绕一个一致的方针所做的规划才是成功的;连接,页面之间联系连接,统成一体;每版内容都自成一体,颜色各异,便于阅读;全部页面有动有静,颜色不相同,构成比照,不呆板,赋有生气;颜色各异,但又不相同傍边又相同,天衣无缝。而且制造进程中,不忘以下准则:
简练实用: 这是非常首要的,网络特殊环境下,尽量以功率的办法将用户所要想得到的信息传送给他即是的,所以要去掉全部的冗余的东西。运用便利:同第一个是相一致的,满足运用者的请求,页面做得越合适运用,就越显示出其功用美;页面用色和谐,规划符合办法美的请求: 规划有条理,充沛使用美的办法,是页面赋有可赏识性,进步层次。当然老少皆宜是人人都寻求的。
使用咱们所学的结构集,制造更完美的页面。将动态页面与静态页面结合起来
再后,调试进程,很屡次本来在dream里好好的,把字调的好好的,方位很对,可在阅读器里御览就出毛病了,不是靠上了,即是靠下了,很不厚道,经过一再调试,收拾,加了许多表格,总算满足了,很是费事,想请问教师,为何会呈现这种状况啊,还有怎样处理啊,不必这么重复调整的办法,还有啥好办法啊?
还有,在最超连接进程中,分明在页面特色里设置的是超连接的文字是原色,点击连接后也是原色,可一连接上就变色了,想了老半天,也做了许多研讨,试验,总算知道怎样回事了,本来应当对文字地点的单元格全体做连接,而不是只选中文字做连接。
还有,这次的网站大有些用的是表格,层用的很少,由于它太灵活了,欠好操控,用的很少。
再后,是页面的上载与发布,用ftp将制造好的网站上载
制造进程中,才发现,本来自个懂的太少了,许多不知道的当地,才赶忙查书,开端的时分仅仅会树立模版,可不会运用,操作,可这么要修正模版可就费事了,要一个页面一个的修正,所以赶忙上彀学习有关内容,阅读书籍,终究才知道文件这有个资本,点击
进入资本面板,点击到数第二个的模版,选项,全部模版就都显示了,点击资本面板左下角的运用指令,好了,这个模版就运用到你树立的页面中去了。
这仅仅在制造进程中呈现的疑问之一,其它疑问也是相似相同。如今想想,自个所会的东西太少了,如今做的网站仅仅一些简略的网站,看到了一些闻名的网站开宣布的页面,不只栏目内容丰厚,信息量大,而且页面图文并茂,五光十色,使得网民赞叹不已,恋恋不舍。以咱们的阅历,当时的软件的功用日趋杂乱,不学到必定的深度和广度是难以在实习工作中应付自如的。因而反映出学习的还不行,缺陷遗漏。需在加以刻苦钻研及学习,不断开辟视界,增强自个的实习操作技术,为往后能做出超卓的页面而尽力。
同学告诉我,要做好页面,必定要学从c++,java,php,asp,数据库。往后要学的实在是太多了,而且我也很喜欢这方面,在往后的日子里,会尽力填充自个,丰厚自个的。期望往后有不明白的当地,教师能多多指点。
适用场景:网页设计学习准备、课程实践操作指导
本文要点:搜集手机资料、熟悉制作软件、实现网页链接
行文逻辑:学习工具→构建站点→设计页面→实现链接
一实验目的
1.学习HTML语言和dreamweaver,FrontPage等工具
2.掌握在本地环境下运用ASP技术实现一个简单的电子商务网站
二实验的方法和原理
三实验过程
1.资料的搜集。
组长分配任务,大家从网站上搜集各种关于手机的资料。
2.熟悉制作软件。
做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
3.构建站点框架。
打开Dremweaver后第一步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
四实验心得
在经济迅速发展的今天,Internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。
适用场景:网页设计实习生入职考核、网站运营人员技能提升
本文要点:css+div排版优化、浏览器兼容性测试、页面美化与注释代码添加
行文逻辑:接收模板→排版制作→浏览器测试→页面美化
一、实习工作介绍
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有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个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。
四、业余的生活
每天的工作都是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。
五、工作心得体会
实习期结束后,我和其它同事得到了正式合同并留在了这家公司,通过这次工作,我得到的最大体会就是,如果一个人在社会上没有一技之长,那他是没有办法很好的活下来的,只有不断的加强自身专业技能学习才行。所以,尊敬的老师,我会在业余时间好好学习,加强自己的专业能力,使自己变得更强,只有这样才能上到为国家、为社会做出贡献,下到为自己、为父母、为学校交出一份满意的答卷。
想找份靠谱又出彩的网页制作实习报告模板?这份26年新鲜出炉的优秀模板,条梳理楚、内容实用,拿来就能参阅调整。告别东拼西凑,省事避免出…[更多]
想搞定网页制作实习报告却卡在开头?这份2026最新版,针对实习生量身精心撰写,条理顺畅、语言自然不空洞,参照时不用硬套,改几个词就能…[更多]
一实验过程1.资料的搜集。2.熟悉制作软件。3.构建站点框架。打开dremweaver后第一步便是新建站点4设计主页及二级页面。5实…[更多]
刚结束网页设计实习?这份心得报告为您把零散体会理出主线!不讲大道理,有效应对“写了半天不像人话”的困扰。从手忙脚乱到独立改稿,那些踩…[更多]
网页设计实习咋写才不空洞?这份报告模板为您梳理思路,从实操困惑到能力成长,每一步都落得踏实。重点突出“我做了什么”“学会了什么”“还…[更多]
想找份靠谱的网页设计实习报告参阅?这份精选合集来得正是时候!涵盖不同风格与侧重点,框架明确、语言自然,为您避开空洞套话和雷同表述。无…[更多]
想搞定实习报告又怕千篇一律?这份2026年网页设计实习报告模板,针对正在找灵感、赶 deadline 的同学准备,脉络顺畅不踩雷,语…[更多]