《网页设计与制作》结课论文.docx

网页设计与制作 结课论文 学院 xxxxxxxxxxxx 班级 xxxxxxxxxxxx 学号 xxxxxxxxxxx 姓名 xxx 在大二的第一学期，选修了网页设计与制作这门课，当时选这门课的很大原因是学通信工程的我应该要懂得网页制作与设计这方面的知识，除了对网页制作充满了好奇心，还有以及对知识的渴望，所以在看到选修课程表之后，就毫不犹豫的选了这门课。一 网页的定义网页是网站中的任何一张页面，通常是HTML（标准通用标记语言下的一个应用）格式（文件扩展名为html、或htm、或asp、或aspx、或php、或jsp等）。网页通常用图像档来提供图画，网页要使用网页浏览器来阅读，现在流行移动设备浏览网页。网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。网页是一个文件，它存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。二 网页的构成 文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。网页通常有以下元素：文字资料图像档案Applet（在页面内执行的副程式）超链结网页的合成体为网站，一个网站的开始点为首页。三 网页的分类静态页静态网页，其内容是预先确定的，并存储在Web服务器或者本地计算机/服务器之上。特点：1 制作速度快，成本低。2 模板一旦确定下来，不容易修改，更新比较费时费事3 常用于制作一些固定板式的页面。4 通常用于文本和图像组成，常用于子页面的内容介绍。5 对服务器性能要求较低，但对存储压力相对较大。动态页动态网页，是取决于由用户提供的参数，并根据存储在数据库中的网站上的数据中创建的页面。通俗地讲，静态页是照片，每个人看都是一样的，而动态页则是镜子，不同的人（不同的参数）看都不相同。四 网页制作使用的软件Dreamweaver（单位：奥多比）用于编辑HTML、ASP、JSP、PHP的辅助工具Adobe Dreamweaver，简称“DW”，中文名称梦想编织者，是美国公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎Presto 作为网页预览。五 设计原则关于网站所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。在你眼前，出现在显示器上的这个“东西”，就是一个网页。网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序。网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。站点主页成分Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。充分利用已有信息，如客户手册公共关系文档技术手册和数据库等。设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。1. 整体布局网站主页就好像是宣传栏或者店面对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？一般来说，好的网站应该给人有这样的感觉：干净整洁；条理清楚；专业水准；引人入胜。网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从离开是最好的选择。就像一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。2. 信息无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：信息；娱乐；劝告；对一些问题的帮助；提供志趣相投者联络的机会；链接到有用的网页，等等。如果你经营的是企业网站，需要提供关于产品或服务的信息：容易理解；容易查询；容易订货。3. 速度我们都知道，页面下载速度是网站留住访问者的关键因素。如果2030秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。应该时时提醒自己，网站首页就像一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。网上访问者也是“一闪而过”，保证你的首页简单而快速。网上有许多关于如何增加速度的文章检查下载速度，放弃一切显著减慢主页速度的资料。4. 图形和版面设计图形和版面设计关系到对主页的第一印象，图象应集中反映主页所期望传达的主要信息。如果有系列商业站点，你不必让过分显眼的动画出现在首页但如果你的网站是游戏站点，动画将是必不可少的一部分内容。图片是影响网页下载速度的重要原因，根据经验。把每页全部内容控制在30K左右可以保证比较理想的下载时间，图象在68K之间为宜，每增加2K会延长1秒钟的下载时间。颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一种快活的颜色；考虑到你希望对浏览者产生什么影响，请为网页选择合适的颜色。阅读西方格式文本时，眼睛从左上方开始。逐行浏览到达右下方，插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。这种思路可以用于所有图片：面部应该“看”网页的中部；汽车的“停靠”面向网页中部；道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。一般总是把网站导航条放置在页面左边，也是出于这种考虑不断地出现在浏览者的视野之中。5. 文字的可读性我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。文字的颜色也很重要，不同的浏览器有不同的显示效果，有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。参考报纸的编排方式，为方便或快速阅读将你的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是你所选择的字体，通用的字体（Arial, Times New Roman, Garamond and Courier）最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。明白我的意思了吗？6. 网页标题的可读性必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），也需要利用标题和副标题将文档分段。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题（字体加大加粗）和副标题（粗体，与正文字体大小相同），使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑，要认真写好每个标题！也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。7. 导航由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只要两项就够了：主页|页面顶部）。确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。8. 保护个人信息声明和客户推荐信对于商业网站来讲，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其个人隐私保密，很有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。访问者也想知道你的产品或服务现有客户的反映，所以如果能引用与你关系融洽的客户对你的积极评价，对你的可信度将很有帮助。不要害怕向顾客索取推荐信人们都愿意自己的意见有价值。你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站这也是一种“双赢”。9. 词语一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗？你可以按照上述步骤改进你的网站制作技巧；你可以请人对你的工作进行校对、编辑；你也可以请人为你制作网页；总之，上述步骤在很多方面对你会有所帮助，不要因为对某些步骤的疏忽而影响你的网站的整体效果。平时在上课时，看见老师做是那么简单的，当自己动手时却不是这样的。做的过程中，经常会遇到各种各样的问题，当卡在一个技术问题上时往往都会阻碍下面的步骤，让人很心烦。所以在做网页时，我深刻地体会到这种烦恼。不过渐渐地，我也明白做网页烦躁可是个大忌，这很容易弄砸整个网页，所以当遇到这些问题时，我都会想办法先让自己静下心啦，再去决解。而决解的方法有很多种，你可以去问身边的人，可以去问老师，也可以去网上查等等。学习网站最重要的是要多练，不懂要弄到懂，头脑要灵活，不要顽固。平时不只是上课听老师讲就行了，还要在课后多练习，巩固知识。有空就要多点去浏览一些优秀的网站，学习别人的技巧。要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。网页设计是一门很有趣的课程，在里面我可以学到很多东西。每当做出一效果图或者网页时，自己都会觉得有很大的成就感，在之前的辛苦都会忘记，只记得是自己做出漂亮网页的欢喜，这是一种多么美妙的感觉。 在学习网页制作与设计的过程中我也会遇到很多的困难，比如如何灵活运用Dreamweaver，以及排版的问题，真要做起来确是很难.做网页设计不仅要从艺术的角度来考虑而且要从社会大众的认可性来考虑.网页设计必须要服从企业或部门的经营理念来考虑.如果设计的作品很好看但是和企业不搭调那就等于白做.网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。以上就是我对网页设计的认识和总结，虽然从理论上都知道如何去做,但是实际做起来很难，总的来说就是很难突破,很难超越自己。因此在以后的学习中要更加完善自己,突破自己，认真对待没门课，认真做好专业基础知识！ 在今后的闲余时间，我将会学习制作网页的更多知识，使它成为自己的一项技能。