2.2 创建新的网页
创建网站并不需要特殊的工具。你可以使用任何文本编辑器,甚至是Windows自带的记事本Notepad,如图2.2.1和图2.2.3所示,或者OSX上的免费软件TextWrangler(www.barebones.com/products/textwrangler),如图2.2.1和图2.2.2所示。(Mac也自带一款编辑器,名为TextEdit,但它在OSX某些版本中存在漏洞,使之无法正确处理HTML文件。)
图2.2.1 打开文本编辑器。在编辑器中出现的空白文档中输入HTML,或者先选择File→New。实际的菜单选项可能略有差异。如果使用TextWrangler(Mac),就是File→New→Text Document(文件→新建→文本文档),如上半部分所示。下半部分显示的是Notepad(Windows)的选项
图2.2.2 在Mac上,可以使用TextWrangler编写网页的HTML代码。下文提示部分列出了一些功能更强的编写代码的Mac编辑器
图2.2.3 这是记事本,Windows用户用以创建HTML页面的最基本的程序。也可以使用其他的编辑器(参见提示)
创建新网页的步骤
打开文本编辑器。
选择File→New(文件→新建)创建一个新的空白文档,如图2.2.1所示。
按照本书其余部分的解释(从第3章开始)创建HTML内容。
一定要按照2.3节中的说明保存文件。
提示 在OSX和Windows上都有很多专门编写HTML(和CSS)代码的文本编辑器。它们的代码提示和代码补全功能让你可以更准确、更快速地编写代码;它们会将代码突出显示,方便区分HTML元素和其中的文本内容;它们还有其他有用的功能。记事本没有这些功能。有不少免费的HTML编辑器,不过一些收费的编辑器也值得购买,通常还可以在购买之前进行试用
提示 OSX的流行编辑器包括BBEdit(www.barebones.com/products/bbedit/)、Coda(www.panic.com/coda/)、Espresso(http://macrabbit.com/espresso/)、Sublime Text(www.sublimetext.com)以及TextMate(http://macromates.com)。(通常可以认为TextWrangler是BBEditLite的简化版。)其中TextMate是最流行的,尽管竞争对手也在蚕食其用户群。Sublime Text也有Windows版本。Windows下的编辑器还有很多,如E Text Editor(www.e-texteditor.com)、Notepad++(http://notepad-plus-plus.org),等等。在网上搜索“HTML编辑器”可以找到更多的编辑器。
提示 使用上面列出的某种编辑器创建新网页的方法也是类似的。要编辑已经存在的页面,只需在文本编辑器中选择File→Open(文件→打开)并打开该文件(参见2.4节)。可以参照本书后面的章节为页面添加自己的HTML和CSS。
提示 请不要使用Microsoft Word这样的文字处理软件编写HTML页面。它们会在文件里添加一些无用的或无效的代码。