任务三电子商务网站内容及功能设计教程解析.ppt

子任务3 网站的结构设计 步骤一 设计网站的目录结构 步骤二 设计网站的链接结构 步骤三 设计网站的导航结构 步骤一 设计网站的目录结构 不要将所有文件都存放在根目录下 文件管理混乱 上传速度慢 步骤一 设计网站的目录结构 按栏目内容建立子目录 建立主要目录 建立其他的次要栏 步骤一 设计网站的目录结构 如果图片特别多，在每个主目录下都建立独立的图片目录；如果图片不太多，则在根目录下单独建立一个图片目录即可 步骤一 设计网站的目录结构 目录的层次不要太深 不要超过三层 目录的命名方法： 不使用中文； 不要过长； 意义明确。 步骤二 设计网站的链接结构 树状链接结构(一对一) 优点:条理清晰 缺点:浏览率低 星状链接结构(一对多) 优点:浏览方便 缺点:容易迷路 网站的链接结构 首页和一级页面间用星状链接结构,一级和二级页面间用树状链接结构. 若站点内容很多,超过二级页面,需设置导航条. 链接结构不仅局限于方便快速浏览,更加注重个性化和相关性. 链接示例 首页 财经新闻 娱乐新闻 体育新闻 科技新闻 国内 国际 电影 电视 步骤三 设计网站的导航结构 导航栏栏目不多使用一排，栏目很多时可使用多排。 导航栏 步骤三 设计网站的导航结构 下拉式菜单导航 不可隐藏的下拉式菜单 横排、竖排 可隐藏的下拉式菜单 横排、竖排 步骤三 设