外贸SOHO自助建站之旅（三）-1
2008-05-14 00:00 作者： 来源：eNet论坛
第三部分：网站的本地化设计
好了，司马青衫这家伙真粘糊，磨磨叽叽的到现在才说到正题上，呵呵！
现在终于开始实施我这个建设网站的伟大计划了。第一步干啥啊？我们先建设一个静态网站的页面，然后完成一个符合web标准的网站。想使用动态程序制作网站的外贸SOHO朋友，也不要越过这一段，因为修改模板的时候也是用得着这里讲到的一些东西的。
这里先简单说明一下什么是Web标准。
“Web标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。”
关于XHTML， XML，CSS的具体定义，可以参照其他资料，这里不多说了。但有一点我在这里要强调的，按Web标准制作的网页，能够实现“内容与表现相分离”，使你的页面数据在以后可以被分享、交换和重新使用。也就是说，万一你将来希望改变你的网站的字体，字号，颜色等外观，你只需要通过修改极少的代码就可以实现，而不用每一个页面都要重新修改。
（一）创建第一个静态页面
在开始之前，我们要先建一个专用的文件夹用来存放网站的文件，等网站完工后只要把这个文件夹里的东西上传到服务器就可以了。这里我们在D盘的my-work文件夹里新建一个文件夹命名为www.cnsohosolution.com，并在该文件夹里再创建一个文件夹命名为“img”，专门用来存放图片，以后开可以设置其他的文件夹分类存放网站需要的文件，总之以便于管理为原则。
接下来，就让我们来构建第一个页面。
1．打开DreamWeaver（我用的版本是Dreamweaver MX 2004，其他版本基本上都差不多）。-
2．先建立一个站点。单击“站点”->“管理站点”->“新建…”，打开“站点定义为”对话框。在“基本”选项卡界面按照提示填入你的站点的名字，我这里以“www.sohosolution.com”为例。点击“下一步”，选中“否，我不想使用服务器技术”，“下一步”，选中“编辑计算机上的本地副本，完成后在上传到服务器在”，在回答打算把文件储存在计算机的什么位置时，选中我们在上个步骤中创建的文件夹“www.sohosolution.com”（这时显示的路径应该是D:\my-work\cnsohosolution\）。 “下一步”，回答如何连接服务器，选无，“下一步”，“完成”。
3.创建网站第一个页面。“文件”->“新建…”在常规选顶卡里选择“基本页”，选择“HTML”，选中“使文档与XHTML兼容”，->“首选参数”，在新建文档对话框里迁择默认文档类型为“HTML”，默认编码为“Unicode (UTF-8)”或者“西欧（iso-8859-1）”，（因为我做的网站还有中文字符，我选了utf-8，纯英文网站的话，两种选择都可以）。“确定”，->“创建”。这样就生成了一个空白的网页了。
此时，我们在“设计”选项卡里看到的是一个空白的页面，但是转到“代码”界面下，看到的却是这样的文字：
我们现在来稍微解释一下这段代码。第一行,是一个声明，告诉浏览器你使用的是XHTML1.0的版本，浏览器就会使用你所选定的标准解释并表达出文件中的标识来。
接下来……表示他们中间是HTML的正式内容。
在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。
是告诉浏览器这个网页使用的字符集是西欧字库。很多网页设计公司或个人还是沿用中文网页的习惯来设计外贸网站，把字符集设成charset=gb2312，有可能会因为外国客户的电脑上没有安装中文字库而显示乱码，这就麻烦了。
在之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。如果你把上面的文件直接保存，在浏览器中预览，你会发现浏览器的最上方就是“Untitled Document”。
接下来是，是网页文件的正文。在这个例子里，里面什么都没有，所以我们在“设计”栏下，在浏览器中看到的都是空白的。
尽管什么都没有，但它仍然是一个完整的HTML网页文件，浏览器是可以识别它的。
有关HTML的更多知识，大家可以参考其它文章，由于篇幅有限，这里就不多介绍了。初学的外贸SOHO朋友可以使用DreamWeaver这个可视化工具自动生成HTML，等熟练以后，即使不用网页设计工具，你也可以单纯使用记事本来编辑网页了。很多高手都是自己直接写代码的哦，是不是有些不可思议呢？呵呵。下节继续咱们的——外贸SOHO自助建站之旅！
好了，司马青衫这家伙真粘糊，磨磨叽叽的到现在才说到正题上，呵呵！
现在终于开始实施我这个建设网站的伟大计划了。第一步干啥啊？我们先建设一个静态网站的页面，然后完成一个符合web标准的网站。想使用动态程序制作网站的外贸SOHO朋友，也不要越过这一段，因为修改模板的时候也是用得着这里讲到的一些东西的。
这里先简单说明一下什么是Web标准。
“Web标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。”
关于XHTML， XML，CSS的具体定义，可以参照其他资料，这里不多说了。但有一点我在这里要强调的，按Web标准制作的网页，能够实现“内容与表现相分离”，使你的页面数据在以后可以被分享、交换和重新使用。也就是说，万一你将来希望改变你的网站的字体，字号，颜色等外观，你只需要通过修改极少的代码就可以实现，而不用每一个页面都要重新修改。
（一）创建第一个静态页面
在开始之前，我们要先建一个专用的文件夹用来存放网站的文件，等网站完工后只要把这个文件夹里的东西上传到服务器就可以了。这里我们在D盘的my-work文件夹里新建一个文件夹命名为www.cnsohosolution.com，并在该文件夹里再创建一个文件夹命名为“img”，专门用来存放图片，以后开可以设置其他的文件夹分类存放网站需要的文件，总之以便于管理为原则。
接下来，就让我们来构建第一个页面。
1．打开DreamWeaver（我用的版本是Dreamweaver MX 2004，其他版本基本上都差不多）。-
2．先建立一个站点。单击“站点”->“管理站点”->“新建…”，打开“站点定义为”对话框。在“基本”选项卡界面按照提示填入你的站点的名字，我这里以“www.sohosolution.com”为例。点击“下一步”，选中“否，我不想使用服务器技术”，“下一步”，选中“编辑计算机上的本地副本，完成后在上传到服务器在”，在回答打算把文件储存在计算机的什么位置时，选中我们在上个步骤中创建的文件夹“www.sohosolution.com”（这时显示的路径应该是D:\my-work\cnsohosolution\）。 “下一步”，回答如何连接服务器，选无，“下一步”，“完成”。
3.创建网站第一个页面。“文件”->“新建…”在常规选顶卡里选择“基本页”，选择“HTML”，选中“使文档与XHTML兼容”，->“首选参数”，在新建文档对话框里迁择默认文档类型为“HTML”，默认编码为“Unicode (UTF-8)”或者“西欧（iso-8859-1）”，（因为我做的网站还有中文字符，我选了utf-8，纯英文网站的话，两种选择都可以）。“确定”，->“创建”。这样就生成了一个空白的网页了。
此时，我们在“设计”选项卡里看到的是一个空白的页面，但是转到“代码”界面下，看到的却是这样的文字：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
我们现在来稍微解释一下这段代码。第一行,是一个声明，告诉浏览器你使用的是XHTML1.0的版本，浏览器就会使用你所选定的标准解释并表达出文件中的标识来。
接下来……表示他们中间是HTML的正式内容。
在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。
是告诉浏览器这个网页使用的字符集是西欧字库。很多网页设计公司或个人还是沿用中文网页的习惯来设计外贸网站，把字符集设成charset=gb2312，有可能会因为外国客户的电脑上没有安装中文字库而显示乱码，这就麻烦了。
在之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。如果你把上面的文件直接保存，在浏览器中预览，你会发现浏览器的最上方就是“Untitled Document”。
接下来是，是网页文件的正文。在这个例子里，里面什么都没有，所以我们在“设计”栏下，在浏览器中看到的都是空白的。
尽管什么都没有，但它仍然是一个完整的HTML网页文件，浏览器是可以识别它的。
有关HTML的更多知识，大家可以参考其它文章，由于篇幅有限，这里就不多介绍了。初学的外贸SOHO朋友可以使用DreamWeaver这个可视化工具自动生成HTML，等熟练以后，即使不用网页设计工具，你也可以单纯使用记事本来编辑网页了。很多高手都是自己直接写代码的哦，是不是有些不可思议呢？呵呵。下节继续咱们的——外贸SOHO自助建站之旅！
【责任编辑 李营营】
