做网页基础知识大全

    类别:技术文档  贡献者:chawenhua  总点击:11098  受欢迎度:16  更新日期:2011年05月08日
简介:网页(web page),是网站中的一「页」,通常是HTML格式(文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等)。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。.
  • 做网页基础知识大全 

    网页(web page),是网站中的一「页」,通常是HTML格式(文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等)。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。

    Q: 什么是网页?
    A: 现在在你眼前,出现在显示器上的这个 “ 东西 ” ,就是一个网页。网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。

    Q: 构成网页的元素.
    A: 文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。 Q: 揭开网页的神秘面纱.
    A:在网页上点击鼠标右键,选择菜单中的 “ 查看源文件 ” ,就可以通过记事本看到网页的实际内容。可以看到,网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。

    Q: 网页的类型.
    A: 通常我们看到的网页,都是以 htm 或 html 后缀结尾的文件,俗称 HTML 文件。不同的后缀,分别代表不同类型的网页文件,例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。

    Q: 什么是“流量”和“空间使用量”?
    A: 流量:指您被访问的页面大小*次数的总和。按自然月统计(每月1日至月底)
    空间使用量:您上传所有文件大小的总和 。

    Q: 什么是FTP?
    A: FTP ( File Transfer Protocol )是 Internet 上用来传送文件的协议(文件传输协议)。 FTP 的作用就是让用户连接上远程计算机,查看远程计算机有哪些文件,然后把文件从远程计算机上拷到本地计算机,或把本地计算机的文件送到远程计算机去。 Q: 什么是相对路径,什么是绝对路径?
    A: 绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。 在www中,以http开头的链接都是绝对路径。(此内容选自银山翠竹小屋)

    制作网页十大诀窍 

    预早筹划 

      设计主页未必很艰难。但这一工作与编制传统的宣传品 一样,都需要我们谨慎处理和筹划。换言之,我们必须首先 确定自己需要传达的主要信息,然后细意斟酌、把所有意念 合情合理地组织起来;之后是设计一个页面式样,试用于有 代表性的用户,接着重复修订,务求尽善尽美。

    尽 量 精 简

      主页的作用好比一本书的封面,是为了吸引用户测览你 的网址内容。因此,主页的设汁应以醒目为上、令人一目了 然。切勿堆砌太多不必要的细节,或使画面过于复杂。在主 页上清楚列出三项要点,例如机构名称、提供的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切 记页面给人的第一观感最为重要。在网上到处浏览的人很多 。 如果你的主页真没有吸引力,很难今他们深入观赏。

    尽 量 简 朴

      现今大部分用户那是用调制解调器接驳万维网,所以他 们一般都要花很多时间等待主页传送到自己的系统。切勿令 他们加倍望穿秋水。 主页上的图形应力求简朴, 避免耽搁 用户的时间。图像愈大、颜色愈深,传送页面的时间愈长。 这并不是说你要完全略去图像不用,只是提醒你要注注意使 用图像所引起的效果。 主页上的颜色最好不超过六十四种,页顶图像最好保持在大 约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅 的图画不可;应考虑只用三两幅短小精悍的图像。主页整体 上要能够迅速传送。如果载入的时间超过十至十五秒,很多 用户就会等得不耐烦。如果情况许可,最好先测试一中你的 主页在稍差的条件下的传送速率,14.4千波特的调制解调器 ,或透过 Prodigy 等网上服务接驳万维网等。 此外、还须注意配合最低档的设备,例如标准的小型显示器 ,不要假设人人都用高解像度的大荧幕。运用先进测览软件 所提供的一些尖端功能是可以的、但应确保你的主页在次一 级的浏览软件上(例如某些网上服务所提供的专用浏览软件) 仍可畅顺地显现。

    善 用 图 像

      用户在网上四处漫游,你必须设法吸引和维护他们对你 的主页的注意力。万维网的其中一个最重大资源是其多媒体 能力,所以我们无论如何要善加利用。主页上最好有醒目的 图像、新颖的画面、美观的字款,使其别具特色,令人过目 不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。最 佳的图像足集美观与传讯于一身。 注意图画可以弥补文字之不足,但并不能够完全取代文字。 很多用户把浏览软件设定为略去图像,以求节省时间他们只 看文字。因此,制作主页时,必须注意将图像所戴的重要信 息或联接其他页面的指示用文字重复表达—次。 用“纯文中”模式测试已制成的主页,确保其传达到所有信 息。

    使 主 页 易 于 漫 游

      主页的其中一个主要功能是作为漫游工具,指引用户查 阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹 灰之力。基于清晰明确和速度的考虑,主页上的联接项目应 只限于几个高级的类别,例如公司、产品、服务、支援等。 用六至八个联接项目最为理想。 此外,你提供的信息不应埋藏在重重叠叠的页面之下。穿越 五个以上的联接项目已足以令人厌烦。因此,你必须在广度 和深度之间求取平衡。如果你的网址上有太多信息,你可能 要编制较长的页面或使用更多联接项目,甚至可能要建立多 个主页、 使每个主页载有不同的信息。 如果能够让用户在 主页上以关键字或词语查找所需的信息,肯定受用户欢迎。 假若你有充足的资源,便应找一位专家来评估你设计的主页 是否方便易用。设法找一些对主页陌生的用户,来试用你的 初步制成品。

    提 网 协 领

      主页—般须载有以下事项: ★ 标题 此标题须清楚无误地标示你的网站。 标题可以是名称、标语徽号或图像。 ★ 电子邮件地址(例如你的 Webmaster) 以便用户有问题时,可以通知你。 ★ 版权资料 这是适用于主页内容的版权规定。 你可以在主页上标示一句简短的版权声明,用联接方法 带出另—个载有详细使用条款的页面。这样可以避免主 页显得乱糟糟。 ★ 联络资料 列出通讯地址、 公关或营业部门的电话号码等。

    循 环 利 用 现 有 信 息

      制作主页(或其他主页)时,通常都毋须从头做起,因为 有许多现成的文字、图画等资料可供我们重用,例如宣传小 册、公关文件、技术手册、资料库等。很多情况下,只要用 少许功夫、就可把这些材料转到网页上使用。

    保 持 新 鲜 感

      万维网上不断有新事物出现、每天都有新花样。如果你 的主页从不改变,用户很快会厌倦。在主页上预告即将有新 资料推出,可吸引用户再来测览。不妨在页头以大字标题宣 布新消息。可以定期改变主页上的图像、或更改主页的式样。 趣味性的事项可以持续或自动更新、例如列出会测览你的网 站的人次。 同样,为保持新鲜感,应时刻确保主页提供的是最新信息。 将更新主页信息的工作纳入既定的公关及资料编制计划内, 亦即当你使用传统方法(例如新闻稿)传递的新信息、会问时 出现在你的主页上。确保连接项目运作畅顺,以免用户在荧 幕上收到“无法查阅所需档案”的信息而大感没趣。

    贯 彻 诺 言

      做不到的事情,千万不要轻易承诺。切勿随便叫用户作 出回应行动,例如要求用户填交订贷表格,除非你已制订好 处理这些订单的方法和交货程序。如果在网上列出联络电话 、就要确保自己能够迅速解决来电者的问题。

    吸 引 用 户 测 览

      既然绞尽脑汁把主页弄得美观实用,没有人来欣赏就太 可惜了。为吸引所有网中人来浏览,必须使主页易于寻找。 通知其他网站(例如题材相关的网站),他们可能想联通你的 主页。安排将自己的网址列在所有相关的网址目录、索引、 查找程序和“What’ s new”页面上。尽量将网址传播开去 ,使之出现在 Internet和所有传统煤体上、例如书刊广告、 公关文件、宣传品等。 在网站上,于每个页面设置“home”按键,方便用户随时返 回主页。 万维网充满生命力、正在不断演进,所以一些现时适用的经 验,将来未必合用。举例来说,将来家居用户有高速线路接 驳Internet,就可以消除数据传输目前的所受的限制、使主 页的篇幅可以更长,页面更华丽。新的浏览功能、例如Sun 的 HotJava测览软件所提供的先进功能、将使万维网更强劲 和更方便沟通。 HotJava将主页由静态的文件转为动态的实 体, 提供诸如即时制作动画、背景音乐、即时存入资料(例 如不断更新股票价格)、话音广播等功能、为网上用户带来 更多乐趣。 有好的主页,还须有精良的设备支持。网站服务器不断推陈 出新,使建设网站的工作愈来愈容易。 以 S u n的Netra Internet Server为例、全套设备包括上网所需的软硬件、 以及建立完善的高效能网站所需购各种软硬件设施。 这些发展为万维网及其用户开拓了壮阔的前景。(此内容选自银山翠竹小屋) 

    制作主页的五十个秘诀


    一、内容 

    1、让读者有理由逗留。要把网页作得趣味盎然,引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情,如报名获取定期发送的通讯,并用某种方式报答他们的参与,如每周抽奖或给予下载一些东西的机会。

    2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取,怎样获取,以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。

    3、签上自己的名字,并展示得到的荣誉——但不要在这里弄上一个长长的签名。少许的自我宣传可能是中肯的,尤其是当你想让自己的网页具有个人特色时,但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页,该页也是弃权、版权声明及类似说明的合适地方。 4、不要包括一些一般化的Web参考信息和人人都有的已不再是热点的连接。连接到Alta Vista和Yahoo可能就已足够了,否则你的外部连接应该是具有特殊意义和读者还没有遇到过的地方。

    5、要是有以评论或读者意见的形式取得的肯定性的反馈,可考虑把它包括在主页之内——也许在开头的某个地方,或者作为到荣誉页的一个连接。如果做得恰到好处,可以鼓励新的访问者并使他们放心。相反,要是做得不合适,就会被认为是自我吹嘘,而真正的内容反而处于次要地位。 6、忘掉已学会的在纸上写作的大多数习惯。基于文字、面向纸张的写作所面临的任务是精心安排的叙述,在提供知识、愉悦心情或说服别人的过程当中要能保持读者的兴趣;但是文字并不是大多数Web版面的主要组成部分——即便是页面上的文字比其他元素多,也常常是其他组成部分(图像、超媒体连接)被认为比单纯的文字更重要。

    7、结构至关重要。网页可能会看起来是二维的,但不应如此理解。印刷页面的原有结构在Web已不复存在;写作者得着重于文件以可见的方式表现出来的结构,因为它可能已具有更微妙的交流功能。 8、Web的读者不会去读每一个词,他们的阅读方式更近似于快速阅读而不是象读呆板的树式文件那样的逐行阅读。通过计算机屏幕阅读并不是件格外舒服的事情,因此读者希望最好能尽快得到结果。

    9、在Web页面创作中读者实际上是一个配合者。除了要注意在任何类型的写作中都要考虑的词汇、语调和其他事项外,网页作者还要意识和具体考虑到读者的身体运动——按鼠标键、滚动页面、写作邮件——也是交流过程的一部分。

    二、页面设计

    10、有了一个HTML编辑器和几兆服务器空间并不能说马上就可以设计网页了。在开始编写文字、寻找图像和进行HTML标记之前应该先把基本的网页结构组织号。如果没什么要说的,就什么也不要说。要是开始的时候在脑子里没有一个相当明确的结构,那几乎肯定会以一团糟而告终。开始时谨慎一些,然后不停地学习,不停地改进。卸载一些你喜欢的页面,核对HTML源文件,看它是怎样写的,把它全部或部分粘贴到一个试验文件进行检验。整页地拷贝别人的东西是剽窃行为,但是向别人学习则是研究过程。

    11、人们第一次进入你的主页时,他们通常不是在寻找值得阅读的地方,他们可能正在寻找可供选择的东西,以超文本术语说即是可用鼠标点取的词句、图像、按钮等等,接下来是阅读文字,选定一个可选项,按鼠标键,下页出现后又重复此过程。这里的技巧是确定阅读时按键的适当比率。提供的可选项要是太少,访问者会觉得没意思,要是太多又会吓倒别人。

    12、要是页面包含的内容信息量大,在开始设计页面之前就要先确定好读者对象。对新手或新的访问者来说用一种固定的文件结构并在开始的时候给予说明是有意义的。例如,关于内容的说明表格或某种类似结构。如果你要满足知识或经验不在同一个层次的读者,提供限制性的线索可以让某些读者跳过基本内容直达目标。提供连接时要考虑到各个层次的读者。

    13、不要让读者不知所措。不必非要用声音和图像充斥网页,也不要把文件做得太长以至于在装载文件时让读者等得脚后跟发凉,因此使用图像时要谨慎:大的图像显然会降低页面建立的速度,但许多需要顺序装载的小图像也会如此。


    三、布局

    14、别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外,很多流览器不能很好地显示斜体字,也不能补偿由于字母倾斜引起的空白变化。

    15、利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影象地图指引主要连接,使你的页面能吸引人和容易阅读。

    16、不要在每一页使用风格不同的图标。

    17、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。

    18、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣,甚至很专业,但是装饰背景很容易使文字变得不可辨读。要把背景做得好,光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像,对比度要较低才不至于过于分散读者的注意力。

    19、在 IMG 行加 ALT 标记。假设标题图像显示为 The Offal Eaters' HomePage,你可以在括号内加上一个 ALT 标记,ALT="The Offal Eaters' HomePage",直接把它加在 IMG SRC=Offal.com.uk/images/gif/home-top.gif之后。这样就会让使用基于文本的流览器的读者除了看到 [IMAGE] 以外还能看到别的一些东西,使用图形流览器的读者在图像未能成功载入之时也会看到一些东西,而你也能让自己的HTML文件相当整洁。

    20、也可以在分隔条上使用ALT标记,这样就使得使用基于文本的流览器的读者能看到一些更有趣的东西,而不只是一条直线。

    21、不要把重要的内容放到页尾——有些读者可能不会往下看那么远。

    22、不要让什么东西看起来象是一个按钮却不起按钮的作用。

    四、HTML格式

    23、应避免使用交叉标记。不同的浏览器对交叉标记的反映会不同。

    24、使用交织 GIF 和 Jpeg 。因为交织图像是分级显示出来的——首先以很低的分辨率显示,然后逐步提高分辨率,直至最后达到正常显示——这种方式有时候会使较大的图像看起来好象装载得快一些(实际上并非如此,但这是一种有益的错觉)。这样也便于读者在图像装载的过程中看到它的模样,如果他们不喜欢或不想看的话就有机会中断传输或转向别的地方。

    25、另一种增加可得带宽的巧妙方法是在HTML底稿中使用 Lowsrc 命令。比如说有一张400×600像素的1600万色扫描图,所占空间约为35K。使用 Paint Shop Pro 这一类的工具对原图
    重新取样,比如说高度为100像素(也许为了达到你自己的要求你得进行调整才能找到最合适的大小,但可以从高度除以4开始),Paint Shop Pro 会自动计算新画面的宽度。保存新画面,它的大小现在应为6K或更小。然后在HTML文件中可以这样写上:

    Lowsrc命令指示浏览器在真正的画面载入以前先装载低分辨率的图像,这样就让读者清楚将会出现什么样的画面。(为确保浏览器能即时以合适的大小显示图像,高度和宽度很重要)。

    26、当然,可以用 Lowsrc 提取你想要的任何图像。一条双色的“请等待下传”的信息可能只占几百字节,同时由于图像是存在浏览器的缓存区,因此可用“请等待”信息代替所有画面。当图像平静地消失于背景之中的时候,读者可以悠闲地浏览你的网页。

    27、可以在一个 HTML 元素内嵌入一个连接,如:

    Myheading


    但不能反其道而行之,把一个标题或其他HTML元素嵌入一个连接。下面这样的结构是正式的 HTML 规定禁止的,并可能在大多数最新的浏览器下不见效果:

    Myheading

    五、长文件

    28、当页面为单个长文件时要小心。它的传输时间明显要比较短的页面的传输时间长,即使通信速率为 28.8Kbps 的读者也可能会失去耐心。阅读大的文件时页面滚动也很困难。大的文件和较慢的装载速度可能会使人沮丧,再也不会返回到你的网点。

    29、如果你觉得文件大小很重要,不便改变,就要考虑读者将会怎样使用网页。努力确保读者浏览长文件时浏览器滚动条小的移动不会在页面上产生大的跳跃。作为一条经验规则,按一次滚动条页面移动的范围要少于一页,这样就还看得见上一个窗口的部分内容。任何比这更大的移动都会让人迷失方向。 30、要不然就把一个长文件分成几个子文件,在主页给予连接。不过要记住子页可能会成为死页——有时候命中率要低于10%。做得聪明一点,给读者一个很好的理由装入子页或给他们一个很好的理由浏览它。

    31、如果页面很多,在主页给出一个内容列表或目录显然是个好办法。不要非得作成那种常规的、令人厌烦的、死板的树形布局,把它做得有趣一些,让读者有理由进入连接,帮助他们了解他们可能看不出来的内容。

    32、要是你必须把所有的内容都放在一个文件里面,使用一个内容列表,从表的项目可直接跳到各部分的开头。或者做得更好,提供一个独立的文本文件用于下传——去掉所有的格式符——使下传的时间减到最少。

    六、连接

    33、通常的顺序文本写作与在线文件写作之间的一个主要区别是在线文件的读者可能在文件的任何一点进入该文件。尽管你已做了一个漂亮的首页作为入口,其他人可能会对你的杰作内的具体指针或子页给出连接。向这些新的访问者提供一些关于他们在什么地方以及为什么在这里的线索是有意义的。

    34、从头至尾都要使用导航图标,尤其是要用“返回到首页”连接。可以在每部分都做这样做。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页,第二个回到章,第三个回到节。

    35、在页面上应该有一些连接帮助访问者来回跳转。总是以相同的格式把这些连接放到所有页面上,这样读者就总能知道到哪儿去找到它们以及怎样使用它们。

    36、一般来说应该使用相对连接,因为:(1) 这样容易把一组文件移到另一个地方(相对路径名仍然有效),(2) 输入量较少。在同一页的连接项当然应该使用相对地址,因为使用绝对地址后可能会每选择一个连接都要把该页重新装载一次。

    37、连接到不直接相关的文件时使用绝对路径。这样以后要是把源文件移到另外的目录下就不需更改连接了。

    38、确保可选择的连接清楚直观——用标题或明显相关的图像来表明它有什么内容。特别要避免“请按这里”,任何要“按这里”的人都会慎重考虑,它是不是正好就在“这里”,并且连接无误。不要让连接的名称与连接的 URL 相同,这样会使读者要作的工作增加。

    39、Mail to 连接中应把 e-mail 地址作为连接名称。例如,可能有一个人名和一个 e-mail 地址,人名连接到他的主页,e-mail 地址连接到 mailto。新闻组连接应当直接用组名。

    40、核对 href ,不要在页内出现任何没有出路的连接,也不要让连接落掉。


    七、通则

    41、实际上,网页要么处于建设之中要么就是死的——如果你不更新它,并且它不是纯粹的历史资料,它马上就会变旧。“最后一次更新”记录是一个好办法。且不说别的,如果你的页面变化太少,你很快就会在读者评论中得到讽刺意见。 42、鼓励读者通过填表或发邮件反馈意见。但要准备处理随之而来的事务——要尽快地回E-mail,增加连接,修改输入错误等等。给通过 E-mail 进行评论的人回感谢信。

    43、在页内告诉读者如果他们在自己的主页内设置一个指向你的连接你不会介意,并表明你也同样会设置一个指向他的主页的连接。每个人都希望有人访问自己的网页,而这种相互支持会鼓励对见解类似的网点的访问。 44、联机时间是昂贵的,而访问者的注意时间之短是众所周知的。想办法告诉读者下传要用的时间——告诉他们要出现的图像的大小或下传一个文本文件或二进制文件要用多久的时间。为把联机时间减到最少,指出你会给出FTP地点或提供到其他页的连接,读者会欣赏你的这种做法。

    45、利用 Digital 的优秀检索工具 Alta Vista 找出谁已建立了指向你的Web的连接。在高级检索方式下,输入:
    link: http://www.domains5.cn

    46、Web上的大多数写作都相当糟糕。由于多数网页都是空话连篇,自我吹嘘,编写粗糙,编辑审核也不存在,好的写作就很突出了。

    47、不要忘记为你的主页加一个描述性的标题,当某个人把它保存在自己的热点目录后能知道这里是什么内容。

    八、设备独立

    48、HTML不包括文件显示时用到的字体、段落形式及空白信息。这正是它的意义所在,无论在什么平台上,包括文字终端,你的文件都能成功地显示出来。由此产生出最低命令标准。因此要了解不同的浏览器用不同的空白和字体。

    49、假设你的页面要用某个特定的浏览器阅读时要当心。要是没有鼠标器,让别人“按这里”是不会有效的,如果你的读者使用 Internet Explorer 或Spry Mosaic,Netscape2.0 的插件就不会有效,除非你能保证读者有 Netscape 或 Internet Explorer 兼容的浏览器,否则重新调整过的图像可能会以预想不到的大小显示出来,表格也会很难看(或根本看不见)。在少数浏览器上,你根本不能看Jpeg图像。

    50、不会有很多读者不能处理16位的图像,但是要注意,如果用16位(64K色)或24位(1670万色)的调色板制作精巧的背景,你可能会发现使用较老的设备的人只能跳过去。用8位图看彩色背景时会降为可怕的图形。带视卡但 RAM 少于 2M 的 PC 是不能观看图像的。 (金璐 译)(此内容选自银山翠竹小屋)

     

    补充本知识点暨快乐评论此文章:'做网页:做网页基础知识大全.'

踩下去0
顶上来6
复制本页网址,与你QQ/MSN上的好友分享  温馨提示:如果您喜欢本站,请把她推荐给您的朋友们!
现在有0人对本文发表评论。  »马上发布评论
现在有0人对本文发表评论。  »查看所有评论
您的姓名: * 可选项,留空即为匿名发表
评论内容:
剩余字数:  * 按 Ctrl + Enter 直接发送.
           »»我要分享做网页知识
相关文章推荐
网友阅读排行
技术文档
本站会员贡献
合作伙伴: 百度站长平台 新浪读书频道 CSDN.Net YPState R灯具集 好搜站长平台 商录 全球网站推广库 搜狗站长平台 网页百科 更多» >>加入本站作者团
首页 | 关于我们 | 网站地图 | 合作伙伴 | 部分作者 | 会员注册 友情链接 | 联系方式 |
2004-2019 做网页学习网 鄂公网安备 42010402000280号 鄂ICP备13003030号