电子商务网页设计与制作（第二版）课件：创建电子商务网站站点.ppt

主要内容项目引导项目任务书项目任务实施1233项目任务分析4自学与拓展35项目引导网站站点怎样设计和创建？站点的设计与创建是网站设计与制作的准备工作，目的是对整个网站很好的管理，理清网站栏目的层次结构，各个网页、网页元素之间的关系。本项目将通过对浙江内利信息技术有限公司的企业形象展示网站站点的设计与创建来使学生掌握站点的设计与创建的要点。项目任务书能力目标学习完本项目后，学生应当能够依据网站的规划进行站点的总体设计、创建与管理，包括：?1)规划网站结构及文件设置?2)创建本地站点及管理文件夹?3)在管理站点中新建空白网页和文件夹知识目标? 1）网站结构设计的注意要点2）网站文件目录的分类3)Dreamweaver中站点的创建步骤4)Dreamweaver中站点的管理项目任务引导—任务一创建网站结构及文件目录本任务目标是根据网站规划给浙江内利信息技术有限公司的企业形象展示网站做结构设计与文件目录设计,效果如下图所示。项目任务实施—任务一创建网站结构及文件目录1.网站结构规划网站的栏目设计都是基于企业建站的目的所考虑的。本项目中的网站类型是立足于企业形象展示，为用户提供方便的沟通平台等功能。为了使网站结构层次清晰、导航明晰，往往需要设置整体网站的导航栏，网站栏目的设计也就是该导航栏的栏目设计。根据这个特点，从前面项目的规划可以做出如下的栏目设计：1）关于内利，主要引导访问者了解公司的基本简介、组织结构、企业文化、展示企业的背景，规模以及感兴趣的访问者如何联系公司。这里分别设置了“公司简介”、“公司文化”和“联系我们”三个子栏目内容来具体展示。2）内利新闻，引导访问者了解公司的必威体育精装版动态。这里通过“媒体报道”和“内部新闻”一外一里两个子栏目的内容来展示。3）招贤纳士，主要用来刊登招聘信息的栏目内容。4）加盟内利，这个是主要栏目，作用是公司主营业务的展示，内利卡的推广。通过子栏目“加盟条件”、“加盟回报”、“加盟流程”、“加盟资料下载”和“特约加盟商户”来展示为何来加入内利卡，如何加入以及加入的对象等内容。5）内利卡，主要引导访问者了解内利卡是起什么作用的。通过子栏目“什么是内利卡”、“内利卡使用手册”和“常见问题”来具体介绍内利卡。6）内利商城，引导访问者去超链接访问“内利商城”网站。项目任务实施—任务一创建网站结构及文件目录2.网站结构图将规划的网站结构用网站结构图来表示，一目了然，方便与客户间沟通交流。网站结构图可以用前面项目掌握的Photoshop技能来制作。本任务中则使用Word绘制网站栏目结构图，使用Word绘制便于直接用于各种文档以及复制粘贴到PPT上。（2）插入形状。选中组织结构图，出现“组织结构图”工具栏、，利用工具栏上的“插入形状”下拉列表，选择可插入各文本框所属的形状（下属、同事、助手）。（1）打开一个Word文档，插入“组织结构图”。单击“插入”菜单，在“图片”选项列表中选取“组织结构图”项目任务实施—任务一创建网站结构及文件目录按二级栏目要求，在原有3个形状上，添加4个形状。再分别对应添加三级栏目。再通过“组织结构图”工具栏的“自动版式”调整各文本框所属的形状的位置和大小项目任务实施—任务一创建网站结构及文件目录（3）添加栏目文字。单击各文本框，添加相应的栏目名称。（4）自动套用格式。选中组织结构图，再单击工具栏上的“自动套用格式”按钮，弹出“组织结构图样式库”在左侧“选择图示样式”列表中选择“三维颜色”，点击“确定”按钮套用图示样式，完成网站结构图的绘制，并保存文档。项目任务实施—任务一创建网站结构及文件目录3.网站文件目录结构设计网站往往包含很多文件，企业网站也是如此。初学者常将所有的文件混杂放置在根目录下，则整个站点将显得杂乱无章。建立网站的目录结构就是为了“分门别类”地存放这些文件，便于整个网站的维护和管理。首先在E盘创建一个文件夹“neili”用于存放整个网站文件。然后在“neili”的根目录下分别创建文件夹“images”存放图像、“CSS”存放样式文件、“flash”存放flash文件、“audio”存放音频文件。再分别创建“about”、“news”、“job”、“chain”、“card”和“shop”分别对应存放“关于内利”、“内利新闻”、“招贤纳士”、“加盟内利”、“内利卡”和“内利商城”这些二级栏目的文件。如果图像很多，可以在各个二级栏目文件夹中分别创建“images”文件夹来存放这些栏目页面对应的图像。整体文件目录结构如图项目任务实施—任务一创建网站结构及文件目录任务分析