项目三 创建本地站点(课件）-高二《网页设计与制作》同步教学（人民邮电版）

项目三 创建本地站点 项目提要 一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。 规划好的网站，通过在本地建立站点实现网站的建设。站点可以统一管理网页文件、图像、链接，以及模板和库等内容，使它们各自保存在相应的位置，便于统一管理和更新网页内容。 学习目标 掌握如何进行网站的规划及网站规划书的制作； 熟练掌握本地站点的创建和管理。 任务一 制作网站规划书 网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。 操作一 网站的功能及模块结构分析 1. 客户需求分析 2. 市场调研 3. 网站目标群体调查 4. 网站定位 5. 网站的形象 操作二 制定站点的功能模块结构图 1. 清晰的需求分析输出——《网站功能描述书》 2. 制作网站规划书 3. 设计站点的栏目 首 页 商品列表 新品推荐 特价商品 品牌专区 帮助 网站栏目结构图 操作三 制定站点的文件结构图 在站点的文件结构设计中，最常用的方法是按网站的栏目和层次关系来设计。如主页文件及其相关的资源可直接放在根目录上，其他一级页面构成各个一级目录。在一级页面的目录里存入与之相关的资源和二级页面构成的目录，依次类推，再建立三级、四级目录等。 网站的目录结构 任务二 创建本地站点 本地站点就是存放本地网站文件的根目录，建立本地站点的目的是为了更好地维护和管理网站中的网页文件及素材，也便于将本地站点连接到远程服务器。 在使用Dreamweaver开发网站之前，应该建立一个站点以及设置站点信息，用来管理创建的网页，定义站点有两种方法，下面分别进行介绍。 操作一 利用站点定义向导建立站点 选择“新建站点”命令 选择“管理站点”命令 操作一 利用站点定义向导建立站点 选择服务器技术 站点定义对话框 操作一 利用站点定义向导建立站点 选择编辑文件方式及站点文件夹 完成站点设置 操作二 利用站点定义的“高级”选项卡建立站点 站点名称：显示的是站点的名称，用户可以直接输入或修改； 本地根文件夹：显示的是站点在本地硬盘中的存储路径，用户可以直接输入，也可以单击右侧的浏览按钮，在打开的对话框中寻找正确的目录； 自动刷新本地文件列表：选中此复选框后，当用户在站点目录中加入新文件或文件夹时，会自动刷新“文件”面板中的文件和文件列表。 默认图像文件夹：用来设定默认的存储网站图片的文件夹，用户可以直接输入，也可以单击右侧的浏览按钮，在打开的对话框中寻找正确的目录。 HTTP地址：输入网站将要发布在互联网上的网址，可以方便验证绝对路径的正确性； 启用缓存：选中此复选框后，当用户修改某个文件的名称后，软件只要读取缓存文件中的链接信息即可，可以大节省更新站点链接的时间。 任务三 站点管理 操作一 文件目录命名及目录结构规范 1. 文件和文件夹的命名 文件和文件夹命名时需要注意以下4点。 （1）不能使用中文 （2）最好使用小写 （3）不能使用特殊字符 文件名和文件夹名不能使用特殊符号、空格，以及~、!、@、#、$、%、^、&、*等符号。 （4）合理使用下划线 操作一 文件目录命名及目录结构规范 2. 网站首页的命名 3．目录结构规范 目录建立的基本原则是：以最小的层次提供最清晰简便的访问结构。具体而言，需要注意以下一些原则： （1）站点根目录一般只存放index.htm以及系统文件，不要将所有网页都存放在根目录下； （2）每个一级栏目开设一个独立的目录； （3）根目录下的images文件夹用于存放各页面的公用图片，子目录下的images文件夹存放本栏目页面中使用的私有图片； （4）所有CSS文件存放在根目录下style目录中； （5）多媒体文件存放在根目录下的media目录中； （6）目录层次不要太深，最好不要超过3层； （7）不要使用过长的目录名。 操作二 创建站点的目录结构 1．创建一级目录 创建文件夹 创建新文件夹images 2．创建二级目录 新建文件 images中的子目录 操作三 管理站点 1．打开站点 “管理站点”对话框 2．编辑站点 “站点定义”对话框 操作三 管理站点 3．复制站点 4．删除站点 操作四 创建站点地图 1． 站点地图的显示 站点的地图视图 2．更改和保存站点地图 “站点管理”窗口 项目拓展 ××教育网站功能描述（节选） 项目小结 网站规划