报告的结构一般包括引言、目的、方法、结果、讨论和结论等部分。报告的结构应当合理,内容应当简明扼要,避免冗长和复杂的句子。通过阅读报告范文,我们可以学习到一些写作技巧和表达方式。
网页设计实训报告篇一
本站实习。
报告。
报告。
总结,供大家参考。更多阅读请查看本站。
本站。
频道。
毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下:
一、实习工作介绍。
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+span),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+span进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+span排版方式有一个的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。
二、初来公司的时候。
(一)初级考试。
初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。
(二)三天的培训工作。
三天后,我来到了公司,一看,来参加培训的人有很多,大概在十多个人左右,其实所谓的培训,就是让大家先熟悉这家网站的工作,先做一些他们平时干的活,做一些广告网页,这些网页都是静态的,没什么难度。我后来发现,自己在这些人当中,还是较较者,心里优势还挺好的。
(三)最后的考核。
三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,秀的人会转正,得到很优厚的待遇。
考核的内容,就是在公司的商务网站上任选一个页面,然后在规定的时间内做完,我还不错,技术比较熟练,是第四个做完的。当我们把网页做完后由这家公司的经理进行审核,最后的结果是,最先做完的前8个人可以有底薪加提成,每人页面的提成是2元钱,而后面做完的,只有提成,没有底薪,他们的提成是每个页面5元钱,最后的几个人就被淘汰了,制度虽有点不近人情,但是刚毕业的学生能忍也就忍了,就这样,我们每个人得到了一份一个月的临时合同,正式开始了实习工作。
三、正式工作。
我们每天的上班时间是从早上8:30分到下午的17:00,这是我见过最有激情的一些人了,年纪轻轻,干劲十足,来了以后就工作,连平时聊天的内容也和本行业分不开,我喜欢他(她)们,回为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的从上到下式的网页,通过css+span排版,这样在后期浏览器兼容测试中,就好做的很多了,文字与图片之间就不会有太多的麻烦,我干的很不错,不过有些追求精致,我做网页的速度慢了很多,最初每天只能做3--4个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下。
计划。
比如今天做多少网页然后我将要做的所有网页先做好排版这时的网页虽然排过版但是不美观因为没有进行美化工作然后我会在下午的时间集中全力做美化工作就这样我的速度提高了很多快了将近一倍多。只要更加熟练速度不会更快我相信自己。
四、业余的生活。
每天的工作都是是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。
五、工作。
心得体会。
实习期结束后,我和其它同事得到了正式合同并留在了这家公司,通过这次工作,我得到的体会就是,如果一个人在社会上没有一技之长,那他是没有办法很好的活下来的,只有不断的加强自身专业技能学习才行。所以,尊敬的老师,我会在业余时间好好学习,加强自己的专业能力,使自己变得更强,只有这样才能上到为国家、为社会做出贡献,下到为自己、为父母、为学校交出一份满意的答卷。
报告人:
时间:
网页设计实训报告篇二
通过教学实习掌握站点制作、站点测试与发布技术。会综合利用photoshop、flash和dreamweaver三个软件进行静态网站的设计。加上asp技术和css+span进行昂也布局,实验页面的效果。
二、设计思路。
3.设计网站导航条;4.网页flash5.搜索框6.产品展示四、技术介绍。
基于asp动态网页技术的学习。
css+span的页面布局。
多出用到css+span是整个页面更加美观。logo的css样式:
font-family:"黑体";}--。
五、页面设计(抓图)图片1。
图片2。
图片3。
六、网站测试。
应用动态asp技术,用iis或者安装的小旋风进行本地的测试。
七、实训总结。
在我看来,设计网页,应该先策划,策划很重要,加上创意,配色很重要,技术与鉴赏能力是最主要的。建立站点的时候,各个文件夹取名的时候,最好用相应的英语,见名知意,如图片文件夹用image。
在所有配色当中,不同的颜色传达着不同的意义也有不同的象征。如白色代表着:清洁、天真、洁净、真理、和平、冷淡、贫乏;灰色让人联想到灰尘、石头、水泥、白银,象征着中庸、平凡、温和、谦让,它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以,在我下载准备素材的时候,就选择用灰色做背景颜色,灰色太贫乏,就加上亮色的钮扣起到“中和”的作用。
通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要,对于网页制作来说,我觉得是一个以多学科设计为基础,受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难,真正困难的是网页的设计创意,文字我觉得也很重要,有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片,也许是喜欢上你的文字,那种感动人心的,唯美的文字。文字与图片要搭得上调,不可能用一张美女图做背景,上面却写有关于亲情的文章。也就是整体的搭配问题。
通过此次实训,使我对于网页制作的三大软件有了进一步的了解,各功能都能够实现。提高了自己的鉴赏能力,综合搭配能力,也对以前学过的内容进行了综合的复习。
通过此次实训,我更了解到,生活中有许多色彩,搭配颜色的时候,联想到生活中的东西会做的更漂亮,给人一种亲切感,现在看到什么东西,我就会联想到做网页的时候,还有怎么布局。反正此次实训收获很多。
网页设计实训报告篇三
实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。
网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。web站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他web站点的链接,绕过主页而进入web的深层。
一.网站的整体规划。
1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站ci形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的ci形象。使浏览者有宾至如归的感受。
3.确定栏目和板块:
1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置(横向因素和纵向因素交错)。
在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。
二.网页制作的前期策划与准备。
1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,fiash源代码、小图标和一些gif的动画等。
2.熟悉制作工具软件:
主页制作的基本条件有:
硬件:
一台电脑(64mb以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件:
图像处理软件:常用的有photoshop、flash、fireworks等;。
文件上传软件:常用的有cuteftp、wsftp等。
三.网页制作。
真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的flash不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意,网上只能使用jpg和gif两种图象格式,其他诸如bmp和tif等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.
在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。
四.网页的调试。
之前把作过的东西放到u盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和web页面放到一起这样就算路径改变的话也不会影响页面的效果。
在飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
计算机将具备更多的智能成分,它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外,让人能产生身临其境感觉的各种交互设备已经出现,虚拟现实技术是这一领域发展的集中体现。今天人们谈到计算机必然地和网络联系起来,一方面孤立的未加入网络的计算机越来越难以见到,另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的在过去如火如荼地发展,其影响之广、普及之快是前所未有的。从没有一种技术能像一样,剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与相连,使之成为一个全球范围的计算机互联网络。人们可以通过与世界各地的其它用户自由地进行通信,可从中获得各种信息。人们已充分领略到网络的魅力,大大缩小了时空界限,通过网络人们可以共享计算机硬件资源、软件资源和信息资源。"网络就是计算机"的概念被事实一再证明,被世人逐步接受。
通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通,熟练在手。所以本人结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dff软件。d大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决。
方案。
如电子商店库存管理系统和企业内部局域网的数据库应用等功能。f是目前最流行的网页图象制作软件。只要将d的默认图象编辑器设为f那么在f中制作完成网页图象后将其输出就会立即在d中更新。f还可以安装使用所有的p滤镜并且可以直接导入psd。
格式。
图象。更方便的是它不仅结合了p位图功能以及cidraw矢量图的功能,而且提供了大量的网页图象模板供用户使用。
通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,例如动画到入里,开始不明白后来才知道是在d里先插个层,这样就可以浏览出效果了。还有是有时上传到网页上的图片不显示,原因是它们没有在一个文件夹内。但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
网页设计实训报告篇四
在经济迅速发展的今天,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的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的静态的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。从我做的网页来看可以反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习,让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
网页设计实训报告篇五
(1)通过本次实训要完成仙剑奇侠传的网页制作,包括二级页面和三级页面,还要应用一些网页制作的基本技巧。
(2)掌握布局技术,模版应用,css样式,超级链接,并运用fireworks做简单的图形编辑。
(3)通过连续时间的实际操作,巩固对网站的创建、网页的策划、设计与制作的理解,加深理解网站、网页、制作的过程,理解团队互助共同完成项目的协作精神。
2.关键技术及解决途径:
(1)有完整的策划报告(电子版),实际内容有改动不受影响;。
(2)有标题的网站以及有对应自己创意设计制作的logo图象、广告条等图象;。
(3)至少有首页、二级页面、三级页面的层结构;。
(4)有框架、有表单;。
(5)有自己创作输入的文字内容并经过排列整理;。
(6)dreamweaver模板技术;。
(7)至少采用了样式表技术;。
(8)采用鼠标事件等行为设置之一;。
(9)不允许出现超级链接错误!
(10)有版权声明、网站更新日期、创意制作人员。
根据课堂所学,充分利用相关技术要点,对于不懂的地方问实训老师。制作完成后,反复检查,保证链接的正确性。
3.方案设计与实施步骤:
一、方案设计。
二、实施步骤(可以包括网站内容)。
(1)确定网站内容为仙剑奇侠传4,并制定详细的策划报告。
(2)查找相关资料,制作banner,logo,和相关动画图片。
(3)小组分工合作,我负责首页制作,人物介绍,友情链接,留言板相关内容。
(4)采用布局技术设计首页,然后插入logo,banner美化首页。
(5)应用模版技术制作人物介绍,介绍仙剑4中的重要出场人物,并配上相关图片和文字,制作了网站相册,使用了锚记。
(6)友情连接应用了框架,链接到百度,官网等相关网站,并用fireworks制作了相关的logo和banner。
(7)采用表单技术制作留言板。
(8)最后创建css样式,并运用到各个连接上。
(9)个相关页面之间进行必要的超级链接,友情链接与相关网站上链接。
(10)最后和另一小组成员进行作品汇总,完成相关站点的链接。
(11)检查链接,清除多余文件和图片。
4.自我评价。
这次实训充分利用了课堂所学,掌握了许多关键技术,例如模版技术,css样式,使得制作过程方便了很多。
在完成基本要求得基础上,文件夹、文件命名规范;文件存放位置合理;。
制作完成之后进行过现场清理:没有无用的文件、文件夹,没有断链(外部链接不算);工作量饱满:内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。
不过也有些不足,比如一开始没有把两个人制作的文件夹分开,导致后面汇总时比较麻烦。
不过总的来说,对这次的作品相当满意,不仅选择了我们自己喜欢的内容,而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足,通过学习,知道了如何改进我们的缺点,相信在以后的应用中,我们会做的更加完美!
网页设计实训报告篇六
来公司担任网页设计师一职快3个月了,时间虽不长,可我学到了很多东西。每个人都是在不断的总结中成长,在不断的审视中完善自己。在这几个月的时间里,我也是在总结、审视中脚踏实地地完成好本职工作,总结如下:
一、思想方面:
严格按照一个网页设计人员应有的素养来约束自已,爱岗敬业,具有强烈的责任感和事业心,积极主动认真的学习专业知识,工作态度端正,认真负责,听从公司的安排,任劳任怨。
二、工作方面:
热爱自己的本职工作,能够正确认真的对待每一项工作,工作投入,热心为大家服务,认真遵守劳动纪律,按时上下班,有效利用工作时间,坚守岗位,需要加班完成工作按时加班加点,保证工作能按时完成。
在技术型团队中,技术不是万能的,但是没有技术是万万不能的。技术跟人品同等重要,技术水平是受人重视和尊重的重要砝码。请牢记:“如果一个技术人员在一两年内都没有更新过自己的知识,那么,其实他已经不再属于这个行业了。”不要告诉自己没有时间,时间就像海绵里面的水,所以,坚持学习专业知识。20xx年的目标就是高效、完美的完成自己的本质工作。
二、工作中的不足:
虽然通过三个月的努力,技术水平有所提高,但是还是存在很多不足的地方,因为基础打的不够好,很多地方学习起来有些吃力,不停的问同事,也给别人带来了不少麻烦,因为知识的不足,使得开始的学习有些混乱,感觉不知道从哪里开始学起,无从下手,浪费了不少时间!
网页设计实训报告篇七
实习目的1、通过实习,使学生加深对所学课程内容的认识、理解、掌握,达到对所学知识、技能系统化、条理化的目的,巩固、提高学习效果。
2、通过综合应用实习,熟练掌握dreamwervermx8、flashmx8、fireworks8的各项操作并能够掌握制作网页的技能,根据所学技能学以致用,解决实际问题,提高操作应用熟练程度。
知道dreamwervermx8是及网页制作和网站管理于一身的网页制作软件,它是专门为网页设计师量身定制的可视化网页制作软件,利用它可以为方便、快捷地制作跨平台话浏览的动感网业。
了解fireworks是处理图片的软件,使用它可以创建和编辑位图、矢量图形,还可以非常轻松的做出各种网页设计中常见的效果,例如动画、转换图像、导航条、下拉菜单等。设计完成以后,如果要在网页设计中使用,可将它输出为teml文件,还能输出在photoshop、illustrator和flash等软件中编辑的格式。
通过对flash的学习,掌握如何处理矢量图形,制作矢量动画,掌握如何添加音乐、时动作控制在flash内容和集成flash影片,了解actionscript脚本语言创建交换形式、在实习的过程中巩固了对前面的知识的学习,加深对知识的了解,进一步对网页设计的见解,也突出了个人的特点,运用所学的知识做出了让自己满意的作品。
四、实习内容及方法。
一、实习任务:
1、通过仔细阅读网页设计及网站规划课程教材、网上资料、教参等相关内容,加深对相关概念的理解、理论的理解、掌握、运用。
2、严格按照实习指导书的相关要求,完成了各项综合操作,并将相应图像制作、动画制作和页面设计的作品进行了保存。3、及时积极完成各项实习报告的撰写。
4、实习结果及实习项目严格按照要求及时保存、展示。
二、实习内容:
(一)、使用dreamwervermx8、flashmx8、fireworks8完成惠尔公司网站。(二)、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。
1、创建一个站点:
站点的名称就是“惠儿网站”,站点创建成功命一个首页是再下面创建了5、、、、。其示意图如下:
2、网页中的图像处理:
利用photoshop、和fireworks通过处理风景图。
在里面运用到滤镜的工具目的是让图片更加的形象逼真,处理后的图片效果如图所示:
3、布局与表格的编排:
在网页设计中我偏好用表单编排一般情况下我的布局是在一个大的表单里写很多文字插入许多图片。其版面如图所示:
1.
二级页面制作方法如法炮制。4、网页的链接。
网站中重要的就是各个子网页与主页面之间的链接,如果没连接好或者链接错误就会影响整个网站运行的效果。列如我要把产品列表这个二级网页跟主网页链接方法如下:
回到/点击页面右下方的链接文件夹,找到我要链接的二级网页。
打开/链接后我的链接字体会变成我所设置的字体颜色,这样表明我的链接成功。
预览后在主页面点击“产品列表”就会显示到我的产品列表二级页面。
其他页面方法同上。
产品列表:将“产品列表”同首页进行链接,然后预览成功!邮箱登陆:将“邮箱登陆”同首页进行链接,然后预览成功!
联系我们:将“联系我们”同首页进行链接,然后预览成功!
公司简介:将“公司简介”同首页进行链接,然后预览成功!
5、层与行为的应用。
“跟踪图像”。这个跟踪图像将作为“层”布局页面的参照对象。
2)选择“查看”----“标尺”----“显示,打开标尺”
3)选择“查看”----“网络”----“显示网络”,4)在“网格设置”对话框中,选中“显示网格”和“靠齐到网格”
5)为了防止层的重叠,需要打开“层”面板。选择“窗口”,“层”,打开层面板。
1)打开flash软件,在里面建立8个图层。并且准备一副适合做标示的图片。
2)在图层1上做1帧到160幀的普通帧、在图层2上从第十帧开始。
插入关键帧25帧结束,在第10帧上写入“同”字,在25帧上写“心”字,再回到第10帧创建补间动画。在图层3上创建帧从25帧到40帧结束在25帧上写“协”字创建关键帧到40帧写“力”字,再返回到25帧创建补间动画。在图层4上从40帧到55帧结束在40帧上写“共”创建关键帧到55帧写“创”字,在图层7上从第十帧开始插入关键帧25帧结束,在第10帧上写入“辉”字,在25帧上写“煌”依次而下做到160帧。
3)帧做好后敲击enter键就可以播放flash动画,如果想插入网页就。
按步骤走,文件—导出—导出影片,/最后点击保存。
在这里我给自己的网页设计的特效是让一行字体在来回跑动方法如下:
1)选中你要设计特效的字体选择工具栏上的标“签选择器”,“html”插入,关闭。
2)然后预览就会出现从右到左的字幕。8、控制多个影片的播放。
制作的方法:
网页分隔线可以说是网页中不可缺少的元素,它主要用于分隔网页内容也可以用于装饰网页。在网页中插入一个层,然后在层中插入一个表格,设置表格的间距,然后在表格的单元格中插入图片,设置时间轴。调出时间轴,在时间轴必要的地方添加改变属性行为,并设置层对象的属性添加行为和改变属性。
五、结论。
1、收获。
photoshop、fireworks、dreamweaver、flash的应运更加熟练.在制作网站的过程中,我们参照老师给的惠尔公司网站图片,尽可能地想把我们自己的网站做的美观、内容丰富。网页制作需要有很多的色调搭配能力和很好的布局能力,再加上自己的风格创新能力,才能做出精美的网站。在这几天的实习中,我学到无论作什么事都要有细心有耐心。尤其是在新疆停网的状态下,搜集不到素材,所以,在网页的制作上还是有一定的局限性。网站的布局上我也突出了自己的特点。尤其是在制作flash的时候老师给予了很大及时的帮助,让我在制作的时候不至于给我带来很大麻烦。同时,也希望我们能利用我们学习的知识技能更好的为学院,为同学们服务,也希望我们能够互相学习,互相取长补短,使我们每个同学能够更好的进步。
2、不足。
在实习中我发觉网站的制作过程中,1、自己脑袋里没有装东西(网站的综合布局、网页的构思和编排)。
甚至老师把作业布置下来自己还不知道该从那个地方着手很是茫然。
2、自己的阅历不够,自己的网站应该是一个怎样的网站,里面要放。
些啥内容,该怎样去组织这些内容,心里没底。
3、尤其是老师在前面教过的内容自己没有及时的练习和巩固,以至。
片都不能做出自己想要的效果。最重要的是在制作网页的时候,色彩搭配特别重要,而我自己对颜色的搭配不是很了解,感觉做出的东西老是颜色深的地方特别深,淡的地方特别淡,感觉不协调。
5、新疆停网的原因,使我们在素材的搜集上变得很被动,所以导致。
做出的东西很简单,所以我觉得,知识应用的全部全还要看准备是否充分。
6、在以后的学习中我会更加认真地去学习,去掌握这些软件的用法,便于在以后做东西的时候能更好地运用。
六、致谢。
在网页实习结束的时候我要感谢辛勤的班主任老师,在这个学期代我们的网页设计以外还代了很多别的课,所以很辛苦,在上课期间和实习期间同学在学习中遇到问题都耐心的为他们讲解直到他们听懂为止。正是在老师的号召下我们对网页设计的兴趣也非常的浓厚,在实习中我发现很多同学的网站做的很好很有特色,这都少不了老师的指导。在老师的带领下我们学到很多书本上学不到的东西,相信在以后找工作中我们会多了一个筹码。
其次,要感谢学校给我们安排了期末的课程实习,让我们能在学期末重新温习和总结整个一学期以来学习的知识,并且总结自己的不足,在以后的学习中能够加以改正和补充。
最后,再次感谢学校和指导的老师!
网页设计实训报告篇八
专业:班级:姓名:
一、实习目的(一)检验自己是不是真的适合这个职业。
鉴于自己对未来的职业生涯的规划更倾向于设计,这和自己所学的专业不是。
十分有联系,所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作,为以后求职之路少走弯路做一定的尝试。
(二)在实践中查漏补缺。
在学校学习的网站建设知识仅仅停留在平时的作业里,并没有得到充分的运。
用。希望可以藉由这次实习,好好巩固书面知识。在实际运用中通过发现问题,解决问题对知识进行查漏补缺。
(三)在工作中打磨自己。
由于学校和社会是截然不同的生活、学习、工作氛围,在工作中我们不可以。
像在学校一样随心所欲,待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里,和同事上司的相处中获得这方面的成长。
二、实习内容。
(一)实习主要内容。
广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和。
销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作,涉及前台的外观设计和后台的代码编写,以及宣传册的设计。
1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。
1)使用photoshop、ai等图片处理软件设计、处理和制作网站上需要的图片。
2)使用span+css样式及基础的html语言做页面布局的排版。
3)使用photoshop对网页进行配色及排版设计。
4)编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示。
2、负责网站的几个主体模块的文案撰写和后台编辑。
1)在已有的文案上配合网站架构进行提炼和归纳整理。
2)使用photoshop对文案进行概念配图。
3)在后台将文案部分合理配色排版。
4)按照网站架构在后台录入所有产品资料。
(二)工作过程。
在公司的2个多月里,我的工作都是由负责整个网站文案架构的曹经理分配。
监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多,学习很多,影响我很多,让我回想起来都是历历在目的事情重点说一下。
1、经理让我按照网页设计师提供的jpg稿变成span和css。
1)这个任务简单来说就是架构网页框架和完善里面的文本主体。里面涉及很多文本,我觉得既然有具体的设计稿就一定保存有文案,所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是,让我重新输入文本可以帮助检查错误,同时可以让我更熟悉公司的产品和网站的主要内容,对我后面的工作有帮助。顿时知道,一个实习生想到的东四是多么的肤浅,对经理工作上的态度更是肃然起敬。
2)因为经理没想要让实习生负责过于复杂的事情,在这部分工作中设计的span和css的内容并没有很复杂,需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了,以至于最后通过多次检查,发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度,有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比,看清楚哪个更合适才确定的。
2、经理让我设计几个栏目对应的banner图片。
1)由于自己并没有专门学过banner规范和设计方面的专业知识,有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大,但是觉得经理让我去做,就是相信我的能力。所以我也没有慌,按照自己的节奏和需要边学边做。
从整体了解主题:自己找了多个类似的企业网站作参考,通过总结企业网站。
中,几个主要的栏目在网站上具体意义,体会这对应的几个栏目banner的设计意义。
思考配色与构图:对整个内容有了一了解后,便要思考作品的色彩和具体的构图,先用笔画出草图,有时候也会直接在脑海里构思。除了从公司的角度,围绕要传达的东西去设计,我也充分意识到要转换身份从用户的角度出发,怎样才可以更吸引人。总体来说就是除了审美上的设计,也考虑很多目的性。
查找素材:素材这个问题我总结了一种思路,电脑里下载一些专业的“科技。
信息”图库。另外配合专业在线图库网站(通常是国外站点)+google,百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材,选择是非常大的。最后就是不断地观察对比最终效果,看哪几张banner图片更适合整体网站。
2)最终banner图片并没有全都采用我设计的,有一些还是因为不够大气被撤下来了。一开始我还挺灰心,觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下,才给我这个机会去让我发挥一下的,所以我好好学习了别人的图片,看自己的和别人的差别在哪里,不浪费这次尝试性地努力。
3、经理让我参考旧网站单独做一个公司简介的页面。
1)我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘,如果想要浏览网站的用户肯停留在这个页面多几秒,或者因为这个公司简介的页面而更信任这个公司的产品,更有冲动订个公司的寄存柜就要在文案的内容上下功夫,就要在表现上更生动,让人看着不会觉得文字流水账,很烦躁。
于是在经理没有给我严格期限的时候,我选择了按照自己的思路去修改文案,把多余的文字删掉,根据公司的优势修改出精简的几点,变得更有条理更有重点。
这只是对文案的初步处理,接着根据几个要点用photoshop处理几张概念配。
图出来,将公司寄存柜的技术水平之领先,应用领域之众多,销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成,花的时间虽然多,但是最终的效果得到了经理的肯定,对网站的宣传作用起到了很好的帮助,这都是值得的。
三、实习体会。
做了2个月的网页设计和编辑的实习生,终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后,经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习,我不仅将自己在学校学过的东西通过实践进步一巩固,也通过向公司的人请教学到很多工作上的技巧,更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分,是我们毕业生必须面对的。就算是遇到困难,我也会用平常的心态实际看待问题,不说“不可能”,而是冷静下来思考如何处理并付诸于实践。
在实习的日子,我学习到了很多如果没有这次经历,就不会有的细腻体会。
(一)深刻感受到什么是真正的细心。
其实在高中甚至到大学,老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里,因为无意和粗心犯下的错误,才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误,正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情,我们都要养成习惯,以细心认真的态度对待。
(二)主动思考的重要性。
从学校走向社会,首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人,一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点,这不是指一直主动问上司有什么事做,而是在别人交付你任务的时候自己主动想一下怎么做才更好,而不是把自己当一个机器人一样。就像做公司简介页面的时候,我把自己做得效果给经理看的时候,经理说“你真的很用心,很负责”,“你做的公司简介那个页面,让我感触很深”。
(三)、沟通的度要把握好。
工作过程中有许多时候需要和经理进行沟通,但是我在沟通的度上没有把握。
好。好像仗着自己是只做几个月的实习生,有些提建议的话没有用比较适合和委婉的语气表达。虽然经理没有明说,但是我自己意识到了。有些时候工作交接的时候,自己并没有很清楚细节,但是问太多又怕打扰到经理的工作,导致最终工作也没进行好。所以这个沟通的度要把握好。该问该说的都要说出来,只要是会影响到工作质量的都要礼貌地说出来。这样才是真正地为公司好。
总之,这次实习,自己确实学到了很多也成长了许多。在实习期间,每日重复单调繁琐的工作,时间久了容易厌倦。但是工作简单也不能马虎,你一个小小的错误可能会给公司带来巨大的麻烦或损失,还是得认真完成。这段时间,我看到了自己本身存在着许多问题,也会遇到这样那样的问题,当前的时代日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需再加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后的工作存储更多的能力。
网页设计实训报告篇九
这是我的第一次实训,然而当一个大学生第一次踏足这个社会,或许会觉得彷徨,毕竟年轻的我们,有16年都是在学校中度过的,再加上不断的听闻实训、招聘的社会有多残酷有多现实,但是其实只要我们愿意踏出第一步,初生牛犊不怕虎,大胆去闯吧,还是有公司能够包容我们。所以抱着不怕辛苦,耐心向学的心情,我还是决定闯一闯,毕竟大学这个亚社会和真实的社会真的差太多太多了,在实训中,得到任何与自己专业相关的知识,规划自己以后将要实现的目标,学会如何在公司里处理人事关系,协调合作等等。然而实训后,发现自己仍在在所学的知识上欠缺完整性和技能的熟悉,实训是一件很有意义的事,是大学生踏入社会前减少在社会上碰壁的好方法。
回顾这一个月来的实训生活是一件很值得纪念的事,这是我第一次在外实训,第一次在网上投简历能收到回复。对于我们这样的艺术设计学生,我深刻的体会到单单是学校教的远远不够,学校教的很笼统,很抽象,很大概,如果可以,我希望这个专业的师弟师妹们,有空多多到图书馆充实自己,静下心来充分自学。在外实训前,第一件事是把自己卖出去,包装自己,所以简历很重要,务必属实,因为你有多少两重,阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试,衣服当然要穿正装,其实我也想的只是大二实训期没有大三的三个月那么长,就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘,所以我感觉到万分荣幸能够进到这一支专业的创业团队,真的是一件了不起的事,而且这个岗位与我学习的和自己喜爱的科目对的很准,我自己也十分乐于这份工作。
记得刚开始的一个多星期,公司并没有让我马上投入工作,因为当时对产品了解不熟悉,要从学校的圈子走出来到商业模式去还是有点顾虑,但是当你接触到这商业化的东西,你会发现,学校的东西远远不足。所以一般公司会进行些培训,很感激william杨,他提供了很多设计的书籍给我自学阅读,可惜在我深刻读完《瞬间之美--web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后,就再也很难抽取一点时间来阅读了。
在接下来的这个月里,除了必要的培训以熟悉公司及其产品知识外,我也开始忙碌起来,因为产品的第一个内部版本需要再x月x日这个好日子发布。刚开始的两个星期,因为对产品并不熟悉,一直以来在学校设计的作品都很“学校”但是商业设计比较少,出头设计的时候真的抓破头脑,因为习惯了学校的生活,习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢,就是一种填鸭式的,根据参考去模仿设计,然而在社会上涉及很多工作人员。
我很喜欢你们,喜欢这样的工作氛围,谢谢你们!
网页设计实训报告篇十
一连上了两个星期的网页实训课,可以说学到很多以前没有学到的东西。
虽然在大一的时候我们的专业出开设了网页设计课,但感觉这两个星期学到的远远比以前学一个学期的要多,要丰富。
每一天都有新的内容要学,让人感觉很兴奋,很高兴,恨不得马上就把它给学会。
通过这次实训使我更熟练掌握 dreamweaver、 flash 、fireworks 、photoshop等软件的功能和应用。
不但如此,更增加了同学间的友谊,陪养了彼此间的团结。
在这期间,每一天老师都会发一些素材和实训给我们,首先是网页素材的准备,在网上查看一些网页背景和背景颜色搭配,让我了解到网页的颜色不能多过3种色彩。
接下来的几天再结合自己的网页来进行策划,在做首页之前,先用图纸把网页的结构画出来,内容和结构都想清楚用fireworks把网页设计出来,再切割图片,把它们导成html格式在dreamweaver中进行进一步的编辑。
我们的网站主要是围绕宿舍而展开的一串活动、人物等,宿舍给我们一种很温馨、很快乐的感觉,所以我们决定将这次的网页名叫funny room。
主题确定好了,那么分工出就明确了,我们组有三个人,两个人负责找素材,另一个美术好的就负责网页的页面设计,但是我们始终不是学美术方面的,所以色彩方面搭配的不是很好,后来采用了色彩比较清新自然的绿色来作为首页的主色调,让人第一眼看上去就有难忘的感觉。
而从第二页开始就采用粉色为主色调,让人可以感受到我们的'主题,因为首页和其它的颜色不一样,所以我们就把首页当作是过渡页,第二页开始才是网页的内容。
为了增加网页的新鲜感和活泼感,还适当在添加一些透明flash和一些网页特效。
在这实训的时间里面,我们分工合作,共同努力,对网页反复调试和修改,特别是对于fireworks软件不那么熟悉,有很多的实例都要看过老师的演示才会明白,不过这也恰恰让我学到更多。
虽然中途难不免会有因为意见的不合而发生一些小小的争吵,但我觉得不影响我们的网页设计,反而会因为这些不同的意见而重新学到更多的知识。
我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握dreamweaver的应用。
通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。
我还了解了一些基础的网络技术。
通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。
尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。
在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、flash、fireworks等网页软件的综合应用。
下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。
在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先,要·确定网页设计的内容一个优秀的风站要有一个明确的主题。
整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。
用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.
在完成以上的基本内容之后网页的基本框架便成形成了,
下面要开始的便是优化工作,
内容是整个网页的核心。
在网页设计之前必须明确网页的内容安排。
优秀网页设计是要建立在平凡的基础上的。
然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。
大纲列出来后,还必须考虑每个页面之间的链接关系。
是星形,树形,或是网形链接。
这也是判别一个网站优劣的重要标志。
链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。
下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。
如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。
大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。
另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。
在准备材料的时候我们可以用一些小的动画和动态图片,flash提供了功能齐全的绘图和编辑图形工具。
可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。
在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。
然后是开始正式制作主页。
通过dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说,通过这个假期对网页设计的学习,有收获也有遗憾。
但是,我已经迈入了网页设计的大门,只要我再认真努力的去学习,在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。
网页设计实训报告篇十一
网页设计中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。
1、视听元素。
这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。
以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后,提供了基于ole的activex技术,用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序,相比于插件和activex,javaapplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。
2、版式设计。
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。
网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则。但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页的艺术设计,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以下三个主要原则:。
1、主题鲜明。
视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的,是使主题在适当的环境里被研究们即时地理解和接受,以满足研究们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。
根据认知心理学的理论,大多数研究在短期记忆中只能同时把握4到7条分立的信息,而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘,概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中,它要求视觉设计者的网页设计必须自觉地掌握和遵从。
作为视觉设计范畴一种的网页设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。只有两个方面有机地统一,生能实现最佳的主题诉求效果。
优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个研究站点与商业站点性质不同,目的也不同,所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,即要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。当然,有些情况下,“功能”即是“主题”,还有些情况下,“美”即是主题。例如,雅虎作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,就是——美。
只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,出现平庸的网页设计或使网页设计以失败而告终。
要使网页从形式上获得良好的诱导力,鲜明地突出诉求主题,具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
2、形式与内容统一。
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。”(黑格尔美学第三卷)。
一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,生能体现出网页设计独具的分量和特有的价值。另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。
据有关资料所做的保守估计,目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等,虽然达到了其静态形式美的效果,却造成多达几十k甚至更大的网页数据,使浏览者必须等待很长时间生能看到“庐山真面目”,这样的网页就不是一个优秀的网页,因为它不符合网页传播信息的突出特性之一——快捷性,使网页内容不能很快地到达访问者,影响了访问效果和质量,损害了访问者的情趣和积极性,这种技术要素影响了传达信息的效果,因而不是形式与内容的完美统一。
网页具有多屏、分页、嵌套等特性,设计者可以对其进行形式上的适当变化以达到多变性处理效果,丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时,更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。
因此,在网页设计中必须注意形式与内容的高度统一。
3、强调整体。
网页的整体性包括内容和形式上的整体性,这里主要讨论设计形式上的整体性。
网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的时间和空间环境里为研究们所理解和接受,它以满足研究们的实用和需求为目标。设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给研究一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。
网页的结构形式是由各种视听要素组成的。在设计网页时,强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征,是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上,将页面中各视觉要素作通盘考虑,以周密的组织和精确的定位来获得页面的秩序感,即使运用“散”的结构,也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色,并注意色彩搭配的和谐;对于分屏的长页面,不可设计完第一屏再考虑下一屏。同样,整个网页内部的页面,都应统一规划,统一风格,让浏览者体会到设计者完整的设计思想。
从某种意义上讲,强调网页结构形式的视觉整体性必然会牺牲灵活的多变性,“物极必反”就是这个道理。因此,在强调网页整体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷,以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。
1、交互性与持续性。
网页不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因,也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息,即按照信息提供者的感觉、体验和事先确定的格式来传播。而在web环境下,研究们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互,使网页设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计研究员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页进行调整和修改。例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不定期的进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。
2、多维性。
多维性源于超级链接,主要体现在网页设计中对导航的设计上。由于超级链接的出现,网页的组织结构更加丰富,浏览者可以在各种主题之间自由跳转,从而打破了以前研究们接收信息的线性方式。例如,可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂,不仅使浏览者检索和查找信息增加了难度,也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息,设计者必须考虑快捷而完善的导航设计。
3、多种媒体的综合性。
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等,随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流(stream)技术的推动下,inter网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播等。因此,多种媒体的综合运用是网页设计的特点之一,是未来的发展方向。
4、版式的不可控性。
网页版式设计与传统印刷版式设计有着极大的差异:。
(2)网络正处于不断发展之中,不象印刷那样基本具备了成熟的印刷标准;。
(3)网页设计过程中有关web的每一件事都可能随时发生变化。
这一切说明,网络应用尚处在发展之中,关于网络应用也很难在各个方面都制订出统一的标准,这必然导致网页版式设计的不可控制性。其具体表现为:。
(1)网页页面会根据当前浏览器窗口大小自动格式化输出;。
(2)网页的浏览者可以控制网页页面在浏览器中的显示方式;。
(3)不同种类、版本的浏览器观察同一个网页页面,效果会有所不同;。
(4)用户的浏览器工作环境不同,显示效果也会有所不同。
把所有这些问题归结为一点,即网页设计者无法控制页面在用户端的最终显示效果,但这也正是网页设计的吸引研究之处。
5、技术与艺术结合的紧密性。
设计是主观和客观共同作用的结果,是在自由和不自由之间进行的,设计者不能超越自身已有经验和所处环境提供的客观条件限制,优秀设计者正是在掌握客观规律基础上得到了完全的自由,一种想象和创造的自由。网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网页设计者应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样生能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。
例如,浏览者欣赏一段音乐或电影,以前必须先将这段音乐或电影下载回本地机器,然后使用相应的程序来播放,由于音频或视频文件都比较大,需要较长的下载时间。流(stream)技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在下载过程中就可以欣赏这段音乐或电影,实现了实时的网上视频直播服务和在线欣赏音乐服务,无疑增强了页面传播信息的表现力和感染力。
网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的`视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界。
技术与艺术的紧密结合在网页设计中体现得尤为突出。
网页设计实训报告篇十二
致力于提供基于互联网信息发布,垂直搜索,信息集合和推荐算法的解决方案,公司合伙人有7年的相关技术积累和成功案例。
在杂乱无序的网页中抽取特定的信息,虎之翼的抽取引擎可以高效地实现自由文本的抽取,我们有自有的数据抽取设计器,低成本地完成特定信息的抽取。
虎之翼科技网络爬虫不仅仅可以实现分布式部署和统一管理,还能执行js,配合我们的抽取引擎实现实时的数据抽取。
将特定的信息通过http协议层自动推送到成千上万个ugc网站是虎之翼科技的核心技术,在电子商务领域实现商品在多个网店的自动上下架已经是互联网发展的必然趋势,我们的信息发布引擎已经有上万人次的使用和上亿次的产品发布。
虎之翼的核心技术团队是国内最早从事垂直搜索引擎的团队之一,我们有超过7年的垂直搜索引擎研发经验。在信息抽取,信息索引,分布式管理上有成熟的解决方案。
公司开展了安全消防知识培训,讲师们以生动的方式讲叙了多种情况下的火灾现场及其灭火方法等,不但掌握了一些消防安全工作的基本理论知识,还给我们的生活习惯带来了一点提醒。火灾的危害,在日常工作中往往被人民忽视,总是存在侥幸心理,往往要等到发生了事故,造成了损失,才会回过头来警醒。“隐患险于明火,防范胜于救灾,责任重于泰山。”这十八个是xxx十多年前提出的,至今仍是消防工作的主旨所在。而要不使火灾造成危害,做好预防工作是最重要的,“预防为主,防消结合”才是消防工作的主要方针。消除火灾隐患、提高防火意识,不作口头文章,以实际行动和措施来切实做好消防安全工作。东鹏是一个文化氛围较浓厚的企业,员工多,厂区密集,一旦发生火灾,经济损失和名誉损失将非常的严重,消防工作容不得半点疏忽。通过这次培训,我们还是发现大部分员工的防火意识比较薄弱。不论是一线工作的车间人员还是公司管理人员,都应对岗位和部门可能涉及到的消防器材和消防通道等消防相关设施有充分的了解,都应该定期接受相关专家的消防安全教育培训,内容包括:有关消防法规、消防安全制度、保障消防安全的操作规程;各岗位的火灾危险性和防火措施;各种消防设施的性能、灭火器材的使用方法;报火警、扑救初起火灾和自救逃生的知识和技能等。除了定期的培训之外,还要经常组织进行防火检查,发现火灾隐患,要记录在案并及时研究整改。消防安全工作要做到,不为隐患留空隙。千里之堤,毁于蚁穴。火灾的防范要从大处着眼,但应该从小处做起。细节不轻易引人注重,如老化的绝缘材料、放错了位置的设备,随手烂扔得烟头等。但几乎所有的重大事故都是由于起初的不注重、不小心引起的,这些轻易被忽略的细节很轻易成为小事故的放大器,使得小火酿成大祸。消防工作是一项复杂的系统工程,它广泛涉及到社会的各个领域,与社会进步,经济发展和人民群众生活紧密相关,一旦发生火灾,不仅造成财产的损失,而且易造成人员伤亡,影响社会的安定,因此,做好消防工作,是直接关系到国家和人民生命财产的一件大事。在以后的生活中,我们要把学到的消防知识充分运用到生活中去,更加努力的提高消防知识水平,为保证别人生命的安全运作贡献自己一份力量。正式上市,这是我们在房地产行业的研发成果。这是房地产电子商务领域第一个综合性的一站式营销解决方案。
回顾这一个月来的实习生活是一件很值得纪念的事,这是我第一次在外实习,第一次在网上投简历能收到回复。对于我们这样的艺术设计学生,我深刻的体会到单单是学校教的远远不够,学校教的很笼统,很抽象,很大概,如果可以,我希望这个专业的师弟师妹们,有空多多到图书馆充实自己,静下心来充分自学。在外实习前,第一件事是把自己卖出去,包装自己,所以简历很重要,务必属实,因为你有多少两重,阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试,衣服当然要穿正装,其实我也想的只是大二实习期没有大三的三个月那么长,就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘,所以我感觉到万分荣幸能够进到这一支专业的创业团队,真的是一件了不起的事,而且这个岗位与我学习的和自己喜爱的科目对的很准,我自己也十分乐于这份工作。
记得刚开始的一个多星期,公司并没有让我马上投入工作,因为当时对产品了解不熟悉,要从学校的圈子走出来到商业模式去还是有点顾虑,但是当你接触到这商业化的东西,你会发现,学校的东西远远不足。所以一般公司会进行些培训,很感激william杨,他提供了很多设计的书籍给我自学阅读,可惜在我深刻读完《瞬间之美--web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后,就再也很难抽取一点时间来阅读了。
在接下来的这个月里,除了必要的培训以熟悉公司及其产品知识外,我也开始忙碌起来,因为产品的第一个内部版本需要再8月8日这个好日子发布。刚开始的两个星期,因为对产品并不熟悉,一直以来在学校设计的作品都很“学校”但是商业设计比较少,出头设计的时候真的抓破头脑,因为习惯了学校的.生活,习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢,就是一种填鸭式的,根据参考去模仿设计,然而在社会上涉及很多工作人员。
我很喜欢你们,喜欢这样的工作氛围,谢谢你们。
网页设计实训报告篇十三
利用假期和休息时间,初步学习了有关html+css的知识,感触颇多。做网站原来一直处于一种茫然的状态,边学边做,边实践边维护,每每遇到问题了,便会花费很大的精力去解决,在解决问题的过程中也慢慢提高,但工作有时相当的吃力。通过一段时间详细的接触到html+css,从基础知识补起,利用空闲时间看书及有关span+css“布局入门教程”,它通过举一个例子,然后让你上机测试效果,让我有对样式表css有一个初步的印象,知道了css能做什么。我觉得这份教程很有条理,由浅入深,一步一步引领你向前走,让你明白他们在说什么。
在些之前,我是从未接触过span+css的,甚至连dreamwear、photoshop的工具也都是皮毛。我的学习思路是这样的:
一、先写html还是先写css?
对于一个新手而言,在有了一点html知识之后,对于css、span都感觉特别的疑惑,不知道这其中到底是什么联系?为什么用了css的网页不能像其它代码一样直观?html和css哪个先写?其实这些问题在我看完教程,但还没真正上手实践时的疑惑!等真正上手自己做时,我才发现应该两者同时写!
二、把站点建好,目录建好,比如建好文件夹css,images,这两个是最其本的,空文件,空样式表,这个文件上,链接写在中。
三、写html中的.最基本的布局部分,都是用span,然后直接在span里加入id或class,这些布局部分包括外套部分,头部分,中间部分,左,中,右,版权部分等。
四、到样式表中写各个布局层的样式。
五、写一段代码后就进行浏览器的测试,同时用ie6与ff一起测试。在浏览器中调试,调试时发现许多之前没有预料的问题,如浏览器的兼容问题、浮动的问题等。
六、不断的找出问题、理解怎么出错的,不断的再测试!
这样的学习和研究过程,让我体验到了许多次的付出与回报的乐趣,如:
第一:阅读一本书,一般来说我第一次要先把整个书通读一遍,不理解的也要往下看,因为在往下看的过程中也许会找到那个问题的答案,等看完后我会有一个大概的印象,但一定会有很多不明白的地方,没关系,继续往下看。
第二:就要边看边做学习笔记了,我有随时写笔记的习惯,电子稿或手写稿均可。把自己认为是重点的部分写上,便于以后查阅;再者,把觉得有疑问的部分记下,带着疑问看下去,如果没有答案,上网查询或是问前辈,解疑是提高知识最快的一种方式。
第三:心态很重要,一定得静下心看书,能不越过的看就不越过,要树立信心,坚持再坚持下去。系统的将教程学完,一遍不行两遍,持之以恒。
第四:当你到达终点时你回发现一切都是顺理成章的事。因为你努力了,努力了就会有回报,有结果。
学习永远没有终点,随着学习,知识不断提高,所接触的技术领域也随之扩大。坚持看书,坚持以任何一种方式学习,都将受益无穷,也都是一件十分快乐的`事情。
网页设计实训报告篇十四
在经济迅速发展的今天,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来制作网页,对于图片部分的处理,个人觉得photoshop比较好用。
最后,我们就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。 网页做好之后,就要发布到web服务器上,才能够让全世界的朋友观看,还要不断地进行宣传,这样才能让更多的朋友认识它。
以上就是我对于网页制作的一些个人心得,由于本人的技术还不是很成熟,还存在很多的不足(如:背景过于单调和网页布置不合理)。选择学习这门课是很正确的选择,虽然在以后不会再有机会去上了,但我还是会通过各种方式继续页设计和制作的,同时很感谢带我入门的徐兵老师,让我有机会去学习有关网页的知识,谢谢!
【本文地址:http://www.xuefen.com.cn/zuowen/11738801.html】