网页设计师半年总结

时间过得很快，四季轮回的过程中，一年忙碌的工作时间结束。在这一年的工作中，大家通过工作，可学到更多方面的工作知识，也留下了众多的学习回忆。为记录这一年的成长，可编写一份年终总结。以下是小编精心整理的《网页设计师半年总结》相关资料，欢迎阅读！

第一篇：网页设计师半年总结

网页设计总结

四川机电职业技术学院

有一句话说的真的很对“纸上得来终觉浅，绝知此事要躬行”，大学生活我想人人都向往，为什么呢？因为玩得很好。高中时老师们就经常把大学如何如何挂在嘴边。是呀大学生大部分就是不上课就玩，缺乏实践和动手能力，思维有时也变得越来越不活跃。这次的实训就是很好的列子。

实训第一天，因为是设计动态网页要在ASP的平台上才能显示，老师就教我们安装，文件不要乱放等，就这一个安装我就试了好几次才成功，心情很不好，总是感觉计算机在跟我作对，很奇怪吧，有时候就是不想承认别人都做出来了，自己却没有。现在想想都觉得自己那时好幼稚，好可笑，好无知。随着做网页的时间增多，有的事就越做越熟练，就不会像第一天安装那个平台要试几次，现在一次就行而且是百分之百的成功。整个实训的过程可以说是所学知识的一个整理，一个综合，一个灵活运用。之前我们课堂上学的东西是一个个知识点，比较零散。虽然在实训之前我们也做过两个网站，但那是我们小组合作的，所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站，做网站的各个环节都要自己亲力亲为，可以说是一个挑战，同时也是对知识的一种升华。它不仅是dreamweaver软件的熟练操作，也是potoshop、flash软件的熟练运用。我们需要自己设计网站的LOGO这就需要运用到potoshop软件强大的图形图像处理功能，需要做出生动的网页效果，就需要flash做出动态的文字效果和图片切换效果。免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果„„通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。

在这次实训中，也有许多的困难的和问题，以前我还以为制作网页很简单，只需要在网页制作工具中动动鼠标，找点资料就可以完成，原来是我把网页制作看得太简单了，在这次实训中我知道我错了。制作网页不是简单的，需要分步骤，而且还要会为网页取名，取名真的很重要，而且要记着保存，有的时候吧，我就会忘了保存。老师在实训中也是不自一次的说建了一个网页或修改了网页中的东西，一定要记住保存，还有名字不能取中文。再取名字中也遇到了点问题，因为网页太多了，有时候自己取的什么名字都忘了，

共

2 页

第

页

四川机电职业技术学院

找一个后台就会找很久，然后慢慢学乖了，这个现象也在慢慢减少。当然了这还不是在制作过程中遇到最困难的问题，最困难的问题的是什么呢，当然是打不开网页了。我相信很多人都会遇到，我遇到的时候当然也是去看源码又没错，有时候是单词写错了，可有的时候我就是不知道哪里有错，找了很久也找不到，总之很心烦它就是不出来。这时候你就知道同学朋友有多重要了，我问好朋友为什么，也问同学，请他们帮我找错，他们也是很有耐心的帮我解决我所遇到的问题，有时候三四个人还一起讨论，感觉很棒。数据库的连接说容易也不容易，一不小心把文件的路径给改了或放错了位置也是不行，网页就会显示没找到所说的文件或对象，也可能无法显示。而且在制作过程中感觉很有趣，因为是按照自己的设计而制作的。要把自己所写的内容在网页上显示又需要连接和后台，我就在上面遇到了一个问题找不到对象，我明明有链接呀，也有内容呀，后来才清楚我只连接了一个地方还有个地方没连接所以就不能显示啦，而且也找不到。

在两周的实训日子里，虽然有时很心烦，无奈，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

共

2 页

第

页

第二篇：网页设计师个人工作总结

时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页

面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。

自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作;在

一个和谐的环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。

总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。

年终工作总结

来公司担任网页设计师一职快3个月了，时间虽不长，可我学到了很多东西。每个人都是在不断的总结中成长，在不断的审视中完善自己。在这几个月的时间里，我也是在总结、审视中脚踏实地地完成好本职工作，总结如下：

一、 思想方面：

严格按照一个网页设计人员应有

的素养来约束自已，爱岗敬业，具有强烈的责任感和事业心，积极主动认真的学习专业知识，工作态度端正，认真负责，听从公司的安排，任劳任怨。

二、 工作方面：

热爱自己的本职工作，能够正确认真的对待每一项工作，工作投入，热心为大家服务，认真遵守劳动纪律，按时上下班，有效利用工作时间，坚守岗位，需要加班完成工作按时加班加点，保证工作能按时完成。

在技术型团队中，技术不是万能的，但是没有技术是万万不能的。技术跟人品同等重要，技术水平是受人重视和尊重的重要砝码。请牢记：“如果一个技术人员在一两年内都没有更新过自己的知识，那么，其实他已经不再属于这个行业了。”不要告诉自己没有时间，时间就像海绵里面的水，所以，坚持学习专业知识。2014年的目标就是高效、完美的完成自己的本质工作。

三、 存在不足：

在公司领导以及部门领导同事的帮助和指教下，我的工作有了很大提高，当然我还存在着很多不足之处，对行业网站了解不够深，处理问题思路简单，不够成熟，工作中容易急躁，需要更深入学习专业知识，提高自己的工作水平。心态有多开发，视野就有多开阔。提高软件知识和技术只是问题的表面，本质是要提高自己认识问题、分析问题、解决问题的思想高度。在能胜任工作的基础上，去设计一些其他领域的专业知识，丰富自己的知识体系，提高自己的综合素质。

技术部：xxx

2014年1月15日

公司网页设计师试用期工作总结

时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。

2014年工作年终总结模板

几年已经过去了，掐指一算，来到同程已经整整一年了，在这里我对我一年以来的工作情况进行简要的总结，算是对公司也是对个人这段时间的工作的一个交代。

一、个人工作总结

我是去年2月有幸被同程录用的，之前我一直从事广告平面设计方面的工作，到了苏州后找的第一份工作就是网页设计，不过做的时间不是很长，对这方面还算是个生手。到了同程以后，先是担任平台设计师的工作至5月下旬，然后又调到网站建设部做网站设计师一直至今。在工作中，我学到了很多东西，从不懂，到有点懂，再到熟悉。这中间的过程，只有我自己最清楚。

很多时候，日常的工作是琐碎的，我们只有自己从中找到乐趣，才不会觉得枯燥;很多时候当我们做网站刚有灵感的时候，会突然有其它的工作布置下来，我们只有自己调整好自己的心态，统筹

安排好自己的工作，才不会手忙脚乱。

那天爸爸给我打电话的时候，我正在加班，爸爸说，怎么又在加班了，要注意身体。我告诉爸爸，不知道为什么我喜欢工作，喜欢那种充实的感觉，虽然有的时候回到家的时候真的很累，也会偶尔觉得自己活得有点辛苦，但是一旦自己真的闲下来的时候，反而觉得很不适应了。爸爸说，恭喜你，长大了，那至少说明你不是一个好逸恶劳的人。

我喜欢爸爸的评价，我是个极其热爱设计的人，有兴趣，有灵感，我知道我或许不是最好的，但是我一定是最有激情的。我真的很喜欢设计，我也不知道为什么，所以，我想证明自己，证明自己的能力和一颗真诚而执著的心。明天会怎么样，谁也不知道。至少今天我要对得起自己。

非常感谢公司给我这个成长的平台，令我在工作中能不断的学习，不断的进步，不断提升自身的素质与才能。

二、与同事相处

到了同程以后，要感谢的人真的很多…

在平台上工作的时候，感谢总监一直教导我，要不断提高自己的设计能力;感谢龚琳娜从我进公司的第一天起，就耐心的教给我很多我不懂的东西;感谢刘国平和邱小东，在我刚进公司对代码丝毫不懂的情况下，对我的热心的帮助。感谢有在平台上磨练的那段时光，正是那段时间激发了我的斗志和工作热情!

到了网站建设部以后，我被一种莫名的东西感动着。我们是一支年轻的队伍，部门经理也是一个80年代以后的年轻的女孩子。我们虽然年轻，但是我们并不浮躁，我们充满激情和憧憬，我们充满力量和动力。这不正是我想要的那种感觉吗?为了一个同目标，我们会齐心奋力向前。我的心找到了归宿，我安定了下来。我确定：这就是我的事业，为同程，为自己，努力着!前进着!

感谢每一个人对我的帮助和支持，感谢大家那么喜欢我我会继续努力的，

让我们前进的步伐越走越坚定!!!

三、与客户沟通

虽然从大学毕业的时间还不到两年，但是，可能因为我是一个不太能闲得住的人吧，从大二开始我就在学习之余将自己的另一只脚正式踏入了设计行业。

在来同程之前，我也接触过很多各种各样的客户，有蛮不讲理的，也有和蔼可亲的，不过那些都是和客户当面沟通交流的，和客户在意见上发生分歧时，大部分我可以很轻易的用我的设计专业方面的知识说服客户，甚至可以现场做出效果来改变他们的主意。

可是，来了同程之后，我才发现电话沟通真的是一门很深奥的学问。在电话这头的我，看不见电话那头客户的表情，动作，只能从电话中客户的语气来分析猜测客户此时的想法和心情。也渐渐开始明白：有些时候，不论客户再怎么纠缠，我都必须坚持某些工作上的原则，

因为一旦为一个客户开了先河，我就必须考虑到接下来该如何面对更多的客户，我必须为自己的一言一行负责到底;而有些时候，又必须对一些客户妥协，即使他们再怎么让我深恶痛绝，我还是必须认真的完成对他们的服务，因为不能因为一些小事，丢失掉一些重要的客户。感谢同程!让我从客观上对自己在以前所学的知识有了更加感性的认识，使自己更加充分地理解了理论与实际的关系。

四、工作态度

一个人的工作态度折射着一个人的人生态度，对于网页设计师http:/// 这个网站，的负责。而一个人的人生态度又决定一个人一生的成就。我的工作，就是我的生命的投影。一个天性乐观，对工作充满热忱的人，无论他眼下是在洗马桶、挖土方，或者是在经营着一家大公司，都会认为自己的工作是一项神圣的天职，并怀着深切的兴趣。对工作充满热忱的人，不论遇到多少艰难险阻，

都会像希尔顿一样：哪怕是洗一辈子马桶，也要做个洗马桶最优秀的人!所以我会努力让自己保持良好的心态工作，遵守公司的各项规章制度;完成各项工作和任务。我要在2014年比2014年做的更好。

五、建议和意见

1、首先，我觉得公司的天目湖拓展真的很好，加强同事之间的感情，加强了团结协作的能力。有很多同事，以前我都叫不出名字的，却在这次拓展中，让我发现了他们身上的很多平时发现不了的闪光点。让我更加热爱这个集体，热爱每一个可爱的同程人!

2、我觉得公司可以考虑给我们多点专业性的培训，就拿我们网站建设部来说，可以找一些在设计方面比较厉害的人给我们培训培训，或者多参加一些类似于上海国际旅游交易会那样的活动，可以开拓我们的视野，提升我们的设计水平，以及对旅游的认识。

3、还有一点，我感觉我们每天早

晨的晨会分享，以及我们部门每周五中午的专业培训挺好的，每次都能学到东西，有时候就是一些小小的技巧，却可以在工作中很大程度的提高工作效率。

以上只是我个人的一些愚见，如有不妥之处，还请大家原谅!

新的一年里我为自己制定了新的目标，那就是要加紧学习，更好的充实自己，以饱满的精神状态来迎接新一年工作的挑战。我心里在暗暗的为自己鼓劲。要在工作中站稳脚步，踏踏实实，多向其他同事学习，取长补短，相互交流好的工作经验，共同进步，争取更好的工作成绩，为公司做出更大的贡献。

设计师个人工作总结

尊敬的各位领导各位同事你们好，转眼间辉煌的二零零七年即将离我们而去，盼望已久的奥运零八带着神秘的微笑正向我们招手!光阴似箭，岁月匆匆，时间伴随着我们的脚步急驰而去，穆然回首，才发现过去的一年并不能画上圆满的句号，内心不仅感慨万千，新的一

年又开始了，在我们昂首期待未来的时候，有必要对过去一年的工作做一个回顾，总结以往的经验教训，以待在新的一年有所改进。

首先感谢公司的各位领导和同事给于我信任和支持,在公司领导的指引部门领导带领下，在各位同事的大力协助下，工作上取得满意得成果。不包括合作的工程个人业绩达180.3万元，虽然算不上骄人的业绩，但也是已经尽力地去把工作做到更好!设计工作是痛苦与快乐的炼狱，每当面临重大的设计任务时充满了压力，开始搜集各种资料，接下来寻找设计灵感，沉思、焦灼，经过痛苦煎熬，终于有了满意的创意时倍感轻松。每当经过艰苦的磨砺，自己的劳动成果得到大家的肯定时，便是工作中最大的快乐!充满了快意。

当然，工作中的痛苦与快乐首先要求有坚定的政治信念与立场，遵纪守法，爱岗敬业的强烈责任感和事业心。因为热爱自己的工作，所以精通本岗位的专

业知识和业务技能，熟悉有关行业规范，关注行业的发展趋势。时刻保持强烈的创新意识。钢铁纪律预示着非凡的成绩，遵守规章制度，坚守工作岗位，以极高的工作热情主动全身心地投入到自己的工作当中去，加班加点，毫无怨言。很好的理解自己工作和责任，履行了岗位职责，能够高质、高效的完成本职工作。为本部门的工作做出了应有的贡献。

下面是我过去一年来工作回顾：

}胜中阁楼 报价 效果图、

}和和宾馆 报价 效果图、

}水电局办公室、会议室效果图、

}土地管理局办公室、会议室、大厅效果图、

}万达高尔夫 报价、

}水岸华庭别墅 报价 效果图、

}望海科技别墅 报价 效果图、

}都是秀水别墅 报价 效果图 施工等工作任务大小不一，处理时间长短不同但是，我都是认认真真保质保量，按时完成，尽我最大的努力做好每一份

工作。过去的一年的整体上是紧张的、忙碌的、充实的，也是充满责任心的一年。展望新的工作，希望能够再接再砺，同时也需要再加强锻炼自身的设计水平和业务能力，在以后的工作中与同事多沟通，多探讨。多关心了解其他部门的工作性质，进一步提高自己专业知识技能，积极吸收新的观念与设计理念，要继续在自己的工作岗位上踏踏实实做事，老老实实做人，争取做出更大的成绩来，为公司带来更大的效益!在以后的工作中要保持着良好的心态，不怕苦不怕累，任劳任怨，多付出少抱怨，做好自己的本职工作。在以往的工作当中也存在着不足，争取改正以往的缺点，总结经验吸取精华，分析失败原因和工作当中的不足，为明年的工作做好战前的准备!

新的一年意味着新的起点新的机遇新的挑战!我将不断地总结与反省，不断地鞭策自己并充实能量，提高自身设计水平与业务水平，以适应时代和企

业的发展，与各位共同进步，与公司共同成长。争取在奥运零八再创佳绩，迈上一个新台阶。

第三篇：2020年网页设计师年终总结

撰写人：___________

日

期：___________

2020年网页设计师年终总结

时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。

记得初到公司时，我对公司的了解仅仅局限于公司___的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。

自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作;在一个和谐的环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。

总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的___、辉煌的事业做出应有的贡献。

范文仅供参考

感谢浏览

第四篇：网页设计总结报告

目录

一、设计介绍 ................................................................................................................. 2

二、制作过程 ............................................................................................................................ 3

1、 布局…………………………………………………………………………………………………………………………….. …3

2、相关插入……………………………………………………………………………………………………………………………..4

3、相关链接……………………………………………………………………………………………………………………………..4

三、制作代码 ................................................................................................................. 5

四、心得体会 ............................................................................................................. 7

五、参考资料 ............................................................................................................. 8

一、网页设计介绍

从文件的角度来说，一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后，在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容，为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序，只有HTML代码，一般以.html或.htm为后缀名的网页，静态网站内容不会在制作完成后发生变化，任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合，是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站，是指带有一定主题的多个网页集合;对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中，有一个页面比较特殊，称为首页，即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记，而且还含有程序代码，并使用数据库连接。动态网页能根据不同的时间，不同的来访者显示不同的内容，动态网站更新方便，一般在后台直接更新。

我的网站是介绍自己的个人网站，这是一个关于家乡美食的介绍，总共6个页面，其中上有首页5个链接，包括剁椒鱼头，蚂蚁上树，浏阳蒸菜，家常酸菜鱼，长沙臭豆腐，而然后每个子页可以和上一页和下一页相连。

首页部分：介绍了湖南一些好吃的资料菜名，其中附有一张凤凰的图片，很想与老师和同学们分。

然后就是每个子页中，前四张介绍了五道菜和它们的做法，则是一道比较有名的小吃，为长沙臭豆腐，但由于其做法是秘方，只附有对其的介绍。

二、制作过程

网页布局

它们不仅能点缀网页，使网页更活泼有趣，而且在网上娱乐、电子商务等方面也有着不可忽视的作用。

网页是网站构成的基本元素。当浏览者移动鼠标，在网海中遨游的时候，一个个精彩的网页会呈现在用户目前。网页是否精彩，能否吸引浏览者，除了色彩的搭配、文字的变化、图片的处理等因素外，还有一个非常重要的因素：网页的布局。

1.建立布局

在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格和绘制层的帮助，很难组织出一个协调合理的页面。

1.在Dreamweaver8“插入”工具栏中单击“布局”进入布局模式，再切到“绘制层”绘制大概的布局再结合布局表格，从而建立一个大概的布局。

2.使用背景颜色：选中该项，按浏览可以插入准备需要的背景颜色作为表格的背景颜色

网页的版式设计，版式设计时我们应该有重点，把重要的内容新闻放在醒目的位置上。规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方。

文本编写，我们的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得”功能，直接写入文字。在浏览器中运行时出现冗余代码时返回代码页面重新进行查看修改。

2.网页中相关插入

图像传输是www的真正魅力所在，它与文字相比具有显著的优点：一直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度;二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。 在网页中插入图像

利用Dreamweaver可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。

1. 在网页需要的地方把光标定位在此位置。

2. 在“常用”栏中选择“图像”点击则打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。

3. 在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。

4. 在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置，这选中所插入的图片，单击它，则可以在下面的“属性”面板中对图片的高、宽等进行需要的设置，从而来达到自己的需要的尺寸。

3、相关链接

1、文字链接

1.选中需要链接的文字。

在“属性”面板中的链接去选择需要链接的文件里的网页或输入需要外部衔接的网址则可。 2图片热点链接

选中图片，在“属性”面板中选择你需要的形状的图像热点工具按钮并单击它，当光标变成“十“字形时则对它拖延。

三、制作代码

代码简介为了使源代码看起来更简洁，在制作的过程中更清晰，我的

DIV和CSS是分离的，每一个页面对应一个CSS，相同的布局则直接进行链接就可以达到效果，这样的方式不仅省时，还很清晰。在平时的网页制作过程中，我也会将CSS部分分离。

content="text/html; charset=gb2312" />

这个是网页共用的头代码。

其他部分代码也是大体相同的，只要替换好文字和图片的代码即可。

四、制作的心得体会

通过这次网站的制作，我对网站有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网站制作的过程与一些技巧手法更有了另外一番了解，对网站制作的基础知识也有了进一步的掌握。这个学期我们的网页设计课，与以前的课相比更加注重个人的创意能力和软件的运用实战能力，更加综合的考验了我，使我更加完善自我。现将我的作业情况汇报如下：

将理论与社会实践相结合，通过行业生产实践的形式，进一步了解、认识网页艺术设计工作在实际生活中广泛应用的表现渠道和表现方法，提高认知水平，缩短工作磨合期。根据项目课题要求，结合本专业所学网页设计理论知识，通过对网络广告等方面的调研和项目实践形成文字思路，并以自命题目设计完成多媒体网页设计制作。两项内容要求准确、完整，工作过程报告内容既要客观实际又要有认识深度，设计作品新颖有创意。

我首先的工作就是制作网站整体框架和收集资料，将其通过美图秀秀完善图片，然后导入Dreamweaver进行排版，并进一步的加以制作，完善美化，如加 入 Flash Css。由于我在某些方面的技术运用还不能得心应手，许多情况下不得不求他人。

我经过初步的构思，我因为要做的是湖南特色美食设计，所以要有一个时光主题，我在网上自己找到一些图片和文字，做一个简单的网站初步积累，考虑到主要是锻炼我们相关软件的操作能力与代码初步掌握的熟练成度，由于我们这段时间没有进行网站相关的课程，刚着手时，很多技术上的问题就暴露出来了，我感觉制作网页是需要耐心的，如果你没有耐心，你学不好网页设计，这是我最大的体会。因为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要长时间去解决，我就碰到过一个问题，用了很长时间才解决，在网上查各种资

料，向同学请教。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，只有综合运用多种知识，富于个性的页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。我完成了全部课件内容，忙碌的几周让大家从新熟悉制作网站的过程，由于这次课程的网页都是静态的，难度不算大。但收获还是很多的。比如将你的标志尽可能的放在每个页面上最突出的位置，突出你的标准色彩，这些就是我的经验收获。

参考资料：

网站建设自学资料;

百度百科。

13

江苏大学

静态网页制作报告

学院:计算机学院

班级 :网络1302

姓名:刘赛雄

学号:3130610036

	to colspan="3" hunan class="logo" best nowrap="nowrap">welcome province||your choice||perhaps your favorite food
	id="navigation"> href="javascript:;">好吃又好学的神菜 | |吃货必看

第五篇：网页设计听课总结

网页设计的阶段性课程：

1、规划阶段（网站策划）

2、设计阶段（网页美工）

3、实施阶段（网页制作）

详细流程：站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布

从创建站点开始（学会搭建并定义本地站点）

规划站点结构的原则（用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构） 搭建自己的网页文件夹 比如（images、midea等等）

创建站点文档（添加文件和文件夹、文件的管理）

HTML代码的基本结构（头部、主体）：

 

 

….

 

 

 

…

 

 

设定meta内容（通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置）

设定页面属性（标题、背景图像、背景色、文本颜色、边距）

添加文本（插入特殊字符、设定文本属性、改变字体和尺寸）

换行快捷键：enter 和shift+enter（br式回车 紧凑型）

网页支持的图像格式：gif、JPEG、png等

图像在网页中自动变形后，可以按“重新取样”后改变图片的大小

底部水平线修改颜色：点击快速标签编辑器修改源代码即可（如：color="green"） 插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件

插入javaapplet元素（源代码：…..）

插入交互图像（翻转图片和导航条）

JavaScript 脚本语句：<script type="text/JavaScript">…. </script>

设置滚动文字属性：在滚动文字前加上<marquee>代码滚动方向是：direction ="right"滚动速度是：scrollamount= "3" 延迟速度是：scrolldelay="100"

 

鼠标指向时停止滚动命令：onmouseover="this.stop()"

鼠标离开时开始滚动命令：onmouseout="this.start()"

在滚动文字结束代码的最后写上：

</marquee>

例如：<marquee direction="left" onm ouseout="this.start()" onm ouseover="this.stop()" scrollamount="3" scrolldelay="200"> </marquee>

网页链接：绝对路径（http://）

相对路径(相对于同网站下的链接b.htm)

根路径（a.htm）

内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点 链接的源代码：

邮件链接：（mailto:邮件地址？subject=网站意见反馈&cc=邮件地址）

例如：mailto:xxx@163.com?subject=网站意见反馈&cc=xxx@163.com

锚链接的使用方法：先在头部抛锚，然后在页尾链接到锚点（在目标处写：#top） 源代码如下：返回头部

图像的热点：在一张图片的不同地区选择新的链接。

脚本链接：例子：关闭窗口的链接：JavaScript：window.close()

表格的应用：新增表格、表格的属性设定

学会用fireworks切片，并且在Dreamweaver中导入fireworks HTML并调整表格的操作 Html源代码 表格:„

行：„ 单元格：„大表格制作用“像素”，小表格用“百分比”

表格的绘制：（绘制表格、绘制单元格）扩展、标准、布局

快捷键：ctrl + ：放大ctrl-： 缩小

做好切片及排版

制作表单：（什么是表单？客户端填写表单（提交反馈）服务器端处理表单、加入空白表单、设定表单属性）

表单动作：（表单内容发到邮箱）mailto:xxx@163.com &cc=xxx@163.com

文本域、单选按钮、复选框

源代码：

id="leftFrame" title="leftFrame" />

 

添加浮动框架：<iframe height="XXX" src="浏览文件" width="XXX"></iframe> 使用浮动框架 （制作浮动框架、设置浮动框架属性、制作浮动框架链接）

属性的设置源代码： 浮动框架链接时要指定链接的目标是：浮动框架的name（自己去定义）。

制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架，并制作框架页面间的链接。 模板的应用：模板的功能 什么是模板 为什么用模板 （方便制作及更新）

创建模板（根据已有文件建立模板）文件菜单下：另存为模板„

定义可编辑的区域

库的建立及应用 库的建立（什么是库？为什么使用库？）便于局部文件的修改

1、 建立库

2、应用库

3、更新库

层的使用 创建层 设置层属性（选择层 改变层的大小 移动层 排列层）

插入层的html语句：

 

层是属于CSS样式表的一种定位技术

作用：直接使用层排版、利用层来设计表格（层和表格可以互换）、使用层溢出属性 控制当层的内容超过层的大小的时候就要用到层的溢出属性（类似滚动条效果）

溢出属性的选择有四种：

1、visible（可见的）

2、hidden（隐藏的）

3、scroll（滚动效果）

4、auto（自动）

行为（什么是行为/动作/事件 选择对象 添加动作 调整事件）

行为的应用：制作弹出信息窗口、制作打开浏览器窗口、播放音乐（实现背景音乐） 在html语言中添加背景音乐：

其中的（loop="-1"：指的是无限循环）

设置状态栏文本 针对输入文本框的行为事件“点击”是：onfocus

不在文本框的行为事件是：onblur

控制flash的播放 先给flash命名 然后在下方设置控制播放的命令 给名字设置空连接（空

连接的目标为：#）

检查表单 对按钮实施行为事件

转到URL

交换图像

显示弹出式菜单

检查插件 （新建文字 指向空连接 然后设置行为属性即可。）

检查浏览器（在IE流行的现在时代，一般不使用）

改变属性（例如改变图片的边框属性 如：border）

拖动层的效果（拖动层要对整个页面进行实施）

设置显示隐藏层 （例如：鼠标划过时出现图片，离开时消失）

设置层文本

制作时间轴动画（层的漂浮效果）Fps：帧速率 在路线中添加关键帧

控制时间轴（鼠标经过停止、鼠标离开浮动）

常用事件：onmouseover、onmouseout、onfocus、onload等等

使用插件

1、手动安装插件：扩展对象、扩展命令（对于鼠标跟随的效果，字体的设置直接在CSS样式表中）、扩展行为

2、自动安装插件（使用插件管理器）：Dreamweaver中的标准插件后缀名为：*.mxp去adobe网站找插件。主要包括：扩展对象、命令、行为

预览和出版：检查网站中的错误链接、检查某个html页面的链接错误

Dreamweaver课程总结：

1、 建立站点、维护站点

2、 页面构成元素：文字（特殊字符）、图片、表单、多媒体（embed、

marquee、bgsound）、头信息的加载

将其上传到网站的根目录即可。如果需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，在Html中的＜head＞部分加入如下的代码：

<link href="/目录/favicon.ico" mce_href="/目录/favicon.ico" rel="icon" type="image/x-icon" />