《网页设计与制作》结课论文
《网页设计与制作》
          结课论文
      学院  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. 整体布局
ipad怎么连接电脑网站主页就好似是宣传栏或者店面
——对访问者产生第一印象,都希望尽量给人留下好的印象,不是吗?
一般来说,好的网站应该给人有这样的感觉:
干净整洁;
条理清楚;
专业水准;
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店,播放震耳欲聋的发烧音乐,你要做的唯一决定就是离开那里,越快越好。
2. 信息
无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图,第一个问题总是:“对我有什么用处?”
所以你必须提供某些有价值的东西,当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等,这些“有价值的东西”可以是:
信息;
娱乐;
劝告;
对一些问题的帮助;
提供志趣相投者联络的时机;
链接到有用的网页,等等。
如果你经营的是企业网站有关春节的英语作文,需要提供关于产品或服务的信息:
容易理解;
容易查询;
容易订货。
3. 速度
我们都知道,页面下载速度是网站留住访问者的关键因素。如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片。
应该时时提醒自己,网站首页就像一个广告牌。当开车经过一个广告牌时,没有时间阅读上面的详细说明,也不可能赞赏其复杂的图案,广告标志从眼前一闪而过,必须在一瞬间给人留下印象。
网上访问者也是“一闪而过”,保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度,放弃一切显著减慢主页速度的资料。
4. 图形和版面设计
图形和版面设计关系到对主页的第一印象,图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点,你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点,动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因,根据经验。把每页全部内容控制在30K左右可以保证比较理想的下载时间,图象在6—8K之间为宜,每增加2K会延长1秒钟的下载时间。
颜也是影响网页的重要因素,不同的颜对人的感觉有不同的影响,例如:
红和橙使人兴奋并使得心跳加速;
黄使人联想到阳光,是一种快活的颜;
考虑到你希望对浏览者产生什么影响,请为网页选择合适的颜。
阅读西方格式文本时,眼睛从左上方开始。逐行浏览到达右下方,插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方,如果在左上角放置一幅小鸟的图片,鸟嘴应该放在把浏览者目光引向页面中部的地方,而不是把视线引走。
这种思路可以用于所有图片:
有没有想在家做兼职的
面部应该“看”网页的中部;
汽车的“停靠”面向网页中部;
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边,也是出于这种考虑——不断地出现在浏览者的视野之中。
5. 文字的可读性
我们仍然用广告牌的比喻来说明,文字要在广告牌上突出,周围应该留有足够的空间。也
许你曾到过一些网站,要么拥挤不堪的文字觉得好似只有把脑袋钻进去才能阅读,要么深的背景给人的感觉好象处于非常狭窄的空间里,而且让人的心情感觉很压抑。某些背景的令人阅读困难;紫、橙和红让人眼花缭乱。
文字的颜也很重要,不同的浏览器有不同的显示效果,有些在你的浏览器上很漂亮的颜在其他浏览器上可能无法显示。
参考报纸的编排方式,为方便或快速阅读将你的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体,通用的字体〔Arial, Times New Roman, Garamond and Courier〕最易阅读,特殊字体用于标题效果较好,但是不适合正文〔试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受〕。因为阅读费力,你的眼睛很快就会疲劳,不得不转移到其他页面。
明白我的意思了吗?
6. 网页标题的可读性
必须尽量使你的网页易于阅读,除了分栏之外〔将页面纵向分割〕,也需要利用标题和副标题将文档分段。
为所有标题和副标题设置同一水泥厂污染字体,并将标题字体加大一号,所有标题和副标题都采用粗体,这样便于识别标题〔字体加大加粗〕和副标题〔粗体,与正文字体大小相同〕,使浏览者一眼就可以看到要点,以便出并继续阅读有兴趣的内容。标题的重要性可见一斑,要认真写好每个标题!
也可以将整句采用粗体或用不同的颜突出某些内容,不过不要用难以阅读的颜。
7. 导航
由于人们习惯于从左到右、从上到下阅读,所以主要的导航条应放置在页面左边,对于较长页面来说,在最底部设置一个简单导航也很有必要〔只要两项就够了:主页|页面顶部〕。
确定一种你满意的模式之后,最好将这种模式应用到同一网站的每个页面,这样,浏览者就知道如何寻信息。
8. 保护个人信息声明和客户推荐信新年祝福语大全
对于商业网站来讲,最重要的事情之一是确保潜在客户的信心,你应该明确地告诉人们,如何对其兴趣、爱好,尤其个人隐私保密,很有必要专门用一个页面详细陈述你的保护个人信息声明,包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。