项目六 站点的设计及创建.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.企业网站栏目规划重要性 网站栏目规划对于网站的有着非常直接的关系，相对于网站页面及功能规划，网站栏目规划的重要性常被忽略。网站栏目，点题明义 网站栏目的规划，其实也是对网站内容的高度提炼。，清晰导航 网站的内容越多，浏览者也越容易迷失。网站栏目还应该为浏览者提供清晰直观的指引，帮助浏览者方便地到达网站的所有页面。所谓的“三次点击”原则，这是从用户体验角度归纳得出的，即一般用户在寻找目标内容的时候一般不愿连续点击三次。基于这网站链接的指导原则，网站“链接结构”扁平化。从首页开始，网站内的内容经3次点击即可到达如首页页有哪些信誉好的足球投注网站引擎能够很好的抓取从首页到最终的内容页不要超过３级。任务二 “站点的创建与管理”任务单 任务编号：WYSJ-6-1 学 时：2 实训地点：8-212 日 期：12.4.12 小组成员： 姓名 学号 分工 一、任务描述 本任务目标通过Dreamweaver来创建一个个人网站站点，新建一个自我介绍的简单网页，并对照察HTML代码，最后浏览后保存。站点创建完后，效果如图6-10所示。 图6-10 站点创建完成后的效果图 二、任务实施（由学生填写） 请写出该任务的具体实施步骤 三、任务分析 1.Dreamweaver 工作流程Dreamweaver 是一个可视化网站开发工具，Dreamweaver来创建一个网站的流程包括: 规划和设置站点确定将在哪里发布文件，访问者情况以及站点目标。在组织好信息并确定结构后，就可以开始创建站点。组织和管理站点文件在“文件”面板中，可以添加、删除和重命名文件及文件夹，以便根据需要更改组织结构。 设计网页布局选择使用的布局方法综合使用 Dreamweaver AP 元素、CSS 定位样式或预先设计的 CSS 布局来创建布局。利用表格工具，通过绘制并重新安排页面结构来快速地设计页面。如果希望同时在浏览器中显示多个元素，可以使用框架来设计您的文档的布局。最后，可以基于 Dreamweaver 模板创建新的页面，然后在模板更改时自动更新这些页面