|
建站前需要明确的概念
 什么是网页?
构成网页的元素.
揭开网页的神秘面纱.
网页的类型.
什么是“流量”和“空间使用量”?
什么是FTP?
什么是相对路径，什么是绝对路径？
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开头的链接都是绝对路径。
选择一个适合自己的网页编辑工具
Q: 选择一个适合自己的网页编辑工具.
A: “ 工欲善其事，必先利其器 " 。制作网页第一件事就是选定一种网页制作软件。从原理上来讲，虽然直接用记事本也能写出网页，但是对网页制作必须具有一定的 html 基础，非初学者能及，且效率也很低。用 Word 也能做出网页，但有许多效果做不出来，且垃圾代码太多，也是不可取的。我认为比较合适的网页制作软件首推 Dreamweaver ，它简单易学，功能强大， 用它做出的网页垃圾代码也比较少，另外，它还可以在我们用所见即所得的环境制作网页的同时可以在代检视窗中看到对应的 HTML 代码，这对我们学习 HTML 有很大好处。虽然用 Dreamweaver ，即使我们一点不懂 HTML 也能做出漂亮的网页，但 HTML 毕竟是制作网页的基础，我们要想把网页做活了，必须要知其然还要知其所以然，最终我们还是要熟练掌握 HTML 才行。当然 FrontPage 也不错，但比起 Dreamweaver 来还是要稍逊一筹。
●DreamWeaver—— 自制动态 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 最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
●Microsoft FrontPage 98—— 制作功能强大的网页
如果你曾对 Word 很熟悉，那么相信你用 FrontPage 98 进行网页设计一定会非常顺手。
使用 Frontpage98 制作网页，你能真正体会到 “ 功能强大，简单易用 ” 的含义。页面制作由 Frontpage98 中的 Editor 完成，其工作窗口由 3 个标签页组成，分别是 “ 所见即所得 ” 的编辑页， HTML 代码编辑页，预览页。 Frontpage98 带有图形和 GIF 动画编辑器，支持 CGI 和 CSS技巧">CSS 。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage 98 最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。 FrontPage 98 会为你跟踪文件并拷贝那些新版本文件。 FrontPage 98 是现有网页制作软件中唯一既能在本地计算机上工作，又能通过 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 图像的处理也不完全。
●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 为用户提供了 “ 太多 ” 的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。
以上工具各有千秋，但对于 WEB 新手来说， " 所见即所得 " 无疑是最方便的， " 工欲善其事，必先利其器 " 。制作网页第一件事就是选定一种网页制作软件。从原理上来讲，虽然直接用记事也能写出网页，但是对网页制作必须具有一定的 html 基础，非初学者能及，且效率也很低。用 WORD 也能做出网页，但有许 多效果做不出来，且垃圾代码太多，也是不可取的。我认为比较合适的网页制作软件首推 Dreamweaver ，它简单易学，功能强大，用它做出的网页垃圾代码也比较少，另外，它还可以在我们用所见即所得的环境制作网页的同时可以在代检视窗中看到对应的 HTML 代码，这对我们学习 HTML 有很大好处。虽然用 Dreamweaver ，即使我们一点不懂 HTML 也能做出漂亮的网页，但 HTML 毕竟是制作网页的基础，我们要想把网页做活了，必须要知其然还要知其所以然，最终我们还是要熟练掌握 HTML 才行。当然 Frontpage 也不错，但比起 Dreamweaver 来还是要稍逊一筹.
【HTML】教程
【H T M L】教程--一般概念
【H T M L】教程--文件标记
【H T M L】教程--排版标记
【H T M L】教程--字体标记
Q: 【HTML】教程--一般概念
A: ■ HTML 一般概念：
这节将简单介绍 HTML。
全称：HyperText Mark-up Language
译称：超文本标记语言。
简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。
HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。
■ 阅读须知：
这一篇【HTML彻底剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必须的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要你掌握了 HTML ，任何网页编辑工具都可以变成一把利器。（就好像只要你有深厚内功，树叶同样可以杀人）
■ 标记写法：
·任何标记皆由"<"及">"所围住，如
·标记名与小于号之间不能留有空白字元。
·有些标记需要加上参数，有些不要。如 Hello
·参数只可加于起始标记中。
·在起始标记的标记名前加上符号"/"便是终结标记，如
·标记字母大小写皆可。
■ 围堵标记与空标记：
标记按型态分为围堵标记与空标记
1、围堵标记
顾名思义，它以起始标记及终结标记将文字围住，令其达到预期要显示的效果。
例如 HTML Source ： Creation of Webpage is my favourite.
显示成： Creation of Webpage is my favourite.
∑渲?nbsp; 便称为围堵标记。它以起始标记及终结标记标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。
2、空标记
是指标记单独出现，只有起始标记没有终结标记。
例如 HTML Source：
I love Creation of Webpage.
It's a wonderful place.
显示成：
I love Creation of Webpage.
It's a wonderful place.
其中换行标记
便属于空标记。
它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的， 但有些人为空标记加上终结标记，这是为方便阅读而已，对 HTML 没有影响。
文章来源:Goeway
Q: 【HTML】教程--文件标记
A:■ 文件标记
； ；
网页的内容，很多标记都作用于此
特点解说：
整份文件处于标记与之间。
用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。
文件分两部份，由至称为开头，至称本文。
基本上两者各有适用的标记，如
|
