《建立第一个个人网站.docVIP

第8章 建立第一个个人网站 本章要点： 熟悉在Dreamweaver建站的基本流程 向空站点中添加新文件夹和文件 8.1新建个人站点 前面已经给大家介绍了关于站点概念和基本类型，在本章中，我们以一个实例来说明一下如何利用Dreamweaver MX 2004来创建本地站点的过程，并对站点进行管理。创建站点步骤如下： 1、在创建站点之前，首先应该在本地磁盘上创建站点根目录文件夹。本实例中在D盘根目录下新建文件夹并命名为“myweb”； 2、在“myweb”站点文件夹下创建三个子文件夹，分别命名为pic、music、resource，分别用于存放站点中的图片文件、音乐文件及其它资源文件； 3、打开Dreamweaver MX 2004应用程序，选择“站点|管理站点”菜单命令，打开如图8.1.1所示“管理站点”对话框； 图8.1.1 “管理站点”对话框 4、在“管理站点”对话框中点击“新建”按钮，从弹出的下拉菜单中选择“站点”命令，这时将会打开如图8.1.2所示的“站点定义”对话框； 图8.1.2 站点定义对话框 5、界面左侧的“分类信息”中选择“本地信息”，然后在右侧设置各选项如下： 站点名称：“我的大学”； 本地根文件夹：D:\myweb\； 默认图像文件夹：D:\myweb\pic； 选中“自动刷新本地文件列表”和“启用缓存”复选框； 提示： 1、设置文件夹更简单的方法是点击文本框右侧的文件夹图标，在弹出的对话框中找到所需要的文件夹。 2、以后在站点中创建的网页保存位置默认为“本地根文件夹”，所使用图像的默认位置为此处设置的“默认图像文件夹”。 6、点击对话框中的“确定”按钮，这时大家可以在“管理站点”对话框中看到在站点列表中出现了新建的站点名“我的大学”，如图8.1.4所示； 7、点击“管理站点”对话框中的“导出”按钮，在出现的“导出站点”对话框中选择“备份我的设置”，单击“确定”； 8、在出现的“导出站点”对话框中，可以看到站点的默认保存位置即为D盘的Web文件夹，在文件名文本框中输入站点文件名“backup”，保存类型采用默认值“站点定义文件*.ste”； 9、点击“完成”按钮，这时在“文件”面板上就可看到本站点的相关结构信息，如图8.1.5所示，到此完成了站点的创建工作。 图8.1.3 定义站点本地信息 图8.1.4 管理站点图 8.1.5 站点文件信息 说明： 1、以后如果再要编辑使用该站点时，只要在“管理站点”对话框中点击“导入”按钮，将导出的站点文件引入即可。 2、上面我们介绍的是用高级模式建立站点，对于用向导模式创建站点的方法与之相似，大家可以自行练习一下，在此就不再赘述了。 8.2 向空白站点中添加新文件及新文件夹 通过上面的操作已经创建好了一个空白的个人站点，现在就需要对站点进行充实和修饰了。如何向站点中添加新的文件及文件夹呢？ 1、执行“窗口”菜单—“文件”，打开“文件”面板，单击“文件”面板上的“扩展/折叠”按钮，展开面板，如图8.2.1所示； 2、在右侧窗格的文件列表中选中站点名称，执行“文件”菜单—“新建文件”，系统将自动在站点下新建一个名为“untitled.htm”的文件，如图8.2.2所示； 3、选中刚建立的文件，鼠标右击，在弹出的快捷菜单中选择“编辑”—“重命名”，将文件改名为“index.htm”，如图8.2.3所示； 8.2.3 新建首页index.htm 4、如有需要，可用同样的步骤新建文件夹并重命名。 8.3 设置网页属性 网页的属性包括网页的背景、标题、链接样式等，为了使自已的网页更具有特色，更有吸引力，可以对网页的某一些属性作一定的修改。 1、在“文件”面板上双击刚创建的文件“index.htm”； 2、点击“修改”菜单中的“页面属性”子菜单，出现“页面属性”对话框，如图8.3.1所示； 3、在左边的“分类”项中选择“外观”，右边设置文字大小为36，文本颜色为红色，加粗、倾斜； 4、设置完毕，单击确定，在“index.htm”网页的文档区中输入文字“节日快乐”，可以看到这四个字的字体格式即为刚才所设置格式。 8.4 预览网页 Dreamweaver具有所见即所得的优点，但要对网页的外观有一个确切的了解，只能在浏览器中进行预览。 执行“文件”菜单—“在浏览器中预览”—iexplore，可以在浏览器中查看index网页的效果。 提示： 预览网页的更简单方法是直接按键盘F12功能键，赶快去试一试吧。 8.5 网站的上传 做好一个简单的网站后，就可以将它上传到Internet上，具体实现步骤如下： 1、打开dreamweaver，选择菜单栏“站点”—“管理站点”命令，打开“