项目2 创建一个站点.pptVIP

* 项目二 创建一个站点 情 境 设 置 通过前面的学习，同学们已经知道什么是站点了，那么我们在真正进入学习制作网站前，先要学习一下如何管理我们的站点，以便于在制作时，能够事半功倍，得心应手，Dreamweaver中也是通过站点这一概念来实现网页开发中各种资源的管理。借助于Dreamweaver的站点管理，可以方便的建立，移动，删除站点内的文件或文件夹，不用担心文件由于移动或删除而出现的一些负面影响。可以轻松实现图像插入，超链链接的建立等等。 项 目 目 标 能熟悉Dreamweaver 8的工作界面 能熟练创建和编辑站点 项 目 分 析 具体工作任务： 操作Dreamweaver 8的用户界面 建立本地站点 编辑本地站点 在站点中建立相关文件夹和页面 实 施 步 骤 步骤一：创建一个本地新站点 根据【站点定义向导】逐步完成。这里需要说明的是站点在计算机上的存放位置，大家可以根据自己机器的实际情况，将站点的保存位置设置为机器中的某个磁盘分区里。 本例中即为将站点存放在E盘里的myweb文件中，系统会自动在E盘下创建这个文件夹，并将该文件夹作为站点的根本件夹。站点中所有的网页或素材等资源将会保存在该文件夹下。 实 施 步 骤 步骤二：编辑已经存在站点。 若建立好的站点想要修改其某些属性，比如修干站点的存放位置，或者修改站点名称等等。则可以随时修改，本步骤就是教给大家如何完成修改。 步骤三：创建文件夹。 在站点的根本件夹中可以创建若干子文件夹。我们要建设一个完整、成功的网站，其中必然要包含很多内容，如：网页文件、图片文件、声音文件、动画文件等等。为了方便开发者分类管理、维护这些文件，使得站点中各类文件的存放有条理性、结构性，可以通过在站点根文件夹中建立若干子文件夹的形式，对各种类型的文件分类保存管理，如：建立images文件夹来存放图片文件；建立music文件夹来存放声音文件等等。当然也可以按照其他方法分类进行保存管理 。 实 施 步 骤 步骤四：创建网页文件。 在站点的根本件夹中创建一个空白页面并命名，本例中重新将网页文件命名为index.html，该名称在站点中一般作为首页的名称。 当然，除了可以直接在站点根文件下创建网页外，还可以在根文件夹中的子文件夹里创建网页。 知 识 链 接 一、Dreamweaver 8简介 Dreamweaver是一套针对专业网页设计 师特别发展的视觉化网页开发工具，利用 它可以轻而易举地制作出跨越平台限制和 跨越浏览器限制的充满动感的网页。 知 识 链 接 二、Dreamweaver 8的工作界面 插入工具组 网页标签 属性面板 菜单栏 文档工具 浮动面板组 编辑窗口 状态栏 编辑模式 标题栏 知 识 链 接 三、创建站点的必要性 利用Dreamweaver中的站点可组织与网站相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到 Web 服务器。 Dreamweaver 站点根据站点中文件的存放地 点，可以分为本地站点和远程站点，本教材 中所有项目中所建立站点均为本地站点。 知 识 链 接 四、首页和网站结构 通常所说的网站是由一个或多个网页组成的，而进入网站时首先打开的网页称为首页或主页。按照行业习惯命名为“index.htm”(“index.html”)或“default.htm”(“default.html”)。 本书中站点首页名称一律采用了为index.html。 主页 一级链接页 一级链接页 一级链接页 ．．．．．． 二级或更多链接页 网站结构图： 小 结 本项目中主要介绍了Dreamweaver 8 的工作界面，以及站点及站点中文件夹和文 件的创建、编辑、删除等具体管理操作。