网页的制作（上）

拽拽猪 发表于 2007-11-29 22:28:23

认识网页
 什么是网页 
　　你现在所看到的就是网页啦! 　　可是您知道为什么网页可以在Internet上传播，为什么可以被您的电脑认识吗？还是让我们来好好来认识网页。 　　网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。 　　 WWW是“World Wide Web"的缩写；HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字的元素。 　　网页就是由HTML语言编写出来的。 　　看到这，您也许会想：我最怕编程了! 　　别急！其实HTML语言只是一种排版语言，语法就类似于这样：“页高8宽5，(1,2)处插入高1宽1的图片A...” 如果您是使用WPS或则Word的高手，那么恭喜您，网页制作的学习您已经走了一半路了！ HTML 　　全称 HyperText Markup Language，正式名称是超文本标记语言，HTML语言发展很快，已历经HTML1.0、HTML2.0和HTML3.0、HTML4.0多个版本，现在HTML5.0正在测试，同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。我们现在一般只要掌握HTML4.0就可以了。 　　 html利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。
　　举一个简单的例子： 　　　　 HTML 原代码： www.jzxue.com 从不懂上网到网络高手 　　　　在浏览器的显示效果： www.jzxue.com 从不懂上网到网络高手 　　其中 就是两个HTML标记。它以起始标记及结束标记标记文字 www.jzxue.com，令它显示成粗体。 　　也有懒虫(像我一样:－)觉得一下要记住HTML那么多枯燥的标记实在太麻烦了。那么有一个偷懒的办法：找一个所见即所得的网页制作工具，即使一点HTML语言都不会，也可以制作出出色的网页。(嘘——，别声张！)后面，我会为大家介绍这类工具的。 　　说到底，我还是推荐您稍微了解一些HTML的语法。这样，您可以更精确的控制页面的排版，可以实现更多的功能。当大家称赞羡慕您的主页的时候，您就会觉得很值得哦！ 
主页制作的基本条件 
　　在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的主页,你们的地位就是平等的。实际上,许多个人管理的站点比商业站点更加受欢迎。一切都在于你的内容和创意.那么制作主页需要什么条件呢? 　　主页制作的基本条件有： 　　硬件： 　　一台电脑(64MB以上内存，当然越大越好啦)； 　　可以拨号上网； 如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入; 　　软件： 　　 HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver； 　　图像处理软件：常用的有Photoshop、flash、Fireworks 等； 　　文件上传软件：常用的有Cuteftp、WSftp等。 　　如果你已经万事具备了，我们继续下一步：制作主页前的准备. 
 1、主页题材 　　下面我们开始着手策划制作主页。首先面临的问题便是我要制作什么内容，选择什么样的主页题材。网络上的主页题材千奇百怪、琳琅满目。只要你想的到，就可以把它制作出来。以下列出一些常见的题材，是否对你有点启发。 　　给您的建议： 　　 (1)一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违的，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 　　 (2)题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 　　 (3)不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 　　 OK!如果你已经有一个绝妙的主意了，那我们就开始下一步：规划框架。 　　 2、规划框架 　　选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，您必须规划框架，这是很重要的一步！ 　　每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。 　　全面仔细规划架构好自己网站，不要急于求成。 　　规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。 　　大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形、树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 　　为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，每个主链接再分别展开，主链接之间相互链接。 　　框架定下来了，然后开始一步一步有条理、有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。 　　下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。 　　 3、资料收集 　　题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集。 　　就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或者音乐，是我非常佩服的！） 　　大部分人的方法是：从报纸、杂志、光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 　　另外一个好的方法是从网络上收集，您只要到雅虎、搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。 　　如果您是英语高手，您可以到国外站点上把最新的信息、资料翻译成中文，提供给大家，这叫“洋为中用”。 　　网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，随时供大家方便的查找，您的主页就已经有做不完的活了。 　　但是，有一点必须注意！在Copy或引用他人的资料文章时，请您尊重知识版权。有特别声明、禁止复制的请不要盗为己用。允许复制的也应该在引用时注明作者、出处。一般来说，个人主页是非商业站点，只要你发封Email给作者，都会征得同意的。 　　还有就是收集的资料必须合法。按照我国《计算机信息网络国际联网安全保护管理办法》的规定： 　　任何单位和个人不得利用国际联网制作、复制、查阅和传播下列信息： 　　 (一)煽动抗拒、破坏宪法和法律、行政法规实施的； 　　 (二)煽动颠覆国家政权，推翻社会主义制度的； 　　 (三)煽动分裂国家、破坏国家统一的； 　　 (四)煽动民族仇恨、民族歧视，破坏民族团结的； 　　 (五)捏造或者歪曲事实，散布谣言，扰乱社会秩序的； 　　 (六)宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖，教唆犯罪的； 　　 (七)公然侮辱他人或者捏造事实诽谤他人的； 　　 (八)损害国家机关信誉的； 　　 (九)其他违反宪法和法律、行政法规的。 　　到这里我们已经完成了制作主页的准备工作了。
"工欲善其事，必先利其器"。制作网页第一件事就是选定一种网页制作软件。从原理上来讲，虽然直接用记事也能写出网页，但是对网页制作必须具有一定的html基础，非初学者能及，且效率也很低。用WORD也能做出网页，但有许多效果做不出来，且垃圾代码太多，也是不可取的。我认为比较合适的网页制作软件首推Dreamweaver，它简单易学，功能强大，用它做出的网页垃圾代码也比较少，另外，它还可以在我们用所见即所得的环境制作网页的同时可以在代检视窗中看到对应的HTML代码，这对我们学习HTML有很大好处。虽然用Dreamweaver，即使我们一点不懂HTML 也能做出漂亮的网页，但HTML毕竟是制作网页的基础，我们要想把网页做活了，必须要知其然还要知其所以然，最终我们还是要熟练掌握HTML才行。当然 Frontpage也不错，但比起Dreamweaver来还是要稍逊一筹。 ●DreamWeaver——自制动态HTML动画的网页　　 　　　 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaS c r i p t、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug－in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。　　 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 　下载Dreamweaver 注：下载点不提供安装序列号的，请复制( WPD800-53931-95632-35191) ●Microsoft FrontPage 98——制作功能强大的网页　　 　　如果你曾对Word很熟悉，那么相信你用FrontPage 98进行网页设计一定会非常顺手。　　 　　使用Frontpage98制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由Frontpage98中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页，预览页。　　　　　Frontpage98带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage 98最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage 98会为你跟踪文件并拷贝那些新版本文件。FrontPage 98是现有网页制作软件中唯一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。　　 　　下载网址 http:∥www.microsoft.com/frontpage ●Netscape编辑器——制作简单的网页　　 　　　Netscape Communicator和Netscape Navigator Gold 3.0版本都带有网页编辑器。　　 　　　如果你喜欢用Netscape浏览器上网，那么使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与Frontpage 98还有些像。但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。　　 　　 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape 编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句，那么也可以弥补Netscape编辑器的一些不足。　 ●Adobe Pagemill 3.0——制作多框架、表单和Image Map图像的网页　　 　　 Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill 3.0的确是你的首选。　　 　　 Pagemill创建多框架页十分方便，你可以同时编辑各个框架中的内容。Pagemill在服务器端或客户端都可创建与处理Image Map图像，它也支持表单创建。Pagemill允许在HTML代码上编写和修改，支持大部分常见的HTML扩展，还提供拼写检错、搜索替换等文档处理工具。在Pagemill 3.0中还增加了站点管理能力，但仍不支持CSS、TrueDoc和动态HTML等高级特性。　　 　　 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。下载网址http:∥www.adobe.com 　 ●Claris Home Page 3.0——快速创建动态的网页　　 　　如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。　　 　　下载网址http:∥www.claris.com/software/highlights/clarispagetrial.html 提高级软件如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。 ●HotDog Professional 5——制作要加入多种复杂技术的网页　　 　　　 HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。 HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage 98中也未提供这样的功能。HotDog对plug－in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 　　　 HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。 　　　下载网址http:∥www.sausage.com 　　 ●HomeSite 3.0——制作可完全控制页面进程的网页 　　 Allaire的HomeSite 3.0是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。 　　　 HomeSite具有良好的站点管理功能，链接确认向导可以检查一个或多个文档的链接状况。　　 　　　 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite 3.0是你最佳选择。不过对于生手过于复杂。　　 　　　下载网址http:∥www.allaire.com或者http:∥www.homesite－now.com 　　 ●HotMetal Pro 4.0——制作具有强大数据嵌入能力的网页　　 　　　　 HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。 　　　　 HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其它ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒，此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。 　　　　 HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。下载网址：http:∥www.softquad.com 　　 　　以上工具各有千秋，但对于WEB新手来说，"所见即所得"无疑是最方便的，所以我建议你选择 DreamWeaver ，在网上人们习惯叫它为“DW”。下面我将在 DreamWeaver里做实例，希望对你有所帮助。 
最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案，但如果你是初学者，那么最好明白网页布局的基本概念。 　 1.页面尺寸 　　由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。 浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。 　　在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。 2.整体造型 　　什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。 对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。 3.页头 　　页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。 4.文本 　　文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。 5.页脚 　　页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。 6.图片 图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。 7.多媒体 除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。
网站中有哪些关键技巧？有哪些陷阱？在这里告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。 01 明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。 02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 03 优化内容 内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（www.channels.co.uk）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。 04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。 05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 06 坚持基本原则 即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。 07 学习HTML 用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。 08 用笔画一个网站的框架 圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 09 “在计算机上永远也找不到好的方案”。 ——专家忠告 10 网站地图 许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。 11 “睁大你的眼睛，留意所有的事情。” “对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告 12 点击规则 听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。 13 特殊字体的应用 虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。 www.6park.com
14 “使用切合实际的简便的命名规则。” ——专家忠告 15 检查错别字 好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。 16 避免长文本页面 在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。 17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。 18 专家最喜爱的Web设计工具 1.Adobe Photoshop 2.Macromedia Flash 3.Adobe Illustrator 4.Adobe ImageRead 5.Dreamweaver 6.Macromedia Fireworks 7. Allaire Homesites 8.Microsoft Notepad 9. Macromedia Director 10. Lightwave 11. Macromedia Freehand 12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。 19 网站介绍 你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。 20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告 21 闪烁让人头痛 通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。 22 背景颜色 背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。 23 向前和向后按钮 应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。 24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告 25 点击记数器 不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。 26 不要用框架 与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站

dannycom 发表于 2007-11-29 22:49:51

拽拽猪 发表于 2007-11-29 23:00:04

为什么昏倒了

dannycom 发表于 2007-11-29 23:03:09

j_hai 发表于 2007-11-29 23:21:20

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaS c r i p t、Java、Flash、ShockWave等特性
本人比较建议使用这个软件，使用简单，可是化效果对于初学者有很大的帮助，全球有百分之60左右的网页编写者都使用这款软件，很多详细资料可以网上查找，希望各位兄弟都能上手为论坛出份力量。
26 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站
对于这点，我有自己的见解，框架对于一个网站来说就像是一个体形，什么体形穿什么衣服，使用框架会不会全部显示和显示其没有关系，主要是看电脑的分辨率，还有框架的智能尺寸，所谓智能尺寸指的就是，在不同环境下自动调节自身的框架大小，以使效果达到读者的理想位置，所谓成事靠人，不同情况是用不同方式，软件只是编写者的工具（偷偷告诉你们，这个软件真的是我用过得最好用的软件，以上言论只是个人观点，不代表微软立场）

dannycom 发表于 2007-11-29 23:24:50

页: [1]

SINOFACE|海华网's Archiver

网页的制作 （上）

网页的制作（上）