李名凯网页设计实训心得
电子信息学院
网页电子信息学院设计实训报告
班级：10级计算机网络班学号：10303230126姓名：李名凯指导老师：周老师
实训时间：201*.06.13201*.06.17
-1-
电子信息学院
实训报告
一、实习目的：
通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks、Flash和Dreamweaver三个软件进行静态网站的设计。
二、实习内容：
1.用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式，制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为html。
2.用Flash制作标题动画。首页中的动画不超过20M。制作按钮来超级链接到其他页面。3.使用Dreamweaver布局视图，设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图，在标准模式中插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画，使用CSS样式统一网页中文字样式，插入Fireworks中的GIF文件及导入Flash中的SWF文档，设置文档间的超级链接。
三、具体要求：
1、利用Dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。
2、作一个主页面，至少3个次页面。
3、必须用到框架、表格或层排版技术、Flash技术和图像处理技术，使网站具有合理的外观和功能。
4、主页基本要求：
页头Logo，准确无误地标识站点和企业标志；网页标题动画，可以制作成GIF动画或者Flash动画；导航条；
E-mail地址，用来接受用户垂询；联系信息，如普通邮件地址或电话；5、制作一个表单页面。6、某个页面有滚动字幕。7、为一个页面添加背景音乐。8、至少添加一种行为效果。
9、整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。
电子信息学院电子信息学院
四、网站设计思路：
我做的大致算是一个个人主页的小型网站。个人主页，一般都会包括首页，相册，链接，一些个人喜欢的文字加图片，我的个人主页也不例外，包括次首页（个人喜欢的的文章加图片），我的作品（里面包括自己做的三个FLASH动画），文章（一些自己喜欢的文章），相册（平时的一些照片），关于（关于自己的文字，关于本站的一些说明），链接（比较有名的站点）。不同的是，我的这个个人网站算是自己天马行空的想了一些故事内容。
五、网站设计过程：
准备了一些基本的素材，开始主页布局。我的网站素材是一边做一边找的，因为前期并不知道应该怎么把自己的个人网站应该怎么做，所以也不知道需要什么素材。
因为还没有学动态网页的制作方法，所以全部都只能做成静态网页了。找了几个素材图片，用PS处理过后，找了一张小图片利用图片的重复拼接成一张不受浏览器窗口大小限制的背景图片。具体代码是在标签里用css控制的。
次页面包括如下些内容：首页、作品、文章、相册、关于、链接以及反馈表。这些页面是用模板做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着首页的风格，背景图一样，字体与样式一样，图片风格一样。中间是两个可编辑区域。
在所有的页面导航条下面，插入层对象制作了一个层动画，来回移动的层，里面存放日期，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“欢迎您访问我的个人主页！”，做布局大多使用表格布局，使用了少量的css样式，字体，字号，颜色都统一套用相应的样式。
*{padding:0px;margin:0px;}body{}
其中*{padding:0px;margin:0px;}是为了消除浏览器默认的10像素的空白边，这为布局大大提供了方便。
background-image:url(mback.jpg);background-position:center;
电子信息学院电子信息学院
然后就是次首页，就是进入次页面的第一个页面。我放了一张图片，是一个方向指示路标，将上面的路标用PS改成自己想要的字，然后添加热区加链接，成了一个“不像样”的导航条。然后加了一个浮动页面，并进行了相关的设置，代码如下：
其中第二个是链接的页面，第三个是让这个浮动框架背景透明，让人看上去就像是一个页面。第四个隐藏了边框，更像一个页面了。第五个设置和第六个了这个浮动框架的宽和高，最后一个设置了不允许出现滚动条。为了美观，页面中间最好不出现。
也许我们有很多不同的地方，但是我们通过各方面的渠道，明白了解了一些代码的运用，同学也借鉴了一些别人的代码。
后面的就都是相当于分页的东西了，比较简单，当然也废了不少心思就是了。六、实训中遇到的难点及解决办法：
其实这个网页真正做完只用了一个星期中的最后两天，前三天根本毫无头绪。完全不知道该怎么做，该放些什么东西，而这些东西又该放在那里；想做的更加漂亮，试着用了flash，后来却发现，单个页面再怎么漂亮，与分页不协调的话也达不到正题合格的效果。想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，只会让自己迷失了方向。其实，这就是一个关于“设计”的问题，主要是现阶段还没有经验。
还有就是布局的时候总是不能做到很美观，总是这里那里出问题，不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面。再要么最头疼的就是，不同分辨率，不同浏览器，不同的版本都会对浏览网页造成重大的影响，最后我决定不去管这么多…..就这么做了。直到现在，背景图片都还是重复铺满的，而并不能刚好。
CSS方面，总是不太熟悉各种代码是控制哪些东西的，不过好在我有百度。也顺便学了不少东西。
七、实训心得：
在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。
电子信息学院电子信息学院
在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。如白色代表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。
通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。也就是整体的搭配问题。
通过此次实训，使我对于网页制作的三大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。
通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么布局。反正此次实训收获很多。
李名凯
二O一一年六月十六日
电子信息学院
扩展阅读：工作总结
工作总结
两个月的磨刀练阵，按理说，自己到底是宝刀还是锈铁应该可以从这些日子的点滴表现中露出应有的光泽了，然而直至目前，我却对自己这些许的光泽没有信心虽然我坚信自己不是锈铁！
两个月来，我一直坚守在技术组岗位上练兵。在技术组两个月的工作生活，我感触最深的就是，这里是我的第二个家，技术工作可以在快乐中完成。作为一个技术员，我很自豪，只因为这是我梦寐以求的事业。我将它视为我的梦想，我的生活。我很庆幸我抓住了这份工作，更感谢学校给了我们这样的机会。让我们不断充实自己，也让我们更能展现自己。由于在此之前我都不是很自信，也不敢独自去面对一些繁琐的事。但现在我不怕了，我有信心和勇气独自去面对、去挑战。
我一直盼望着自己能早点去感受工作的境地，本以为只会在毕业后才可能去工作，没想到现在就能实现了。参加这份工作后，我有很多感悟：“有得必有失。”
我在工作中收获了很多：在这里我学会了如何去和别人一起和睦相处，更学会了如何去与别人一起合作；我学会了如何运用自所学的知识去解决问题，发现这些知识对我们真的很有用，很多都是我们平时不知道的，但学了却对我们百利而无一害，同时也让我觉得上大学花钱值。我还从中提高了自己的动手能力。我为此而感到欣慰。但美中不足的是，我为了这份工作，我也失去了很多。比如我的自由时间缩短了，我更多的时间都花在了工作上，我的生活开始变得有规律了，变得约束了，我并不觉得这对我有多大的影响。我至少还能合理安排自己的时间去学习去工作。它让我变得很充实，没有了以往的空虚感。我每天的时间都很紧迫，几乎没有喘气的机会，但人生不就该如此吗?我想，作为学生的我们就应该要有这样的吃苦精神。俗话说的好：“吃得苦中苦，方为人上人。”
我们的工作岗位是一个特殊的岗位，我们没有工资但我们还是一样的快乐。因为我们有了更大的收获，它吸引着我们为它奉献，为它奋斗。我们的领导就是我们的老师，本以为这种人际关系的距离感、层次感只可能加强，但在网店工作让我惊喜地发现自己原先的判断错了。我们的聂书记、韩老师、刘辅导员三位领导都对我们这些新人加学生亲切有加，他们十分看重我们，也完全相信我们，把它完全交托给我们。特别是刘辅导员，在工作之余，以朋友的姿态经常和我们一起打球，坦怀聊天，非但不摆领导的架子，而且还以慈母的关爱之心在引导我们做好工作，让我真切感受到了久违的母爱温情。在工作中，只要你需要，他们随时给予热情地指导；工作之余，大家开怀谈笑，不分彼此。正因为如此，在网店工作，让我体会了在愉快中完成工作的欢欣。
我在工作上的收获主要有：１、基本学会使用和维护网站；２、基本掌握使用Photoshop处理图片；３、基本学会了如何去创建一个网店和经营一个网店；４、基本学会一些计划书等公文的一些写作方法和技巧等。在这期间我不仅可以较好地配合其他成员一同完成各项工作任务，还可以自己独立完成一些事务。两个月的时间，我配合其他成员一起完成了达三千多的销售额，我为我们的业绩感到无比的欣慰。
在这期间，工作上最大的不足主要有：1、工作质量不够高，没达到广大网名的青睐；2、网页设计版面不够新颖，缺乏新意；3、产品信息不够直观全面，主次不突出；4、缺乏基本的工作知识，在开展具体工作中，常常表现生涩，甚至有时还觉得不知所措；5、对我们的工作情况缺乏全面具体的了解，从而影响到相关工作的进程；6、对电脑知识的掌握度较低，这直接影响到相应的工作质量；7、工作细心度不够，经常在小问题上出现错漏；8、办事效率不够快，对领导的意图领会不够到位等。
经过两个月的工作学习，我做出了一定的成绩：1、独立完成了成批套的图标；2、配合其他同事开展日常接待、后勤服务和卫生清理工作；3、负责做好美工这一块；4、完成每个月的工作总结及每次例会的分析和观点；5、配合其他成员完成了网店宣传和策划。
就总体的工作感受来说，我觉得这里的工作环境是比较令我满意的。首先是领导的关爱以及工作条件在不断改善给了我工作的动力；其次是同事间的友情关怀以及协作互助给了我工作的舒畅感和踏实感；第三就是目前正在营造形成我们网店特有的“企业文化”氛围给了我工作的信心。
我知道，上面的工作表现也许不能让领导感到满意，如果完全依据这些表现来决定是否可以继续留在这里工作学习，坦白说，我自己并没有太大的信心。但我坚信自己能够在今后的工作中会表现得更好。在此，我想借这次机会提两点想法：
第一点：我希望有专业型人才给予我们更多的指导，这样我们的成绩才会更趋于成熟和完美。理由主要是：（1）、我们都是学生，没有足够的经验和商场战略；（2）、我们的网店本来就不够完善，很多东西我们都是力所不能及；（3）、我们对应急性问题欠缺思考，需要巩固。第二点：我希望我们的工作制度应该严谨，不要像菜园子，想进就进，想出就出。
上面两点想法恳请领导给予我理解、信任与支持。谢谢。我的目标：我永远坚信,天上那颗最靓的星星一定是为我而闪烁的！
Ialwaysbelievethatheaventheheartofthemostdesirablestarswillbeformeflashing.
201*.7.
友情提示：本文中关于《李名凯网页设计实训心得》给出的范例仅供您参考拓展思维使用，李名凯网页设计实训心得：该篇文章建议您自主创作。
来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。
公文素材库友情提示：本网站所有内容为共享上传提供，不涉及任何商业利益，本站对此不承担任何保证责任！
Copyright © www.bsmz.net Corporation, All Rights Reserved 共享时代 共享你我他 版权所有