12,608
次編輯
變更
网页
,無編輯摘要
网页是一个包 含HTML 含[[HTML]] 标签的纯文本文件，它可以存放在世界某个角落的某一台 [[ 计算机 ]] 中，是 [[ 万维网 ]] 中的一“页”，是 [[ 超文本标记语言 ]] 格式（ [[ 标准通用标记语言 ]] 的一个应用，文件扩展名为.html或.htm）。网页通常用 [[ 图像 ]] 档来提供图画。网页要通过 [[ 网页浏览器 ]] 来阅读。
==主流代码布局==
原来是以 [[ 表格 ]] 来定位，现在是 [[DIV ]] （区）+[[CSS ]] （0.0）。
==构成==
在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个 [[ 纯文本文件 ]] 。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的 [[ 链接 ]] 位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。
网页通常有以下元素：
文字资料图像档 案Applet 案[[Applet]] （在页面内执行的副程式）超链结网页的合成体为网站，一个网站的开始点为首页。
==记录功能==
当你每次上网时，都会在历史记录里留下记录，并且被保存在浏览器的 [[ 缓存 ]] 文件夹里， [[ 删除 ]] 时只要右键删除就可以了。
==网页游戏==
从08年开始，国内 [[ 网页游戏 ]] 开始不断兴起，网页游戏 （Webgame （[[Webgame]] ）又 称Web 称[[Web 游戏 ]] ，无端网游，简称页游。网页游戏也是需要重视水平的，如音效的筛选、恰到好处的乐曲与音效搭配、以及良好的结构平台等等，有了这些元素，才能做出一个好的网页游戏，同时也会引来更多的浏览人数。网页游戏的出现让中国进入了一个新的网络游戏 [[ 平台 ]] ，也进入了一个页游发展的竞争时代。
==元素==
感知信息
文本：文本是网页上最重要的 [[ 信息载体 ]] 和交流工具，网页中的主要信息一般都以文本形式为主。
图像：图像元素在网页中具有提供信息并展示直观形象的作用。
静态图像：在页面中可能是光栅图形或 [[ 矢量图形 ]] 。通常 为GIF，JPEG或PNG 为[[GIF]]，[[JPEG]]或[[PNG]] ；或矢量格式， 如SVG或Flash 如[[SVG]]或[[Flash]] 。
动画图像：通常动画为GIF和SVG。
三 、Flash 、[[Flash 动画 ]] ：动画在网页中的作用是有效地吸引访问者更多的注意。
四、声音：声音是多媒体和视频网页重要的组成部分。
六、表格：表格是在网页中用来控制面业信息的布局方式。
七、导航栏： [[ 导航栏 ]] 在网页中是一组超链接，其连接的目的端是网页中重要的页面。
八、交互式表单：表单在网页中通常用来联系数据库并接受访问用户在浏览器端输入的数据。利用 [[ 服务器 ]] 的数据库为客户端与服务器端提供更多的互动。
===互动媒体===
页面上的：
交互式文本：DHTML。
网页还包含动态适应的信息元素，取决于某某渲染浏览器或最终用户的位置。（通过使用IP地址跟踪和/或“cookie”的信息）。从更一般/宽的角度来看，一些信息（分组）的元素，像一个导航栏，所有的网页是统一的，像一个标准，比如“网页模板系统”。
==分类==
静态网页，其内容是预先确定的，并存储在Web服务器或者本地计算机/服务器之上。
特点：
制作速度快，成本低。
模板一旦确定下来，不容易修改，更新比较费时费事。
常用于制作一些固定板式的页面。
通常用于文本和图像组成，常用于子页面的内容介绍。
对服务器性能要求较低，但对存储压力相对较大。
通俗地讲，静态页是照片，每个人看都是一样的，而动态页则是镜子，不同的人（不同的参数）看都不相同。
==设计要点==
突出你的标准色彩。
总结一句能反映贵站精髓的宣传 [[ 标语 ]] ！
相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
用两种色彩。先选定一种色彩，然后选择它的对比色。
用一个色系。 [[ 简单 ]] 的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些 [[ 误区 ]] ：
不要将所有颜色都用到，尽量控制在三至五种色彩以内。
背景和前文的对比尽量要大（绝对不要用 [[ 花纹 ]] 繁复的图案作背景），以便突出主要文字内容。
==排版问题==
行距太小或太大。
网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。
2. 信息<br>
无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”
所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：
容易订货。
3. 速度<br>
我们都知道，页面下载速度是网站留住访问者的关键因素。如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。
应该时时提醒自己，网站首页就像一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。
网上访问者也是“一闪而过”，保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度，放弃一切显著减慢主页速度的资料。
4. 图形和版面设计<br>
图形和版面设计关系到对主页的第一印象，图象应集中反映主页所期望传达的主要信息。
一般总是把网站导航条放置在页面左边，也是出于这种考虑——不断地出现在浏览者的视野之中。
5. 文字的可读性<br>
我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。
另一种能够提高文字可读性的因素是你所选择的字体，通用的字体（Arial, Times New Roman, Garamond and Courier）最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。
6. 网页标题的可读性<br>
必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），也需要利用标题和副标题将文档分段。
为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题（字体加大加粗）和副标题（粗体，与正文字体大小相同），使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑，要认真写好每个标题！
也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。
7. 导航<br>
由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只要两项就够了：主页|页面顶部）。
确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
8. 保护个人信息声明和客户推荐信<br>
对于商业网站来讲，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其个人隐私保密，很有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站——这也是一种“双赢”。
9. 词语<br>
一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。
这种网站主要是突出自己鲜明的个性的网站，比如个人微博、博客、论坛等等。
布局===
1. 图片与文字的协调性<br>
一个完美的网页布局会给人一种和平舒畅的心情，它不仅仅是表现在文字的表达程度，更多的表现在图片与文字的协调性。
2. 视觉上的对比性<br>
通过不同的色彩、不同的图形进行对比，在视觉上形成视觉的冲击，同时在图形也要形成对比，只有这样才能让人们过目不忘。
3. 有松有驰<br>
网页制作上也要讲究有松有驰，不要整个网页都是一种样式，要适当进行留白，运用空格或是改变字体之间的间距，从而达到不一样的变化效果。
==网页储存==