第2讲 创建站点

接下来将要迈出制作网页的第一步了。无论是网页制作的新手，还是专业的网页设计师，都要从构建站点开始。课程引导创建站点（1）掌握“文件”面板的使用方法（2）掌握使用Dreamweaver定义本地站点的方法（3）掌握站点的管理方法（4）创建和保存网页知识技能目标站点效果展示实例网站的站点结构如图所示。•Dreamweaver的本地站点就是本地计算机上的一个文件夹。定义本地站点就是在本地计算机中创建一个文件夹，然后将所有与制作网页相关的文件都放在该文件夹中，以便进行网站的制作和管理。•Dreamweaver的一些功能，如模板、库项目等只有在站点内才可以使用。•由于网站需放在Internet上的Web服务器才能供其他用户浏览，通常将存储于Internet服务器上的站点称为远程站点。规划站点的目录结构•一个网站中包含有多个网页文件、图形文件等，如果将所有文件都存储在一个目录中，当站点的规模较大时，管理起来就很不方便。•通常的做法是：•(1)先将网站中的各种信息资源进行整理、分类，然后在硬盘上建立一个网站文件夹（即网站根文件夹）•(2)再根据需要在根文件夹中建立若干子文件夹，以存储不同类型的文件或不同内容的文件。网站的主页应放在根文件夹中。主页文件名一般用index.htm命名。•(3)规范化的命名•文件和文件夹名最好使用字母，可以包含数字和下划线。应避免使用中文，中文名可能导致浏览错误或访问失败。•文件名应容易理解，最好做到见名思义。如英文名称、汉语拼音等。文件面板主要有三个方面的功能：（1）管理本地站点，包括建立文件夹和文件，对文件夹和文件进行重命名等操作，也可以管理本地站点的结构；（2）管理远程站点，包括文件上传、文件更新等；（3）可以连接网络应用服务器，预览动态网页。认识文件面板创建新站点操作步骤：•1）利用Windows的资源管理器在硬盘上新建一个站点根文件夹，再根据需要在根文件夹中建立若干子文件夹，以存储不同类型的文件。•2）执行菜单“窗口/文件”，打开“文件”面板。•3）执行菜单“站点/管理站点”，打开管理站点对话框，单击“新建”按钮打开定义站点对话框，输入内容。创建和保存网页选择“文件/新建”命令，启用“新建文档”对话框，创建空白网页。网页设计完成后，选择“文件/保存”命令，弹出“另存为”对话框，设置后单击“保存”按钮，将该文档保存在站点文件夹中。管理站点文件和文件夹1．重命名文件夹或文件2．移动和复制文件3．删除文件夹或文件管理站点•打开站点•编辑站点•复制站点•删除站点•导入和导出站点如果在计算机之间移动站点，或者与其他用户共同设计站点，可通过DreamweaverCS3的导入和导出站点功能实现。导出站点功能是将站点导出为“.ste”格式文件，然后在其他计算机上将其导入到DreamweaverCS3中。使用“资源”面板1．打开资源面板使用“资源面板”之前必须先创建一个站点。然后选择菜单【窗口】→【资源】命令，将会打开“资源面板”，资源面板与文件面板在同一个面板组中。2．将资源加入收藏列表在“资源面板”的上方，有两个单选按钮：“站点”、“收藏”。如果选择“站点”表示以资源列表方式显示站点中的所有资源；如果选择“收藏”，则以“收藏”资源列表方法进行显示。3．向文档中添加资源（1）将光标定位于想要加入资源的位置。（2）打开“资源面板”，选择资源的种类图标按钮。（3）选择“站点”或者“收藏”单选按钮，然后在列表中选择所要的资源。（4）从“资源面板”中拖动资源到选中的对象或者单击“资源面板”左下角的“插入”按钮，这样资源就被应用到文档中。★课堂实践★1．操作任务利用本章所学习的知识，完成以下操作：（1）创建一个命名为“课堂实践”的本地网站，该网站的所有文件存储在本机上E盘的“ClassroomPractise”文件夹中。（2）在“文件面板”的站点根目录下创建一个文件夹“00创建站点”。（3）在文件夹“00创建站点”中创建三个子文件夹“image”、“music”和“text”。（4）在文件夹“00创建站点”中创建一个命名为“00.html”的网页文档。（5）将所需的图像文件和音乐文件分别复制到“image”和“music”文件夹中。2．效果展示所创建的“课堂实践”站点，以及该站点中的文件夹和文件。3．制作要点提示（1）文件夹“ClassroomPractise”必须在Windows操作系统的资源管理器中创建。（2）其他子文件夹可以直接利用Dreamweaver的“文件”面板创建。（3）拷贝图像文件和音乐文件也是在Windows操作系统的资源管理器中完成。★课外拓展实践★1．利用“站点定义”对话框中的“高级”选项卡中的“本地信息”创建一个学校网站，该网站命名为“广东纺院网站”，保存在文件夹“MyCollege”中。2．在所创建的站点根目录下创建如图所示的多个子文件夹。在Dreamweaver主窗口中，单击菜单【编辑】→【首选参数】或者使用快捷键“Ctrl+U”，即可打开“首选参数”对话框。DW参数设置（1）设置常规属性•显示起始页。•允许多个连续的空格•使用CSS而不是HTML标签辅助工具的使用•标尺•辅助线•网格•使用缩放和平移★本章小结★本章重点学习了如何创建站点和管理站点，同时也分析了网页文档的基本操作和“资源”面板、“文件”面板的使用方法。这些操作都是最基本的操作，熟练掌握将会有助于以后网页的制作。