如何构建本地站点课件

第二章 构建本地站点,本章是网站开发的第一步，优秀的网页设计者在开发网站之前都会首先考虑这一步，详解在本章中介绍。 主要讲解网站建设基本流程 、站点规划 、定义本地站点 、Asset管理站点资源。,第二章 构建本地站点,21 网站建设基本流程 22 站点规划 23 定义本地站点 24 Asset管理站点资源,21 网站建设基本流程,用户要建立一个漂亮的、容易管理的、吸收人的站点，需要花费心思和精力，一步一步去规划设计。下面介绍站点设计的基本流程，供用户在建立站点时作为参考借鉴： （1）考虑站点的主题 （2）站点风格 （3）搜索建站的资源 （4）站点规划 （5）定义站点 （6）设计网页 （7）检查链接 （8）上传网页 （9）后期维护,22 站点规划,221 站点结构 222 站点导航 223 模板和库,221 站点结构,精心规划好整个站点，把站点资源进行分类，存于不同的文件夹中，便于日后的维护与管理。 如果没有对整个站点的结构进行认真的思考就匆匆开发，日后的维护工作将会很大，网页的布局也会杂乱无章。 下面是一个简单的站点结构。,注意,1、用英文或者拼音给文件命名（推荐英文），不要使用中文的名字（因为有的机器对中文支持不太好，有可能出现链接的错误，你自己以为正确的东西在别人看来有可能是错的）。 2、设计站点结构时保证本地和远程站点使用相同的结构。这样，当你用Dreamweaver建立本地站点，然后把所有的文档上传到远程站点时，Dreamweaver能确保把本地结构精确复制到远程网站。,2.2.2 站点导航,作用:是引导浏览者从该网站中找到所需的信息。 这就要求在网站设计时合理设置好导航栏 如下图所示:,223 模板和库,使用Dreamweaver的模板和库，可以在不同的文档中重复使用页面布局和页面元素，给网页的开发和维护带来很大的方便。 如果网站中很多网页采用相同的布局，最好利用Dreamweaver的创建模板功能为相同布局的网页设计一个模板，然后以该模板为基础创建新的网页。 如果有某一页面元素（如一幅图像）将在网站的很多网页中使用，应该先设计好该元素，并把它存入库中，然后在网页上调用它。,2.3 定义本地站点,规划好站点后，开始着手定义本地站点。本地站点就是网站文件的本地存储区。定义本地站点要求给站点命名和指定一个计划用于存储所有网站文件的本地根文件夹。 定义站点时最好不要使用驱动器或Dreamweaver的文件夹作为站点的根。一个好的组织方法是创建一个名为Site（或其他名字）的文件夹，然后在该文件夹中创建本地根文件夹。,2.3.1 向导定义站点,Dreamweaver 8.0本身附有全新的向导建站模式，可帮助新手定义简单的本地站点。但实现的功能有限，一般不提倡这种方法。,2.3.2 高级定义站点,前面介绍的是Dreamweaver 8.0全新的向导建站，虽然能实现站点的基本功能（一般只有不是很了解定义站点的新手使用），但要实现更多的站点设置要求，须进入高级定义站点界面 (1)本地信息 (2)远程信息 (3)测试服务器 (4)遮盖 (5)设计备注 (6)站点地图布局,24 Asset管理站点资源,241 了解资源管理面板 242 在页面中添加资源 243 使用收藏夹资源 244 资源管理和站点文件管理相结合,241 了解资源管理面板,资源就是用来制作网页和设计站点的元素，例如图像和电影文件。 使用资源管理器有两种不同的方法：一种是站点列表，另一种是收藏夹列表。资源管理器在站点列表中自动添加当前站点的所有资源，而收藏夹列表起初都是空的，用户将所需的资源加入到列表中。,242 在页面中添加资源,在资源面板中可以通过拖动或使用插入按钮将多种资源添加到文档中。颜色和URL还可应用于所选文本或其他元素，模板只能应用于整个文档。 文档中添加图片 文档中改变文本的颜色 对文档中选中的内容添加链接 将模板应用到当前文档,243 使用收藏夹资源,收藏夹资源并不是以独立的文件保存在硬盘上的，它们只是对站点列表中资源的引用，Dreamweaver 8.0会跟踪站点列表并在收藏夹列表中显示。,1、在收藏夹列表中添加和删除资源 2、为收藏夹资源命名 3、对收藏夹资源分组,244 资源管理和站点文件管理相结合,1、在站点窗口定位资源文件 2、在站点之间复制资源,注意：,站点窗口显示