网站设计总结

1 / 16 网站设计总结 网页设计个人小结 经过为期两个星期的实习，在我们小组成员不懈的努力下终于完成了，从刚开始接触报告的时候到现在全部完成，虽然时间不是很长，但是所做的工作还是很多的，从个人报告，包括日志，个人小结，还有需求分析报告，可行性分析报告，系统分析报告，系统分析总结报告等等，我们觉得这次最大的收获就是小组的配合，在课程设计的过程中，我们不断地从讨论，分析到整理，到最终的完成稿，在其中我们花费的精力虽然很多，但是我们的团队合作精神得到了最大的体现。 学习电子商务的这几年 ，经历过的网站制作工具有很多，比如说 Dreamweaver， Fireworks， Flash， FrontPage还有 Visual Web Developer，但从来也没有深入而系统的认识和了解，更谈不上如何去分析，如何去整理和归纳。除了作业中自己摸索，了解，运用这些软件，其他更深层次的软件的更是从来没有涉及过，所以不做深层的了解。由于有了这次的课程设计，就给了我们小组这样一个机会，仔细得熟悉 Visual Web Developer，更深入的了解了其余软件，分析它相对于其他软件的优势和不足，这样对于我们选择 运用也是大有裨益的。设计下来，我觉得收获很多，不仅对于制作2 / 16 网页的软件有一个全新的认识，并且在系统设计的技术方面也有了质的飞跃。 关于这次总结，先从网站的页面设计说起，在设计过程中，注意到对于电子商务网站 BtoC 还是诸多好评的，单单从方便角度出发，已经是一个很重要的优点了，页面设计过程的时候，有些页面设计的填写，可详尽可简略，凸显主题，不是很能体现出这次调查的全面性，页面设计的很好，但从某些方面不是很完善，但是对于这次我觉得我们做的很尽心，我们努力的选择不同风格的页面去设计，并且在网页设计中，我们 尽量的全面的问及我们所能涉及的问题，我们发现我们的获益很多，不仅仅单纯从问卷调查的过程，更从讨论中，汇总中我们了解了更多的知识，也全面提高我们对问题的分析能力。 这次网站设计，我总结了几点： 1）确定网站主题：对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。 2）掌握建网工具：在制作网页的时候，一定要熟练掌握软件的运用，要不断的摸索，对于细节的处理，我们需要做很多东西，只 有不断的练习，才会更好的运用软件。 3）确定网站界面 ：网站的题材确定后，就要将收集到的资料3 / 16 内容作一个合理的编排，尽可能删除那些与主题无关的栏目，尽可能将网站内最有价值的内容列在栏目上，尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、各板块要有相对独立性，各板块要有相互关 联，各板块的内容要围绕站点主题；按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介 、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，在每个主目录下都建立独立的 Images 目录。一般来说，一个站点根目录下都有一个默认地 Images 目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的 Images 目录是方便管理的。原因很简单，就是方便维护与管理。 4）确定网站风格： “ 风格 ” 是抽象的，是指站点的整体形象给浏览者的综合感受。这个 “ 整体形象 ” 包括站点的 CI、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网 站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的 “ 风格 ” 。风格是有人性的，通过4 / 16 网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。 接下来谈谈报告的撰写，我们这次需要写的报告比较多，但是我觉得这些报告都是必需要写的，在撰写报告之初我遇到了很大的困难，因为我不是很了解整体的结构与布局，并且 这是我第一次写关于系统分析报告，而且系统方面知识，我了解的不是很全面，于是在网上我搜集了一些资料，系统设计，分为总体设计和详细设计。总体设计时，主要是一些功能模块的逻辑设计，只是宏观上的把握，具体的页面安排还要在详细设计以及接下来的具体实施中作相应的调整。所以，它只是起到一个指南的作用，或者说，类似于Dreamweaver 中图像占位符的作用，它在此构成文档的完整性，也为后面的设计提供参照。这也恰恰反映了系统设计的承前启后的特点，一方面，它是对需求分析的扩展，另一方面，又是对后续系统实施的前提。总体设计是宏观 上的把握，逻辑上的概括。详细设计阶段，从完整的信息系统的开发过程来说，包括输入设计，输出设计，数据库设计，代码设计，界面设计。而我们此次课程设计的重点在于网站设计及可用性设计，因此对于数据库方面的内容就涉及的比较少。这是整个设计工作的不足。 最后来说说我们小组的网站设计，我觉得最主要从5 / 16 顾客出发，做到方便顾客的使用，对于我们小组的网站设计我觉得要简单，大方，以及美观，说起来容易但做起来真的不易，刚开始在选择网站的架构上大家的意见就不是很统一，最后在大家努力均衡下，最终敲定了架构，慢慢的我们都熟悉了 设计的环境，接下来的设计进程加快了好多，在我们热烈的讨论中，慢慢的看着设计的成形，一种喜悦之情油然而生，看着自己的努力得到了回报，最后，在不断的讨论和修改中， 我们定稿了，看着大家辛勤劳动的成果，我们小组成员都觉得对于这个课程设计我们收益还是很多的，不单单是界面设计方面，更是从团队合作方面，大家获益很多。 最后来说说自己的日记以及个人总结的撰写，在刚开始写日记的时候，感觉思绪很匮乏，不知道该写些什么，虽然一天做的事很多，但是总感觉是流水账，在慢慢的几天适应以后，发现对于课程设计的体会越 来越多，虽然在字数方面变化不大，但对于自己的体会感觉真的多了不少，也感觉到了在合作时完成任务的兴奋感和自己独立完成任务的感觉是不同的，在自己完成任务的时候，感觉很充实，但是我想一个人做事，涉及面不会是很广但是都融汇了自己的看法，也是一种突破。 在此，我对此次课程设计做出自己的一些总结，在这次课程设计中，我发现了团队的重要性，分工的重要性，6 / 16 从该开始的懵懂，但最后慢慢完成所有的任务，我充分体会到了合作的真谛，在合作的过程之中我体会到了，相互合作是非常重要的，在一些细节方面，多亏小组成员的指点，让我发 现许多的不足，在某些逻辑思考的不完善，节约了很多时间，因此最后很好的得完成任务。在此看来，团结合作的智慧和力量是不可忽视的，每个人都有自己所擅长的部分，只有团结一切可以团结的力量，发挥每一个人的才能，同心协力，才能够把任务最好得完成。 感谢老师，在学期末能有这样的课程设计，在这课程设计的过程中我获益很多，不仅仅从知识的角度，也从与他人合作完成任务的能力得到提高。最后，我相信在我们小组成员们共同的努力下，虽然这份设计不一定是最完美的，但它凝聚着我们的劳动，我们觉得它是最棒的。 网站设计 与制作个人总结报告 taiyuangongyexueyuan 近一个星期的实训将要结束了，顶着考研考试的巨大压力我们小组还是如期的完成了老师的要求，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的7 / 16 财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了 不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。 做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的 web 页面。 制作网页 ,首先是确定主题 ,经过再三考虑 ,就做了个关于发型的网站 , 是一家为理发店提供数据库服务的大型企业 Pretty hair 还为注册的理发店提供会员管理服务，各大理发店均可注册 pretty hair 并获取相应数据库， prettyhair 来维护数据库安全可靠 。同时， pretty hair 也是一家以提倡健康、漂亮头发的信息资讯类公司，您可以在这里获取如何保养头发的相应信息，以及各种发型的图片相关介绍，还有各种护发用品。于是网站主题确立。 然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，个人档案、兴趣爱好、成长经历、国家队生涯、荣誉、职业生涯数据、转会记录，再加入个别网站等，每一部分又 分几小部分，内容比较充分，多样。 再后是收集资料与素材，大量浏览相关网站，收集8 / 16 关于 C 罗的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。 再后是制作网页了，使用 dreamweaver 制作。首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统 一的目标所做的设计才 是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则： 简洁实用 : 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便 :同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求 : 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档 次。当然雅俗共赏是人人都追求的。 利用我们所学的框架集，制作更完美的页面。将动态网页与静态网页结合起来。再后，调试过程，好多次本来9 / 16 在 dream 里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了，很是麻烦，想请问老师，为什么会出现这种情况啊，还有怎么解决啊，不用这么反复调整的办法，还有什么好办法啊？ 还有，在最超链接过程中，明明在页面属性 里设置的是超链接的文字是原色，点击链接后也是原色，可一链接上就变色了，想了老半天，也做了很多研究，实验，终于知道怎么回事了，原来应该对文字所在的单元格整体做链接，而不是只选中文字做链接。这次的网站大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。 制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关内容，阅览书籍，最后才知道文件这有个资源，点击进入资 源面板，点击到数第二个的模版，选项，所有模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。 这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的10 / 16 网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加 以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。 页面的设计方面 网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。 学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。 学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习并且学习网页设计 不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的 边缘科学 .不仅涉及到美学 ,心理学 ,平面构成 ,色彩搭配等平面设计的方面的知识 ,还涉及到html,javascript,css,asp,php 等编程语言技术方面的知识 .只有综合运用多种知识 ,才能设计出视听特效 ,动感十足 ,富11 / 16 于个性的 web 页面 ,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能 .并且我认为网页设计应该注重实用性，因为它是让人 浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡简单的美。 网页视觉效果 视觉形象识别即我们通常所说的 VI，与 BI 一起用于深化表现企业理念，同时也受到 BI 的影响。所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等，在将其系统化以后就形成了企业的视觉形象识别系统。 视觉形象识别系统在整套 CIS中处于最表层的位置，其中所有的设计都将与目标客户发生直接的接触。 网 页的整体布局和导航 网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览网页布局大致可分为“ 国 ” 字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、 Flash 型、变化型 网页布局是主要考虑以下几点： 12 / 16 1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。 2、其 次就应该考虑导航条的设置了。 3、正文的框架设置 网页中文字、图像 图象我利用网上搜索和自己所学过的 banner 进行处理 ,这样做起来节约了很多时间。 网页制作过程中的其他注意事项 不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值 通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的 网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。 总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大13 / 16 门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专 业， 更完善。感谢老师、同学在这次课程设计中给我的帮助、指导！ 文文工作室网站设计说明书 姓名：陈家文 学号： 201636627204 班级：电商092 一、 网站规划 本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。 二、网站总体设计 本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回 到我的主页去。 三、网站设计与制作 本网站的布局大多是运用 CSS 进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了 flash 效果，还用到了视频和音乐等素材。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用 Photoshop 对一部分图片进行了处理，让图片和网页14 / 16 更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。 四、学习体会 不知不觉，我已经学习网页设计与制作这门课程一个学期了，虽然时间有点短， 但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。 建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道： “ 巧妇难为无米之炊 ” 。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。15 / 16 材料既 可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，