网页设计
案例1-1 创建站点
一、创建站点
创建站点的具体步骤如下。
（1）首先在本地硬盘上建立一个文件夹，用来存放将要制作的站点注意：尽量不要用中文名字来命名文件夹；否则在本机调试和编辑时会经常出现错误，而且上传到Web服务器端时也会经常出现一些麻烦。
（2）运行Dreamweaver CS4，选择“站点”∣“管理站点”菜单命令，弹出“管理站点”对话框，在对话框中单击“新建”∣“站点”选项，如图1所示。
图1 “管理站点”对话框
（3）在弹出的“Dreamweaver CS4教程的站点定义为”对话框中输入新建站点的名称，如图2所示，单击“下一步”按钮。
图2 为新建站点命名
（4）在弹出的对话框中选择“否，我不想使用服务器技术。”选项，因为初学时建立的是静态网站，还不需要用到服务器技术，如图3所示；单击“下一步”按钮。
图3 定义站点是否使用服务器技术
（5）在弹出的对话框中选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选按钮，因为制作网站是在本地端完成后再上传到远程的Web服务器上的；在“您将把文件存储在计算机上的什么位置？”文本框中输入或选择在本地硬盘上已经建立好的文件夹的路径，如图4所示；单击“下一步”按钮。
图4 指定站点的位置
（6）在弹出的对话框中选择“无”选项，如图5所示；单击“下一步”按钮。
图5 定义连接服务器的方式
（7）在弹出的对话框中认真阅读设置好的信息，确认无误后单击“完成”按钮，如图6所示。
图6 站点定义完成信息
（8）出现“管理站点”对话框。其中显示了新建的站点，如图7所示单击“完成”按钮。
图7 显示新建站点
图8 “文件”面板中显示已创建的站点
（9）此时站点创建完毕，已经创建的站点会在“文件”面板中显示出来．如图8所示。
二、管理站点
1. 站点的重新配置
（1）在Dreamweaver CS4中．可以对创建的本地站点的属性进行重新配置。单击“文件”面板中创建好的站点文件夹，在下拉菜单中选择“管理站点”菜单命令，如图9所示。
图9 选择“管理站点”
（2）在弹出的“管理站点”对话框中单击“编辑”按钮。
（3）在弹出的“Dreamweaver CS4教程的站点定义为”对话框中选择“高级”选项卡，可以对本地站点进行重新配置，如图10所示。
图10 选择“高级”选项卡
2．创建站点的文件夹
在站点中创建文件夹的步骤如下。
（1）选择“窗口”∣“文件”菜单命令，打开“文件”面板，在“文件”面板中，弹出如图11所示的快捷菜单。
图11 “文件”面板快捷菜单 图12 选择“新建文件夹”命令
（2）在弹出的菜单中选择“新建文件夹”命令，可以创建一个文件夹，当文件夹的名称处于可编辑状态时，可以为文件夹重命名，如图12所示。
3．创建网页文件
创建一个网页文件有3种方法，下面分别介绍一下。
（1）选择“窗口”∣“文件”菜单命令，打开“文件”面板，在“文件”面板中要创建文件的 位置单击鼠标右键，在弹出的菜单中选择“新建文件”命令，如图13所示，可
以创建一个 网页文件。
（2）选择“文件”∣“新建”菜单命令，弹出“新建文档”对话框，从各种预先设计好的页 面类别中选择一种，例如，选择“基本页”∣“HTML”命令，然后单击“创建”按钮即可创建一个网页文件，如图13所示。
图13 选择“新建文件”命令
图14“新建文档”对话框
（3）在如图15所示为网页文件命名的启始页面选择“创建新项目”∣“HTML”命令，也可以创建一个网页文件。
（4）新建了一个网页文件后，需要为页面命名。如果是网站的首页，一般默认命名为index.html，如图16所示；如果是其他页面则应相应地为其命名，以后它将出现在标题栏。
图15 Dreamweaver 8的启始页面
图16为新建页面命名
因篇幅问题不能全部显示，请点此查看更多更全内容