网页设计与制作——Dreamweaver MX 2004 教学课件 作者 邓宁 3.ppt

《网页设计与制作——Dreamweaver MX 2004 教学课件 作者 邓宁 3.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、项目三创建本地站点项目提要一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。规划好的网站，通过在本地建立站点实现网站的建设。站点可以统一管理网页文件、图像、链接，以及模板和库等内容，使它们各自保存在相应的位置，便于统一管理和更新网页内容。学习目标掌握如何进行网站的规划及网站规划书的制作；熟练掌握本地站点的创建和管理。任务一制作网站规划书网站规

2、划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。操作一网站的功能及模块结构分析1.客户需求分析2.市场调研3.网站目标群体调查4.网站定位5.网站的形象操作二制定站点的功能模块结构图1.清晰的需求分析输出——《网站功能描述书》2.制作网站规划书3.设计站点的栏目首页商品列表新品推荐特价商品品牌专区帮助网站栏目结构图操作三制定站点的文件结构图在站点的文件结构设计中，最常用的方

3、法是按网站的栏目和层次关系来设计。如主页文件及其相关的资源可直接放在根目录上，其他一级页面构成各个一级目录。在一级页面的目录里存入与之相关的资源和二级页面构成的目录，依次类推，再建立三级、四级目录等。网站的目录结构任务二创建本地站点本地站点就是存放本地网站文件的根目录，建立本地站点的目的是为了更好地维护和管理网站中的网页文件及素材，也便于将本地站点连接到远程服务器。在使用Dreamweaver开发网站之前，应该建立一个站点以及设置站点信息，用来管理创建的网页，定义站点有两种方法，下面分别进行介绍。操作一利用站点定义

4、向导建立站点选择“新建站点”命令选择“管理站点”命令操作一利用站点定义向导建立站点选择服务器技术站点定义对话框操作一利用站点定义向导建立站点选择编辑文件方式及站点文件夹完成站点设置操作二利用站点定义的“高级”选项卡建立站点站点名称：显示的是站点的名称，用户可以直接输入或修改；本地根文件夹：显示的是站点在本地硬盘中的存储路径，用户可以直接输入，也可以单击右侧的浏览按钮，在打开的对话框中寻找正确的目录；自动刷新本地文件列表：选中此复选框后，当用户在站点目录中加入新文件或文件夹时，会自动刷新“文件”面板中的文件和文件列表

5、。默认图像文件夹：用来设定默认的存储网站图片的文件夹，用户可以直接输入，也可以单击右侧的浏览按钮，在打开的对话框中寻找正确的目录。HTTP地址：输入网站将要发布在互联网上的网址，可以方便验证绝对路径的正确性；启用缓存：选中此复选框后，当用户修改某个文件的名称后，软件只要读取缓存文件中的链接信息即可，可以大节省更新站点链接的时间。任务三站点管理操作一文件目录命名及目录结构规范1.文件和文件夹的命名文件和文件夹命名时需要注意以下4点。（1）不能使用中文（2）最好使用小写（3）不能使用特殊字符文件名和文件夹名不能使用特殊

6、符号、空格，以及~、!、@、#、$、%、^、&、*等符号。（4）合理使用下划线操作一文件目录命名及目录结构规范2.网站首页的命名3．目录结构规范目录建立的基本原则是：以最小的层次提供最清晰简便的访问结构。具体而言，需要注意以下一些原则：（1）站点根目录一般只存放index.htm以及系统文件，不要将所有网页都存放在根目录下；（2）每个一级栏目开设一个独立的目录；（3）根目录下的images文件夹用于存放各页面的公用图片，子目录下的images文件夹存放本栏目页面中使用的私有图片；（4）所有CSS文件存放在根目录下s

7、tyle目录中；（5）多媒体文件存放在根目录下的media目录中；（6）目录层次不要太深，最好不要超过3层；（7）不要使用过长的目录名。操作二创建站点的目录结构1．创建一级目录创建文件夹创建新文件夹images2．创建二级目录新建文件images中的子目录操作三管理站点1．打开站点“管理站点”对话框2．编辑站点“站点定义”对话框操作三管理站点3．复制站点4．删除站点操作四创建站点地图1．站点地图的显示站点的地图视图2．更改和保存站点地图“站点管理”窗口项目拓展××教育网站功能描述（节选）项目小结网站规划是指在网站建

8、设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站定位可以从网站的主题及网站域2个方面考虑，在此基础上制定站点的功能模块结构图和制定站点的文件结构图。在使用Dreamweaver开发网站之前，应该建立一个站点以及设置站点信息，用来管理创建的网页，定义站点有两种方法，分别是利用站点定义向导建立站点的方