第1章 目录和文件管理基础
制作网页编辑其他文件不同。网页与网页之间，网页与图片、音乐、动画等文件之间有着紧密的联系，文件之间的相互位置、目录结构等都直接影响着网页的浏览效果。所以对于初者，应先构筑好存放文件素材的目录结构，才能顺利完成网页制作。本章先从磁盘文件和目录结构讲起，如果这方面知识已经精通可以跳过这一章。
磁盘目录结构
我们在整天操作电脑，你熟悉电脑文件管理吗！
在 WINDOWS中把“目录”叫做“文件夹”，它是用来“放”文件的，它的目录结构也是和 DOS 中一样的。下面我们打开资源管理器看看吧。单 击[开始]，指向[程序]，单击[资源管理器] ，就打开了资源管理器窗口：
资源管理器窗口分左右两大部分。左边“所有文件夹”实际上就是 DOS 中的 目录树，它从你的“桌面”开始，下面分 出分支结构，在 [我的电脑] 和 [网上邻居] 的前面各有一个小方块，在后面有些 目录前也有小方块，有些目录前没有小方块。有小方块的目录表示它还有下级子目 录，没有子目录的目录前没有小方块。
如果注意一下，小方块也不相同。有些小方块中有个[+]号，有些里面是个[-] 号。[+]表示它的子目录没有在左边的目录栏中显示，只在右边显示。[-]表示它 的子目录（不含子目录下级子目录）均已在它下面显示出来了。如果单击一下[+] ，它就变成了[-] ，同时下级子目 录也就面显示出来，单击一下 [-] ，它会变成[+] ，它下面的子目录会同时隐去。如果多打开了子目录 ，目录栏内显示不下时，右边就出现滚动条， 上下拖动它就会滚动中间显示的内容。
资源管理器窗口的右半部分的显示内容是随目录栏中的选择而显示的。如上图 中，左边目录栏中当前盘为 C: 盘，右边就是显示的 C: 盘根目录下的内容。显示内容有名称、大小、类型和修改时间。
窗口下部“状态栏”里还显示被选中对象的状态。如上图中，当前选中了Ｃ:盘，下面就显示出了C:盘的大小和剩余空间。剩余空间的大小是个应该我们很关心的数据，因为直接影响你要进行的存储操作。尤其是C:盘，剩余空间还影响系统虚拟内存，影响系统运行速度。我们也可以在磁盘名称上击右键，系统会更详细显示该磁盘的信息。
文件的显示方式是多样的，你看 [查看] 菜单上的选择项：
[大图标]： [小图标]： [列表]： [排列图标]： 它们都是干什么的，你点击一下试试看屏幕显示怎样变化，选择一种自己喜欢的方式吧。
我们看到一个文件名字，并不能知道这个文件是什么类型，电脑文件都是以扩展名分类的。譬如我们只知道张三、李四是人名，但不知道是什么人，可如果称张三先生、李四女士、王五同学、赵六小朋友，就对各人的身份很容易了解了，这先生、女士等就等于加了“扩展名”。微软一个最恶劣的作法就是“隐藏已知文件类型的扩展名”，这样让很多人对文件类型处于“无知”状态。所以我们要想驾驭电脑，不能让微软这样“胡弄”我们，下面你可跟我这样操作。
从“开始”菜单打开“控制面板——文件夹选项”，弹出如下对话框：
因该对话框内容多，所以又分了四页，上行并排四个“标签”，点击某一个就翻到某一页。点开“查看”标签看，显示如下图：
不过，现在显示的是我改后的，原来微软默认的可不是这样。改法已经用红字标出了，就是把“隐藏”的几项去掉，把“显示所有文件”选上，再“确定”就好了。
至于把扩展名都显示出来有什么用，以后我的帖子中再详细叙述。下面再说一下管理文件的常用操作。
[建立文件夹]
要建立一个新文件夹先要确定是建立在磁盘根 目录下或是建立在某个文件夹中。这句话说来好长，实际上你只用鼠标在要选择的 图标上双击就行。选好位置后单击[文件]菜单 ，选择 [新建] ，单击[文件夹]，如下图所示： 于是右边窗 口中多了一个反白显示的条形框 [ 新建文件夹 ] ，从键盘输入文件夹名，回车， 建立完成。
[删除文件]
不管对于文件或文件夹，要删除它就先单击它，称为“选择”， 选中的文件或文件夹会变面反白（深底色白字）显示，按 [Del] 键， 出现要求确 认的对话框，回答 [Y] ，文件就装到 [回收站] 里。
[复制与移动]
复制与移动操作方法大家都很习惯用鼠标拖放。就是用鼠标拖往文件（或文件夹），拉到目标文件夹位置，这时目标文件夹会 变成反白显示，松开鼠标键，你会看到源文件夹中的文件“飞”向目标文件夹中。
可是这样操作，有时电脑文件并不按你的想像执行。它会复制还会移动文件，或许给你创建个“快捷方式”。所以提醒你：如要复制，按住 Ctrl 键再用鼠标拖文件，先放开鼠标键，后放开 Ctrl 键；如要移动，按 Shift 键再用鼠标拖文件；如果建立快捷方式，Ctrl 键与Shift 键同时按下再用鼠标拖文件.
[回收站]
另外还要说一下这个回收站。删除文件或文件夹时，并没有从磁盘上删除。这样，如果你 什么时候还需要它的话，还可以再从回收站里“拖”出来。 双击 [ 回收站 ] ，就会出来一个窗口，显示出所有删除的文件，如有需要恢复的，单击它，再选择菜单 中的 [ 复原 ] ，文件就又回到它原来的文件夹中。如原来的文件夹也删除了，还 会连原来的文件夹也同时复原。 如文件确实不需要再恢复了，可以选择要彻底删除的文件，或在菜单中单击 [ 清空回收站 ] ，这时又出现 一个对话框要求再作确认，你认可后，回收站里的东西就全部清除。
很多窗口中都有文件管理功能，以上操作也可以单击[我的电脑]，从中也可打 开各个磁盘根目录，也可拷贝、删除、编辑文件或文件夹等。Windows 的操作可发从多个入口进去，但进去后的操作方法都有是一样的。
各种类型文件打开方式
电脑存储的文件，常见的有“应用程序”和“信息存储”两大类，“可执行文件”一般称做“应用程序”，可执行文件扩展名是“.com”和“.exe”，Windows动态连接库“.dll”也属于应用程序。
在DOS时代，要打开“信息存储”应该先打开“应用程序”，再将信息存储文件调用。譬如我们用“wps”写文章，要先打开“wps.exe”这个应用程序，再在打开的窗口中进行编辑，编辑好的内容存储成一个文件，这个文件就是存储你编辑的信息。以后要打开戒打印这个文件，要先启动“wps.exe”，再将原来编辑的文件调节器入。这就好比“应用程序”文件是工具，“信息存储”文件是作品。
在Windows操作环境下，系统大多对非可执行文件与应用程序进行了“关联”，所以我们往往只用双击一个文件名就可打开相应的程序。譬如我们双击一个存储图像信息的文件，系统就自动先打开图像预览器再将图片放到预览器的窗口中显示；我们双击一个网页文件，系统就自动打开网页浏览器并在中间显示该网页的内容。这样就给人一种“错觉”，以为什么文件本身都是可以“打开”的，其实真正的过程是先启动了应用程序，是应用程序打开了相应文件。那么操作系统怎么样知道用哪些程序去打开哪些类型的文件，就要依靠“注册表”中记录的信息。
有人说，既然这样，我们就没有必要去记忆文件类型了。从我们前一章的介绍中可以看出，微软系统自动隐藏已知类型文件扩展名，这“已知类型”就是注册表中已经关联的类型。那么如果你上了微软的当，可只有永远束缚于窗口之中，不能再有任何异议了。但现在毕竟还不是微软一统天下，系统不可能全部识别所有新开发的东西，譬如Flash动画在你没有安装Flash程序时，Windows就不能识别该文件用什么程序打开，这时就需要人为地给系统添加“关联”。本来“Internet Explorer”(浏览器)的新版本已经看到了Flash动画的强大生命力，也适应性地添加了Flash动画播放功能，可只是系统没有关联，双击文件就不能打开，下面我们试叙述一下人为建立“关联”的方法。
Flash制作的动画文件扩展名是“.swf”。譬如你下载了“*.swf”动画但不能打开，在文件名上右击鼠标，选择“打开”，这时系统弹出不能识别文件的对话框，如下图：
照图所示选择“从列表中选择程序”一项，然后单击“确定”按钮，就可弹出“打开方式”对话框。如下图：
如果你安装了Flash播放器，就在框中选择“Flash播放器”，如果你电脑中没有安装Flash播放器，可以选择“Internet Explorer”(浏览器)。如果你选择后，要让Windows记录下你的选择，就是把“.swf”文件与浏览器建立“关联”，就在下面把“始终使用选择的程序打开这种文件”一项选中，就可让系统自动创建“关联”，然后按“确定”按钮就完成了。
现在电脑系统里的文件类型多得难以统计，而且随着新的程序的出现不断有新的类型产生，我们当然没必要也不可能全部弄懂所有类型的文件，但有些与我们正常操作有关的文件类型不能一概无闻。如有人磁盘空间少了，可以把“Windows”目录里的“Temp”目录中的文件全部删除，为什么？因为你可以看看，里面的文件全是“.Tmp”，当你知道这是系统和应用程序产生的临时文件，你删除它就会毫不犹豫了。
网站的目录结构
前面讲了那么多，当然都是为建“网站”作准备。
一个网站有很多内容，要有很多网页、图片、动画、音乐等，这很多文件如果杂乱无章地堆放在一起，查看、编辑都不方便，所以每种类型的文件都要安排到相应的目录里去。这就是说在网站上也要建立起目录结构。
今天我们先从“中央电视台”网站看看他的目录结构。
“中央电视台”网站的地址是：http://www.cctv.com/，这是网站的“根目录”。大家知道这个主机上放很多内容，根据内容类型不同，在主机上建立了相应的目录。首先我们看到的是他的“主页”，主页名字叫“default.shtml”(英语“默认”的意思)，主页上有很多图片和动画，这些图片、动画等如果都和主页放到一个目录中，就会有上百个文件，查找或修改时都很麻烦，所以在“根目录”下又建立了“homepage”目录，因为图像文件还有不同类型，所以在“homepage”目录下又建立了“images”、“swf”等目录。
譬如我们看到的央视台标动画：