建立第1个个人网站.docVIP

PAGE PAGE 126第8章 建立第一个个人网站第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 展开的“扩展/折叠”按钮8.2.1 展开的“文件”面板2、在右侧窗格的文件列表中选中站点名称，执行“文件”菜单—“新建文件”，系统将自动在站点下新建一个名为“untitled.htm”的文件，如图8.2.2所示；8.2.2 新建文件8.2.2 新建文件3、选中刚建立的文件，鼠标右击，在弹出的快捷菜单中选择“编辑”—“重命名”，将文件改名为“index.htm”，如图8.2.3所示；8.2.3 新建首页index.htm4、如有需要，可用同样的步骤新建文件夹并重命名。8.3 设置网页属性网页的属性包括网页的背景、标题、链接样式等，为了使自已的网页更具有特色，更有吸引力，可以对网页的某一些属性作一定的修改。1、在“文件”面板上双击刚创建的文件“index.htm”；2、点击“修改”菜单中的“页面属性”子菜单，出现“页面属性”对话框，如图8.3.1所示；图图8.3.1 页面属性对话框3、在左边的“分类”项中选择“外观”，右边设置文字大小为36，文本颜色为红色，加粗、倾斜；4、设置完毕，单击确定，在“index.htm”网页的文档区中输入文字“节日快乐”，可以看到这四个字的字体格式即为刚才所设置格式。8.4 预览网页Dreamweaver具有所见即所得的优点，但要对网页的外观有一个确切的了解，只能在浏览器中进行预览。执行“文件”菜单—“在浏览器中预览”—iexplore，可以在浏览器中查看index网页的效果。提示：预览网页的更简单方法是直接按键盘F12功能键，赶快去试一试吧。8.5 网站的上传做好一个简单的网站后，就可以将它上传到Internet上，具体实现步骤如下：1、打开dreamweaver，选择菜单栏“站点”—“管理站点”命令，打开“管