《第2章 规划网站结构.ppt》由会员分享，可在线阅读，更多相关《第2章 规划网站结构.ppt（12页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、课程主讲人：第2章 规划网站结构Web前端设计与开发技术前端设计与开发技术（HTML+CSS+JavaScript）江西农业大学计算机与信息工程学院江西农业大学计算机与信息工程学院主讲人：主讲人： 第第2章规划网站结构创建站点章规划网站结构创建站点2.32.42.12.2规划网站结构规划网站结构创建本地站点创建本地站点创建站点文件创建站点文件上机练习上机练习v 建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确、层次清晰；网站要做到结构清晰、目录简明、内容贴切。在创建网站之前，首先要设计并规划好整个站点需要有哪些栏目，有哪些页面，然后才能进行具体的网页制作的过程。v 本章主要介绍如何
2、规划网站结构，如何创建和管理站点，如何创建不同类型的网页文档。学习目标学习目标v 规划网站结构v 创建本地站点v 创建站点文件夹v 网页文档的基本操作v 显示和编辑页面头部信息2.1 规划网站结构规划网站结构在确定了网站的主题和整体风格之后，结合网站主题确定网站的目录结构、链接结构和整体风格创意设计。v设计目录结构v规划链接结构设计目录结构设计目录结构v 1.目录应切合主题v （1）主要目录一定要紧扣主题。v （2）次要目录适当设置。v （3）所有程序一般都存放在特定目录，便于维护管理。（4）注意与浏览者的交互。v 2根目录下尽量少存放文件v 3在每个主要目录下都要有独立的images目录v
3、4目录命名要科学。v 5目录层次要简明。规划链接结构规划链接结构v 网站的链接结构是指页面之间相互链接的拓扑结构。规划链接结构的目的在于：用最少的链接，使得网页的浏览最有效率。v 树状结构v 全网结构v 混合策略首页1级页面11级页面21级页面31级页面442级页面12级页面22级页面32级页面42级页面52级页面6首页1级页面11级页面21级页面31级页面442级页面12级页面22级页面32级页面42级页面52级页面6v混合策略首页1级页面11级页面21级页面31级页面442级页面12级页面22级页面32级页面42级页面52级页面62.2 创建本地站点创建本地站点v 对同一网站中的文件是以“
4、站点”为单位来进行组织和管理的，创建站点后用户可以对网站的结构有一个整体的把握，而创建站点并以站点为基础创建网页也是比较科学、规范的设计方法。v 在创建站点之前，一般在本地将整个网站完成，然后再将站点上传到网络中的WEB服务器上给定的空间。2.3 创建站点文件创建站点文件v创建好本地站点后，可以根据需要创建各栏目文件夹和文件，对于创建好的站点，也可以进行再次编辑、删除或复制这些站点。v2.3.1 创建文件夹和文件创建文件夹和文件v2.3.2 管理文件夹和文件管理文件夹和文件v2.3.3 创建空白网页文档创建空白网页文档v2.3.4 保存和打开网页文档保存和打开网页文档v查看和编辑文件头内容v2.3.6 HTML 元素元素2.4上机练习上机练习