 |
| 网页 |
基本元素编辑本段回目录
 |
| 网页 |
在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。为什么在源文件看不到任何图片？网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。
网页类型：.通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP甚至其他更多。
网页分类：网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后，当然现在有网站管理系统，也可以生成静态页面~我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面，比方说贴吧，他就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。
关于网页：当你每次上网时，都会在历史纪录里留下纪录，保存在C盘主要文件的一个文档里，删除时只要右键删除就可以了。
主要名词编辑本段回目录
INTERNET︰一个全球资讯系统，简单来说是一个连接起世界各地电脑的大型网络。
网页
网页︰就是我们现在准备要做出来的东西。
网站︰由一堆网页所构成的完整内容，称为网站。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。
首页︰就是当我们进去一个网站时，第一眼看到的页面，通常都是目录页。
网址︰URL，即是网站的地址。
域名︰Domainname，也是网站的地址，大多是要付款的。
子域名︰SubDomainname，网站的次地址，假如你的域名是www.divhome.com，divhome.com便是www.divhome.com的子域名。
WWW︰WorldWideWeb，是由一堆网站所连结而成的。
HTML︰HyperTextMarkUpLanguage，超文件注标式语言，是流行的编写网页语言，为普通文件中某些字句加上标示的语言，其目的在於运用标记（tag）使文件达到预期的显示效果。
制作流程编辑本段回目录
主题构思：第一步当然要先构思网站的内容、主题及操作介面。
网页
编写工具：准备写网页的工具、图片制作工具、上传工具。编写工具准备写网页的工具、图片制作工具、上传工具。
编写网页：开始动工，编写网页，最累、最有成就感的时候。
找个空间：写好网页就要放上网路，得找个免费空间来放，当然你可以用付费的空间。
上传网页：有了网页空间，就将写好的网页上传到网路上。上传网页：有了网页空间，就将写好的网页上传到网路上。
维护网页：不断地维护更新网页内容，保持网页的新鲜度。
设计特点编辑本段回目录
 |
| 网页 |
确定网站的整体风格：网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。
网页色彩的搭配：无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
网页设计的工具：
1.dreamweaver，用与编辑HTML、ASP、JSP、PHP时的辅助工具
2.Frontpage跟dreamweaver一样，不过个人感觉还是dreamweaver好。
3.FLASH网页需要画面流动时的首选择
4.PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5.FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。
设计要素编辑本段回目录
 |
| 网页 |
1.整体布局：
网站主页就好象是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象，一般来说，好的网站应该给人有这样的感觉：干净整洁；条理清楚；专业水准；引人入胜。网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择，就象一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。
2.信息：
无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者，因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”
所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：信息；娱乐；劝告；对一些问题的帮助；提供志趣相投者联络的机会；链接到有用的网页，等等。如果你经营的是企业网站，需要提供关于产品或服务的信息：容易理解；容易查询；容易订货。
3.速度：
我们都知道，页面下载速度是网站留住访问者的关键因素，如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。应该时时提醒自己，网站首页就象一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。网上访问者也是“一闪而过”，保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度，放弃一切显著减慢主页速度的资料。
4.图形和版面设计
图形和版面设计关系到对主页的第一印象，图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点，你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点，动画将是必不可少的一部分内容。图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30K左右可以保证比较理想的下载时间。图象在6—8K之间为宜，每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一种快活的颜色；考虑到你希望对浏览者产生什么影响，请为网页选择合适的颜色。
阅读西方格式文本时，眼睛从左上方开始，逐行浏览到达由下方，插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。
这种思路可以用于所有图片：面部应该“看”网页的中部；汽车的“停靠”面向网页中部；道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。一般总是把网站导航条放置在页面左边，也是出于这种考虑——不断地出现在浏览者的视野之中。
5.文字的可读性：
我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好象只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要，不同的浏览器有不同的显示效果，有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式，为方便或快速阅读将你的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体，通用的字体(Arial,TimesNewRoman,GaramondandCourier)最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的Gothic,Script,Westminster,orCloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。
6.网页标题的可读性：必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），也需要利用标题和副标题将文档分段。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题（字体加大加粗）和副标题（粗体，与正文字体大小相同），使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑，要认真写好每个标题，也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。
7.导航：由于人们习惯于从作到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只要两项就够了：主页|页面顶部）。确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
8.保护个人信息声明和客户推荐信：对于商业网站来讲，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其个人隐私保密，很有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。访问者也想知道你的产品或服务现有客户的反映，所以如果能引用与你关系融洽的客户对你的积极评价，对你的可信度将很有帮助。不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站——这也是一种“双赢”。
9.词语：一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗？你可以按照上述步骤改进你的网站制作技巧；你可以请人对你的工作进行校对、编辑；你也可以请人为你制作网页；总之，上述步骤在很多方面对你会有所帮助，不要因为对某些步骤的疏忽而影响你的网站的整体效果。
总体内容编辑本段回目录
网页设计总体方案主题鲜明：在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。
网页
网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。
色彩在网页设计中的作用：色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。
网页设计形式与内容相统一：为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。
灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。
三维空间的构成和虚拟现实：网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。现在，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。
网页设计中多媒体功能的利用：网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络带宽的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。
结构清晰并且便于使用：如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业和服务呢？使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品，如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这就是网页设计的失败。
导向清晰：网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。
快速的下载时间：很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，我们会建议您在网页设计中尽量避免使用过多的图片及体积过大的图片。我们通常会与客户合作，将主要页面的容量控制在50K以内，平均30K左右，确保普通浏览者页面等待时间不超过10秒。
非图形的内容：我们在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，我们仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。我们通常与用户共同安排网站测试。
内容更新与沟通：企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。
保存技巧编辑本段回目录
 |
| 网页 |
保存网页的过程中常见的问题：网页不能保存、保存失败，有些网页禁止了鼠标右键，不能复制。采用浏览器自带的“另存为”保存网页的时候，有时进度条前进速度非常缓慢，最后提示“保存网页失败”，这中情况主要是由于网速慢或对方的服务器忙导致有部分文件不能下载引起的。网页采用脚本禁止了"Ctrl+v"和右键菜单功能，有些网页不仅禁止使用右键菜单功能，而且禁止使用了鼠标拉选文字的功能。
除了采用浏览器自带的“另存为”保存网页之外还可以通过下列方法来保存网页，可以有效解决网页不能复制、保存失败等问题。
将网页保存为图片。如果想要完整保存页面，通过屏幕拷贝的方式将网页保存为图片不失为一种很好的方法，这特别适合做设计的人员，需要看的是网页的整体。
保存部分有用内容。事实上我们保存网页时往往是仅需保存网页中的正文部分，整个网页内容一大堆，正文也就一小部分。一种办法就是用"拷贝"、"粘贴"的方法将正文复制到word然后保存。你想象过只要点一下鼠标即可完成保存你需要的正文部分，不用你手工"拷贝"、"粘贴"呢？
现在保存网页也讲人工智能，智能化的网页保存工具网童就实现了这样的功能，他能够自动识别并提取网页正文内容，在浏览器中点击鼠标右键，选择“网童，取网页正文”，网页正文在一个新的窗口中显示可编辑、保存。还可以一键将网页保存为word文件，保存的是干干净净的网页正文，而且还包括下一页，省去很多的复制、粘贴操作。
批量保存网页内容。要想批量保存网页内容那只能采用第三方工具了，浏览器本身不提供这种功能。最常见的就是下载工具了，如网际快车、迅雷，建立一个网页下载列表然后后下载工具下载。这种方法只能下载链接指向的html文件，不能下载关联的图片等文件。第二种方法就是网络爬虫，这种工具可以把自动抓取网页及其相关链接的文件。
上面这两种方法都有一个问题就是只要是指向的链接都取，不能区分是否有用。批量保存网页内容最好的方法就是采用智能型的网页保存工具——网童。事实上我们保存网页经常只需要网页的正文内容，保存工具应当自动的智能化的识别网页正文内容，然后自动提取这些信息。网童不但可以批量保存网页而且自动提取正文内容并把网页内容汇编在一起。
