项目六站点的设计及创建课稿.doc

项目六 站点的设计及创建 项目编号：WYSJ-6 学 时：4 指导老师：陶小波 日 期： 项目简介 通过前面项目，掌握了电子商务网站规划和素材收集，也能熟练运用Photoshop。但是在开始设计与制作浙江内利信息技术有限公司的企业形象展示网站之前，还有一些工作需要完成。就是网站站点的设计及创建。站点的设计与创建是网站设计与制作的准备工作，目的是对整个网站很好的管理，理清网站栏目的层次结构，各个网页、网页元素之间的关系。本项目将通过对浙江内利信息技术有限公司的企业形象展示网站站点的设计与创建来使学生掌握站点的设计与创建的要点。 项目目标 1 能力目标 学习完本项目后，学生应当能够依据网站的规划进行站点的总体设计、创建与管理，包括： （1）规划网站结构及文件设置 （2）创建本地站点及管理文件夹 （3）在管理站点中新建空白网页和文件夹 2 知识目标 （1）网站结构设计的注意要点 （2）网站文件目录的分类 （3）Dreamweaver中站点的创建步骤 （4）Dreamweaver中站点的管理 项目内容 教学形式 1、学生三人一组进行讨论、分工及制作 2、各任务的实施（过程中教师进行分析指导，并讲解所涉及的相关知识） 3、小组交流汇报 任务一 “网站结构及文件目录设计”任务单 任务编号：WYSJ-6-1 学 时：2 实训地点：6号楼 日 期：2016.5.15 小组成员： 姓名 学号 分工 吴思澄 20152025607 一、任务描述 本任务目标是根据网站规划给浙江内利信息技术有限公司的企业形象展示网站做结构设计与文件目录设计，效果如图6-1所示。 图6-1 内利企业形象网站结构效果 要求以“浙江经贸职业技术学院大学生创业园”为主题,对创业园网站进行网站栏目结构及文件目录的设计,并对其设计进行文字的简要说明。其中网站的背景如下: 经贸大学生创业园为省财政专项支持项目,学院共筹资800余万元建设。由学生自主创业区、校内生产性实训基地和企业经营区三部分组成。首期经营场地为3500平方米。其中,学生自主创业区面积为1200平方米,由学院免费提供,现有27个学生创业项目入园,遵循“学生为主、工学结合、自主经营”的原则,完全由学生自主管理。世纪华联超市为校内生产性实训基地,每年可接纳连锁经营等相关专业学生600人次顶岗实训。企业经营区目前引进十余家商贸类企业,旨在为学生创业项目提供经营管理经验。 二、任务实施（由学生填写） 请写出该任务的具体实施步骤（出示效果图） 三、任务分析 1.企业网站栏目规划重要性 网站栏目规划对于企业网站建设的是否成功有着非常直接的关系，而现实中相对于网站页面及功能规划，网站栏目规划的重要性常被忽略。网站栏目的设置主要可以考虑以下方面： （1）突出主题，点题明义 网站栏目的规划，其实也是对网站内容的高度提炼。将网站内容按一定的方法分类，并为它们设立专门的栏目。重点栏目个数在网站的总栏目里面是占有一定的优势，并且要显示在网站的重点区域，这样才能使网站专业主题突出，加深用户的第一印象。 （2）考虑到用户体验，清晰导航 网站的内容越多，浏览者也越容易迷失。网站栏目还应该为浏览者提供清晰直观的指引，帮助浏览者方便地到达网站的所有页面。好的栏目设计需要像是一本书的目录，能够条理清晰的引导用户访问网页。索引应该引导访问者快速便捷的寻找到网站里需要寻找的东西。 （3）方便沟通，人性化设计 在栏目设置时，往往需要考虑如何和访问者更好的沟通，常见的是设立方便交流的栏目，如论坛。另外还可以设立一个更新提示的栏目或在相关栏目链接处加放一个更新的标志(常见的是放一个“new”字或“新”字图标)，这样做是为了照顾常来的访客，进入网站后先看一看最新内容，类似于前面项目中提到的按时间分类，如果没有更新的东西，就不必到处寻找。网站这样做是可以让网站的规划设计更人性化。 2.三次点击规则 所谓的“三次点击”原则，这是从用户体验角度归纳得出的，即一般用户在寻找目标内容的时候一般不愿连续点击三次。正是基于这样，一般用于作为一个网站栏目链接的指导原则，尽可能使网站“链接结构”扁平化。也就是从首页开始，借助导航栏或者分类列表等，使网站内的任意内容可以经3次点击即可到达。 如“首页”到“栏目”到“分类信息”到具体“内容页”。这样的栏目设置，也是便于搜索引擎能够很好的抓取。也就是说一个电子商务网站从首页到最终的内容页不要超过３级目录。 任务二 “站点的创建与管理”任务单 任务编号：WYSJ-6-1 学 时：2 实训地点：8-212 日 期：12.4.12 小组成员： 姓名 学号 分工 一、任务描述