网页基本知识,共享一下

瘋子愛老婆

网页基本知识
1.1 什么是网页?
现在在你眼前，出现在显示器上的这个“东西”，就是一个网页。网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序（详见“域名系统”），网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
1.构成网页的元素
文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。
(1)、文字与图片
文字与图片是任何一个网站最基本的要素。浏览器会根据网页文件中的HTML代码，将文字与图片正确的表现出来。在一页网页中，文字与图片的比例要适当，文字太多，会使减低网站的吸引力；图片太多，又会使页面的浏览速度大大下降，浏览者可能还没等到网页内容全部出现，就已经跳到别的网页去甚至把浏览器关掉。
(2)、动画
假如网页上只有静止的文字和图片，就未免显得过于沉闷。假如有些动画点的点缀，必定会生色不少。通常看到的网页动画，都是动态的GIF格式图片(ANIMATEED GIF)。动态GIF的原理十分简单，就是高速显示多幅的静态GIF图片，就像播动画片一样。而动态GIF的制作也是相当简单的。 要提出的是，动态GIF使用也不能过多，否则不仅网站的浏览速度会大打折扣，更会给人一种眼花乱的感觉。
如果需要在网页上加上一些大型或复杂的动画，就需要借助到FLASH动画。利用这FLASH技术，我们可以在网页做出交互性很强的动画，甚至是网上游戏，不过，浏览者要看到FLASH制作的动画，就需要在浏览器加装PLUG-IN程序
(3)、音乐
在多媒体技术大行其道的今天，网页不仅仅可以有色，还可以有声。适当的在网页上加点音乐效果，会使网页更具吸引力。网上的流行的声音格式有MIDI、WAV、MP3及REAL AUDIO。
MIDI格式的音乐，占用空间小，一般有十几KB、几十KB不等，适于网上传播，但音色单调，要发挥MIDI的最大功力，就需要浏览者装有带硬波表的声卡或软波表程序。
WAV为常见的无压缩声音文件，占用空间大，现时通常为配合FLASH动画一起使用。
MP3是时下非常流行的压缩音乐文件，占有空间比WAV少得多，但也能保持相当好的音质。缺点是一定要先下载再收听。
REAL AUDIO是网上最流行的音色格式，虽然他比起WAV和MP3的音质稍差，但占用空间却少很多，而且他还有另一个优点，就是浏览者可以一边下载一边播放。
(4)、视频影像
众所周知，视频影像是一种非常直观而有效的表现方式，但碍于网速所限，下载一个视频文件要花费很多的时间。而现时借助一边下载，以便播放的串流技术(STEAMING)，就可以解决这个问题。视频串流技术常见的格式有REAL VIDEO、MICROSOFT MIDIA及APPLE QUICTIME，他们各有所长，其中数REAL VIDEO的使用者最多。
(5)、搜索功能
搜索功能是使得浏览者在短时间内，快速地从大量的资料中找到符合要求的资料。这对于一个资料非常丰富的网站来说非常有用。要建立一个搜索功能，就要有相应的CGI程序以及完善的数据库支持，而建立数据库需要耗费相当的人力物力，这是决策者不可不知的一件事。
(6)、留言版、论坛及聊天室
留言版、论坛及聊天室为浏览者提供一个信息交换的地方。浏览者可以就个别的产品、服务或话题性讨论。顾客也可以就他们提出的问题提出咨询，或者得到售后的支持服务。
(7)、提交表单
提交表单的用途很多，从收集顾客的意见、资料登记、服务申请、网上购物等等，都　需要使用到提交表单的功能。提交表单的功能是看似很简单，其实也需要一些专门的网页程序，将收集到的资料进行处理才能用作其他用途，如CGI。
(8)、网页程序
要设计一些更复杂、更大型、用途更多的网页，例如大型的门户网站、拍卖网站、购物网站等，就需要更专业、更高级的网页程序支持，如JAVA、JAVA SCRIPT、ACTIVEX、ASP等。不过，一般的中小型企业的网站，通常都不需要用到这些技术，即使有机会使用，也只限于一些简单的应用。
2.网页的类型
通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML 文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP甚至其他更多。
(1)HTML
全称 HyperText Markup Language，正式名称是超文本标记语言，利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。
举一个简单的例子：
　　HTML 原代码： <b>goEway.com</b> 从不懂上网到网络高手
　　在浏览器的显示效果： goEway.com 从不懂上网到网络高手
　　其中 <b></b> 就是两个HTML标记。它以起始标记<b>及结束标记</b>标记文字 goEway.com，令它显示成粗体。要知道更多有关HTML的知识，请看“HTML彻底剖析”
对于网页制作的初学者来说，理解 HTML 的工作原理是必要的，但也无须仔细地了解到每一个标记的作用，因为现在已经有了很好的所见即所得的网页编辑软件为我们快速地生成 HTML 代码，例如 Dreamweaver 和 Frontpage ，再也无须象早期的网页制作人员一样，一行一行地编写代码了。
以下内容，可能会导致部分网友感到不安，敬请留意！
哈哈，开个玩笑而已。但是，对于以下的“网页类型”，及接着的“网页相关技术”，的确会让一些初学者产生恐惧心理，其实不用担心，在这里，我们只会作简单的介绍，而作为初学者，也只需作初步的了解就足够了。就算一时间无法理解，也可以先放在一边，先看“一些与网页密切相关的技术”，待日后回过头来再慢慢消化这部分的内容也不迟。
(2)CGI
CGI 全称为 Common Gateway Interface （公共网关接口CGI），它是一种编程标准，它规定了Web服务器调用其它可执行程序（CGI程序）的接口协议标准。CGI 程式通过读取使用者的输入请求从而产生 HTML 网页。CGI 程序可以用任何程序设计语言编写，如Shell、Perl、C、Java等，其中最为流行的是Prel。
CGI程序通常用于查询、搜索、或其他的一些交互式的应用。
目前，最常用的三种动态网页语言有ASP(Active Server Pages),JSP(JavaServer Pages),PHP (Hypertext Preprocessor)。
(3)ASP
全名Active Server Pages，是一个WEB服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript（Java script）作为自己的开发语言。
(4)PHP
是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法, 并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。它支持目前绝大多数数据库。还有一点，PHP是完全免费的，不用花钱，你可以从PHP官方站点(http: //www.php.net)自由下载。而且你可以不受限制地获得源码，甚至可以从中加进你自己需要的特色。
(5)JSP
是Sun公司推出的新一代网站开发语言，Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和Java Applet之外，又有新的硕果，就是JSP，Java Server Page。JSP可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。
三者都提供在 HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。但JSP代码被编译成 Servlet并由Java虚拟机解释执行，这种编译操作仅在对JSP页面的第一次请求时发生。在ASP 、PHP、JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的 HTML页面只依赖于Web服务器，而ASP 、PHP、JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。ASP 、PHP、JSP三者都是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持。
技术特点
ASP:
1. 使用VBScript 、 JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。
2. 无须compile编译，容易编写，可在服务器端直接执行。
3. 使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。
4. 与浏览器无关(Browser Independence), 客户端只要使用可执行HTML码的浏览器，即可浏览Active Server Pages所设计的网页内容。Active ServerPages 所使用的脚本语言(VBScript 、 Jscript)均在WEB服务器端执行，客户端的浏览器不需要能够执行这些脚本语言。
    5.Active Server Pages能与任何ActiveX scripting语言兼容。除了可使用VB Script或JScript语言来设计外，还通过plug－in的方式，使用由第三方所提供的其它脚本语言，譬如REXX 、Perl 、Tcl等。脚本引擎是处理脚本程序的COM(Component Object Model) 对象。
    6. 可使用服务器端的脚本来产生客户端的脚本。
    7. ActiveX Server Components(ActiveX 服务器组件 )具有无限可扩充性。可以使用Visual Basic 、Java 、Visual C＋＋ 、COBOL等程序设计语言来编写你所需要的ActiveX Server Component 。
PHP可以编译成具有与许多数据库相连接的函数。PHP与MySQL是现在绝佳的群组合。你还可以自己编写外围的函数去间接存取数据库。通过这样的途径当你更换使用的数据库时，可以轻松地修改编码以适应这样的变化。PHPLIB就是最常用的可以提供一般事务需要的一系列基库。但PHP提供的数据库接口支持彼此不统一，比如对Oracle, MySQL，Sybase的接口，彼此都不一样。这也是PHP的一个弱点。
使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来产生页面上的动态内容。产生内容的逻辑被封装在标识和JavaBeans群组件中，并且捆绑在小脚本中，所有的脚本在服务器端执行。如果核心逻辑被封装在标识和Beans中，那么其它人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的产生。在服务器端，JSP引擎解释JSP标识，产生所请求的内容（例如，通过存取JavaBeans群组件，使用JDBC技术存取数据库），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。强调可重用的群组件,绝大多数JSP页面依赖于可重用且跨平台的组件（如：JavaBeans或者Enterprise JavaBeans）来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者用户团体所使用。基于组件的方法加速了总体开发过程，并且使得各种群组织在他们现有的技能和优化结果的开发努力中得到平衡。
JSP采用标识简化页面开发 ,Web页面开发人员不会都是熟悉脚本语言的程序设计人员。JavaServer Page技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容产生所需要的。标准的JSP标识能够存取和实例化 JavaBeans组件，设定或者检索群组件属性，下载Applet，以及执行用其它方法更难于编码和耗时的功能。通过开发定制化标识库，JSP技术是可以扩展的。今后，第三方开发人员和其它人员可以为常用功能建立自己的标识库。这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。JSP技术很容易整合到多种应用体系结构中，以利用现存的工具和技巧，并且扩展到能够支持企业级的分布式应用。作为采用Java技术家族的一部分，以及Java 2EE的一个成员，JSP技术能够支持高度复杂的基于Web的应用。由于JSP页面的内置脚本语言是基于Java程序设计语言的，而且所有的JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。作为Java平台的一部分，JSP拥有Java程序设计语言“一次编写，各处执行”的特点。随着越来越多的供货商将JSP支持加入到他们的产品中，您可以使用自己所选择的服务器和工具，修改工具或服务器并不影响目前的应用。
应用范围:ASP是Microsoft开发的动态网页语言，也继承了微软产品的一贯传统，只能执行于微软的服务器产品,IIS(Internet Information Server) (windows NT)和PWS(Personal Web Server)(windows 98)上。Unix下也有ChiliSoft的组件来支持ASP，但是ASP本身的功能有限，必须通过ASP＋COM的群组合来扩充，Unix下的COM实现起来非常困难。PHP3可在Windows,Unix,Linux的Web服务器上正常执行,还支持IIS,Apache等一般的Web服务器,用户更换平台时,无需变换PHP3代码,可即拿即用。JSP同PHP3类似，几乎可以执行于所有平台。如Win NT,Linux,Unix。在NT下IIS通过一个外加服务器，例如JRUN或者ServletExec，就能支持JSP。知名的Web服务器Apache已经能够支持JSP。由于Apache广泛应用在NT、Unix和Linux上，因此JSP有更广泛的执行平台。虽然现在NT操作系统占了很大的市场份额，但是在服务器方面Unix的优势仍然很大，而新崛起的Linux更是来势不小。从一个平台移植到另外一个平台，JSP和JavaBean甚至不用重新编译，因为Java字节码都是标准的与平台无关的。   
性能比较:有人做过试验，对这三种语言分别做回圈性能测试及存取Oracle数据库测试。在循环性能测试中，JSP只用了令人吃惊的四秒钟就结束了20000＊20000的回圈。而ASP、PHP测试的是2000＊2000循环（少一个数量级），却分别用了63秒和84秒。（参考PHPLIB）。数据库测试中，三者分别对 Oracle 8 进行 1000 次 Insert,Update,Select和Delete： JSP 需要 13 秒，PHP 需要 69 秒，ASP则 需要 73 秒。
前景分析:目前在国内PHP与ASP应用最为广泛。而JSP由于是一种较新的技术，国内采用的较少。但在国外，JSP已经是比较流行的一种技术，尤其是电子商务类的网站，多采用JSP。采用PHP的网站如新浪网（sina）、中国人（Chinaren）等，但由于PHP本身存在的一些缺点，使得它不适合应用于大型电子商务站点，而更适合一些小型的商业站点。首先，PHP缺乏规模支持。其次，缺乏多层结构支持。对于大负荷站点，解决方法只有一个：分布计算。数据库、应用逻辑层、表示逻辑层彼此分开，而且同层也可以根据流量分开，群组成二维数组。而PHP则缺乏这种支持。还有上面提到过的一点，PHP提供的数据库接口支持不统一，这就使得它不适合运用在电子商务中。ASP和JSP则没有以上缺陷，ASP可以通过Microsoft Windowsd的COM/DCOM获得ActiveX规模支持，通过DCOM和Transcation Server获得结构支持；JSP可以通过SUN Java的Java Class和EJB获得规模支持，通过EJB/CORBA以及众多厂商的Application Server获得结构支持。三者中，JSP应该是未来发展的趋势。世界上一些大的电子商务解决方案提供商都采用JSP/Servlet。比较出名的如IBM的E－business，它的核心是采用JSP/Servlet的Web Sphere。它们都是通过CGI来提供支持的。但去年10月后它推出了Enfinity，一个采用JSP/Servlet的电子商务Application Server，而且声言不再开发传统软件。总之，ASP，PHP,JSP三者都有相当数量的支持者，由此也可以看出三者各有所长。正在学习或使用动态页面的朋友可根据三者的特点选择一种适合自己的语言。
(6)VRML
VRML（Virtual Reality Modeling Language）就是虚拟实境描述模型语言。是描述三维的物体及其连结的网页格式。用户可在三维虚拟现实场景中实时漫游，VRML2.0在漫游过程中还可能受到重力和碰撞的影响，并可和物体产生交互动作，选择不同视点等（就象玩Quake）。浏览VRML的网页需要安装相应的插件，利用经典的三维动画制作软件3DMAX，可以简单而快速地制作出VRML。
1.2 一些与网页密切相关的技术
(1)Java
Java 是由 Sun 公司开发而成的一种编程语言，利用 Jave 写成的小程序叫做 Java Applet。使用它可在各式各样不同种机器、不同种操作平台的网络环境中开发软件。而且，不论你使用的是哪一种 WWW 浏览器，哪一种计算机，哪一种操作系统，只要WWW浏览器上面注明了“支持Java”，你就可以看到生动的主页。
当初Java面世的时候，曾经轰动一时，被认为将会成为 Internet 应用的主要开发语言。但时至今日，Java 的风头已大不如前，原因是 Java 也有着起致命的弱点，就是在客户端的编译运行的速度慢，资源消耗大。现在 Java 多用于服务器端、及一些复杂的客户端程序的编写。
(2)JavaScript
JavaScript 具有脚本语言的“简单”这个特性，编写容易，不需要有很深的编程经验。JavaScript 语言是通过嵌入或整合在标准 HTML 语言中实现的，也就是说 JavaScript 的程序是直接加入在HTML文档里，当浏览器读取到 HTML 文件中 JavaScript 的程序，就立即解释并执行有关的操作，无须编译器，其运行速度比 Java Applet 要快得多。
现在， JavaScript 已经成为了制作动态网页必不可少的元素，大家经常在网页上看到的动态按钮、滚动字幕，就大多数都是使用 JavaScript 技术制作的。
(3)CSS
CSS（Casading Style Sheets 层叠样式表），跟 HTML 一样也是一种标记语言，甚至很多属性都是来源于HTML。利用 CSS 技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
(4)Flash
Flash 是 Macromedia 公司出品的一个适量动画制作软件，用他做出来的动画就叫Flash动画，其特点是：
动画具有很强的交互性，我们甚至可以完全使用 Flash 来制作一个网站；
采用“准”流（Stream）式的设计，就是说，我们可以一边下载动画文件一边欣赏动画；
由于它是基于矢量的图形系统，因而只要使用得当，就可以大大地减少文件的数据存储量，所占空间比位图少得多，非常适合在网络上使用。同时，矢量图像可以做到真正的无级放大，这样，无论用户的浏览器使用多大的窗口，图像始终可以完全显示，并且不会降低画面质量。
如果你看过使用了 Flash 技术的网站，你一定会被其神奇的魅力所倾倒。当然，Flash 也有其弊端，就是维护更新不方便，不适宜用于一些更新频繁、信息量大的网站。
(5)DHTML
DHTML 的全称为 Dynamic HTML，也就是我们常说的动态 HTML。很多人都误会 DHTML 是一种语言，其实 DHTML 仅仅是一个概念——通过各种技术的综合发展而得以实现的概念，这些技术包括Javascript，VBScript，DOM（Document Object Model，文件目标模块），Layers（层）和 CSS 等。DHTML 的目的在于加强网页的交互性；对用户的操作在本地就可做实时处理，从而得到更快的用户响应；使网页的界面更丰富多变，使页面设计者可以随心所欲地表达自己的构思。
动态 HTML 与动态网页是两个不同的概念，你可以简单的理解为动态 HTML 能使网页上的元素动起来（如文字的变色，图片的移动）；而动态网页，则是在服务器端动态地生成你看到的“静态”网页，而这个网页上的元素，并不一定会“动”。
1.3 选择一个适合自己的网页编辑工具
如今，上网冲浪已经成为一种时尚，构成了现代都市里一道独特而又亮丽的风景线。当你在网上漫游之际，会不会对那漂亮的网页羡慕不已呢？其实，你也可以制作自己的个人网页，现在网页制作软件不少。但在众多的网页制作软件中，你会选择哪一种呢？现在我们就来介绍几种各有特色的网页制作软件。希望你能从中找到一款适合你制作网页的软件。
一、入门级软件
如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！　　
●Microsoft FrontPage 98/2000/2002/2003——制作功能强大的网页
如果你曾对Word很熟悉，那么相信你用FrontPage 进行网页设计一定会非常顺手。你如果使用Frontpage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由Frontpage98中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页，预览页。Frontpage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。Frontpage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中唯一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。
●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另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。
●Claris Home Page 3.0——快速创建动态的网页
如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。
二、提高级软件
　　如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。
●DreamWeaver 3.0/4.0/mx——自制动态HTML动画的网页
DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug－in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。除此以外DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
●HotDog Professional 5——制作要加入多种复杂技术的网页
HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。
HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage 98中也未提供这样的功能。HotDog对plug－in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。
HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。
●HomeSite 3.0——制作可完全控制页面进程的网页
Allaire的HomeSite 3.0是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。
HomeSite具有良好的站点管理功能，链接确认向导可以检查一个或多个文档的链接状况。　　HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite 3.0是你最佳选择。不过对于生手过于复杂。
●HotMetal Pro 4.0——制作具有强大数据嵌入能力的网页
HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。
　　HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其它ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒，此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。
三、掌握一种图像处理软件
美工设计是网页制作的一个重要的组成部分。往往我们说某人能做一手好网页，实际上上指他有很好的美术设计功底。作为初学者，至少要掌握一个图像处理软件。
●Photoshop
Photoshop 是 Adobe 出品的最老资格，而又最功能强大的图像处理软件。很多人都会被其复杂功能所吓倒，其实里面还是有不少“傻瓜”级的功能的。而且，哪怕你不是要处理网页的图片，掌握一些基本的 Photoshop 技巧，对于日常的生活、工作也是大有裨益的。
●PhotoImpact
PhotoImpact 是台湾友立（Ulead）公司推出的一款图像处理软件精品。PhotoShop 等专业级软件不同，PhotoImpact定位于广大普通用户，提供众多“即拖即有”的现成效果和创意工具。它不仅有丰富的网页图库，同时也拥有强大的图形编辑及修片等功能。虽然在特效及照片处理方面与 PhotoShop 仍有很大的差距，但胜在操作简便，是一款“傻瓜级”的图像处理软件。
1.4 建议学习方式
前面一口气介绍了网页的类型、网页的技术、制作网页的工具及常用的图像处理工具，是不是前面所讲的所有东西都是必须掌握的呢？答案当然是“不是”的。网页制作的学习是一个循序渐进的过程，以下，是本站推荐给大部份初学者的学习方式：
●入门阶段：此时的你，什么都不懂
  先从最简单的 HTML 网页入手；
  选择 Dreamweaver 作为你的网页制作工具；
  选择 Photoshop 作为你的网页制作工具；
  粗略地阅读本站的 Dreamweaver 及 Photoshop 教程，了解这两个软件到底能做些什么；
  制作你的第一个实验性的网站，遇到任何困难，请对照本站的相关教程，如果问题仍然没有解决，请将问题贴于本站论坛，让更多高手为你解答.
●初级阶段：此时的你，已经掌握了 Dreamweaver 和 Photoshop 的基本操作：
策划和制作你的第一个网站；
不断为你的网站增加内容与功能（例如尝试将一些 Java Script 小程序添加到你的网页中）；
粗略阅读本站 HTML 及 CSS 的语法书，并尝试运用到你做的网页中。
●进阶阶段：此时的你，已经具有一定的网页制作经验，并逐步形成了自己一套的对于网页制作的理解，制作一般的网页已经不在话下：   
根据个人喜好及实际需要，网页制作的方向，你可以向美术设计的方向发展，学习一些美术方面的知识；也可以向网络编程的方向发展，学习ASP等编程语言；也可以向信息制作的方向发展，锻炼自己在网站策划及信息采辑的技能；
常识制作其他不同类型的网站，从模仿别人开始，都逐渐形成自己的设计风格；
熟练操作 Dreamweaver 及 Photoshop 两个软件，并至少能读懂 HTML 及 JavaScript。
高手阶段：此时的你，至少在美术设计、程序编写、或信息制作方面有一定的造诣：
  学习
  学习
  再学习