电子商务网页制作-项目五.pptxVIP

项目五创建与管理网站站点 项目综述 本项目以内利商城为主线,介绍了该网站在制作前期如何进行站点的规划、创建与管理。 项目目标 能力目标： 学习完本项目后,学生应当能够依据网站的规划进行站点的总体设计、创建与管理,包括: (1)规划网站栏目及文件目录设置。 (2)创建本地站点及管理站点文件。 知识目标： (1)网站栏目设计规范。 (2)网站文件目录的分类。 (3)Dreamweaver中站点的创建步骤。 (4)Dreamweaver中站点的管理方法。 Part 01 任务一· 网站文件目录的创建 任务引导 创建网站和制作网页不同，网站具有整体性，有统一鲜明的主题。根据相应的主题和需求，决定了整个站点的构成。网站设计是否成功与建站前的规划有着极为重要的关系。通过网站规划确定了网站的主题、功能和整体结构后，这才便于后续网站页面模板的设计与制作。 任务实施 1.电商形象展示网站结构的规划 2. 电商形象展示网站结构的制作 知识分析 1.网站规划的市场调研 网站的规划是指在网站建设前确定好网站的主题和功能目标后，对网站目标定位，进行的内容规划和功能规划。其中直接的表现就是网站结构的规划，特别对于网站前端部分而言，更为关注的是网站的栏目设计。 对于确定网站的主题和功能目标而言。就是明确该电商企业网站建立的目标是企业形象展示，还是用于与用户之间进行交互、社群营销改进服务；还是单纯要实现网络营销与在线交易为主的。其次，是分析考虑企业自身的经营状况，包括企业的主营产品的情况，消费市场的认知程度以及所处行业状况。最后再进行可行性分析评估。 知识分析 2.网站栏目的要点 回到网站栏目规划，可以说它对于企业网站建设是否成功有着非常直接的关系，而现实中相对于网站页面及功能规划，网站栏目规划的重要性常被忽略。网站栏目的设置主要可以考虑以下几个方面： 突出主题，点题明义。 考虑到用户体验，清晰导航。 方便沟通，人性化设计。 在具体的网站栏目规划上，扁平化原则是经常被提到的。 知识分析 3.网站结构图 网站结构图还可以包含网站的链接结构。网站的链接结构是指页面之间相互链接的结构。不同网页之间通常具有一定的逻辑关系，比如先后关系、包含关系、并列关系等，多个网页按照它们之间的逻辑关系组织在一起就形成了各种链接结构。我们分析网站的链接结构的目的在于：用最少的链接，使得浏览最有效率。通常网站所用的链接结构有三种，最常用的是层次型结构，其次是线型结构和网络型结构。 知识分析 4.网站文件目录结构设计 网站的目录是指建立站点时创建的目录。网站目录结构直接体现于URL。清晰简短的目录结构和规范的命名不仅有利于用户体验和网址传播,更是搜索引擎友好的体现。其设计要点如下: 对于小型网站而言,一般只有一层子目录； 对于中大型网站,往往需要二到三层子目录。 拓展练习 1.网站目录结构优化要点 （1）目录结构扁平化趋势 （2）制作网站地图 2.网站地图制作 （1）网站页面繁多 （2）网站缺乏足够外链 （3）网站结构太深 （4）网站动态页面较多 （5）网站更新频繁 习题 1.通过对中国移动浙江站（）进行分析其栏目，画出组织结构图。并查看其网站地图页面（/sitemap）进行分析。 2.类似于京东这类综合电商商城其组织结构是如何考虑的，是否会考虑网站地图。 Part 02 任务二· 创建与管理网站的站点 任务引导 无论是创建网站还是制作网页，都应该先在本地计算机上通过Dreamweaver软件来创建站点。使用站点管理可以对网页文档、样式表文件、页面素材进行更好规划化的管理，能够极大的提高网页制作的效率，特别是在后期维护时。 任务实施 1.创建本地站点文件夹 2.设计网站文件目录结构 3. 打开Dreamweaver CC2018软件 4.创建内利商城站点 5.站点的管理 6.保存网页文件 知识分析 1.Dreamweaver的认知 Dreamweaver 是一个可视化的网站开发工具，可以辅助人们快捷、方便地进行网页编辑。使用Dreamweaver来创建一个网站的流程包括： 规划和设置站点，即确定将在哪里发布文件，网站访问者的情况以及站点目标。在组织好信息并确定结构后，就可以开始创建站点。 组织和管理站点文件，创建站点后，在“文件”面板中，可以进行添加、删除和重命名文件及文件夹，以便根据需要更改组织结构。 设计网页布局，选择使用的布局方法。可综合使用CSS定位样式或预先设计的CSS布局来创建布局。也可利用表格工具，通过绘制并重新安排页面