2.3 整理网站的内容模块（课件）《网络编辑》（人民邮电出版社）

目 录 CONTENTS 2.1 网站类型和主要内容 2.4 设计网站的展示内容 2.5 本章实训 2.2 网站内容的分类体系 2.3 整理网站的内容模块 1 信息管理 信息管理是指对网站内容的更新与维护，具体包括以下功能。 类别管理 类别管理是指网络编辑可随时调整网站信息发布模块中的各种类别，并根据需要增加、修改或删除。 2.3.1 信息发布模块 信息发布模块是将网站上的某些需要经常变动的内容，如企业或商品新闻、新商品发布和业界动态等进行集中管理，并进行内容分类，系统化、标准化后发布到网站上的模块系统，信息发布模块主要包括类别管理和信息管理两大主要功能。 商品类别管理 对商品进行二级分类，以树状形式表现。 商品内容管理 商品浏览 增加、删除和修改商品的图片、简介描述和发布时间等商品内容，并具备控制商品内容发布的权利。 支持用户选择按照商品名称进行关键字模糊查询。 通常商品浏览可以通过分类查询和关键字查询获得商品列表。 关键字检索 2.3.2 商品发布模块 网络编辑可以利用基于数据库的商品发布模块，实现对网站内容的交互管理，并对各类商品内容进行实时发布，商品发布模块的具体功能介绍如下。 购物车管理 商品展示 后台订单管理 前台订单查询 通过企业商品的分类管理，帮助用户浏览企业商品的各种内容信息。 按时间先后次序显示所有用户的订单，并支持用户进行订单搜索，并可以向用户提供已有订单的处理情况，并支持详细查询已复核订单的商品数量和价格、下单日期、所填写的联系方式等内容信息。 用于充当用户网上购物的工具，为用户提供选择商品的临时放置区域，以及显示购物的类型和金额等。 网站管理人员可以在后台对用户订单进行编辑和删除等操作。 2.3.3 商品订购模块 商品订购模块是商务型网站建设的主要模块之一，该模块可以满足企业通过互联网实现网上商品营销的诸多需求。商品订购模块主要包含以下4个主要功能。 内容信息模块 订单结算模块 商品展示模块 用户服务模块 管理模块 管理的职能 1 5 4 3 2 2.3.4 网上商城模块 网上商城模块的核心内容是本企业和其他各供应商在网上商城开设的专卖店，而网上商城主要提供一个完整的查询、订购、结算、配送和售后服务的运作环境，从而帮助卖家做好网络营销业务，网上商城模块主要包含以下几项子模块。 2.3.5 商务公告模块 商务公告模块通常直接表现为网站中的弹出窗口，常用于进行新闻公告和推广活动的宣传，可以提升内容信息的浏览量和推广宣传的效果，网络编辑可以通过商务公告模块的后台管理界面，实现以下一些相关操作。 内容管理：通过可视化网页内容编辑器，轻松实现商务公告内容管理。 样式管理：网络编辑可以通过简单的操作，定义弹出窗口的大小、背景颜色、背景图片和样式等属性。 状态管理：通过开关状态的设置，定义是否显示弹出窗口。 2.3.6 商情发布模块 商情发布模块的功能是通过对商情的发布和查看，增进供求双方的双向交流，实现双方的贸易机会和贸易撮合，商情发布模块通常包含以下一些内容。 提供站内检索功能 对所有商情内容进行分类显示 注册用户可以查看到供求信息的联系方法等内容 自定义热点内容和推荐内容，或者在首页突出显示 网络编辑可以通过简单直观的图形管理界面进行模块管理 自定义内容分类，并可以定制多级栏目和栏目分类显示的顺序 支持远程上载图片及文字内容，并对其进行审核、修改和删除 用户可以自己发布文章到网站，经过网络编辑审核后显示在网页上 A 展示人事政策 C 管理人才 数据库 B 人才招聘 2.3.7 人事管理模块 人事管理模块包含企业的人才战略、人才招聘和人才管理等内容，主要包括以下几项主要内容。 此发布或修改企 业的人事政策。 此应聘者可在网页 中填写相关资料， 直接提交至模块的 人才管理数据库。 网络编辑可通过人 才管理数据库进行 添加、删除和修改 等操作，并对相 关数据进行检索。 2.3.8 用户服务模块 网站的用户服务模块属于围绕核心商品所开展的附加服务，通过用户满意度和生产效率的提高来达到长期利润最大化的目的。通常分为人工服务和自动服务两种类型，又可以分为售后服务、商家服务和用户反馈等子模块。 9 2.3.9 社群论坛模块 社群论坛模块已经成为网站中一种常见的用户互动交流的内容模块，可以向用户提供开放性的分类专题讨论区服务，也可以进行用户互动，企业通过社群论坛模块回答用户提出的问题或发布某些消息。 在社群论坛模块中，主要包含用户、版主、查询、统计、新媒体和帖子等内容子模块。 10 目 录 CONTENTS 2.1 网站类型和主要内容 2.5 本章实训 2.2 网站内容的分类体系 2.3 整理网站的内容模块 2.4 设计网站的展示内容 11 2.4.1 网站内容的结构设计 1. 层次结构 网站内容的结构设计主要是包括层次结构、目录结构、链接与导航3个部分。 网站内容的层次结构是整个网站的架构，也是内容和信息的组织形式，在层次结构中，横向结构表示基本的功能，也就是网站的主要栏目，纵向结构则表示栏目的层次。层次结构通常有以下三种类型。 1 2 3 树状结构 网状结构 线性结构 根目录 子目录 Images目录 目录层次 目录命名 2.4.1 网站内容的结构设计 2. 目录结构 目录结构是指保存网站内容的文件目录，目录结构是网站组织和存放站内所有文档和 信息的目录集合，包括以下一些内容。 2.4.1 网站内容的结构设计 导航的类型 导航可以为用户浏览网站内容提供路径方向，网站的导航主要包括主导航、副导航、面包屑导航、地图导航4种类型。 导航的形式 网站中的导航通常包括顶部、侧边、底部、隐藏和滚动几种形式。 14 3. 导航 导航是网站内容设计中的重要组成部分，在引导用户浏览网站时起着非常重要的作。 14 2.4.1 网站内容的结构设计 4. 链接 链接是网站中重要的内容跳转工具，根据链接的内容可以分为信息链接、功能链接和导航链接3种类型，根据链接载体又可以分为文字链接、图片链接和按钮链接等类型。在设计网站的链接时需要注意以下几点事项。 链接要对应网站栏目，做到有组织和分类。 链接内容尽可能精简，避免链接文字折行。 链接的形式要新颖，能够吸引用户，链接内容要清晰明确，能吸引用户单击浏览详情。 2.4.2 网站内容的风格设计 网站风格的设计对于网站的发展有重要的推动作用，主要体现在以下两个方面。 突显网站的个性 增强用户的印象 1. 设计网站风格的作用 目前比较常用的网站设计风格包括扁平化设计、反扁平设计、3D设计、极简风格、无边框风格、矢量风格、超级头版和黑板风格等。 2. 网站风格的类型选择 设定网站的风格时，网络编辑或者设计者应该全面了解网站中展示的所有内容，对网站所售商品的特点、用户和市场进行定位分析，然后根据这些特性和定位，思考适合网站的风格定位。 3. 网站风格的定位分析 网站的标志可以使用有代表性的人物、动物或植物等作为设计的蓝本，通过卡通化或艺术化 对于一些专业性和知名的企业网站，可以使用本企业有代表性的物品作为标志 可以直接用网站的英文名或拼音作为标志，这也是一种最常见和最简单的标志设计方式 2.4.2 网站内容的风格设计 4. 网站标志设计 网站标志通常可以采用以下几种方式进行设计。 在网站的网页中，除了主色调外，还需要考虑其他的色彩搭配，如 背景色、文字颜色、图像颜色和表格颜色等元素之间的色彩搭配。 不同的色彩搭配可以带给用户不同的感受，网站需要根据品牌和商品的内涵和定位来选取主色调。 主色调搭配 网页颜色搭配 2.4.2 网站内容的风格设计 5. 网站色彩搭配 18 2.4.2 网站内容的风格设计 网站的宣传标语通常使用一句话或一个词来高度概括该企业精神、企业文化、品牌内涵或网站目标，类似于广告中的金句。如图所示为淘宝网的宣传标语，既符合网络购物型网站的行业特点，又具备强大的感召力，既宣传了企业精神，又为用户提供了消费动力。 6. 网站宣传标语 19 2.4.2 网站内容的风格设计 网站内容通常以文字为主，所以文字的字体也会展示出网站内容的风格，通常网站中会使用一种标准字体，主要用于网站的标题和导航栏目等。总的来说，网站内容的字体设计应该遵循以下几点原则。 字体种类：通常网站内容中的字体不超过3种为宜。 突出显示：为了突出显示特殊的内容，可以设置不同的字体、字号或字体颜色。 疏密度：网站内容的正文部分每行文字通常为20~30字，英文为40~60字；行距一般使用默认设置。 字号：网站内容正文标准字号为12pt（磅）。 7. 网站字体设计 20 目 录 CONTENTS 2.1 网站类型和主要内容 2.2 网站内容的分类体系 2.3 整理网站的内容模块 2.4 设计网站的展示内容 2.5 本章实训 21 （1）请在下列各种类型的网站中任选3种，每种选2个典型网站进行分析比较，包括拍卖网站、知名网站、游戏网站、旅游网站、著名手机网站、淘宝网和京东商城。 （2）分析比较的内容包括主页样式、网站类型、网站结构、主页完整、显示速度，主页风格描述、内容质量、访问人数、客服内容、网络广告类型、色彩搭配等。 实训要求 2.5.1 商务型网站的风格与特色比较 实训步骤 （1）通过百度搜索主要的商务型网站。学生通过网上搜索引擎，搜索相关的商务型网站，打开其主要页面。 （2）浏览网站内容。对搜索到的几个网站进行全面的内容浏览，充分了解网站内容设计与规划的相关信息，包括结构、服务和风格等。 （3）填写对比分析表格。根据搜集到的网站内容的相关信息，在表中填写网站的对比风格和特色等信息。 22 2.5.1 商务型网站的风格与特色比较 网站的风格对比信息表 23 （1）先在网上搜索一些著名的运动鞋品牌网站，学习其网站内容设计。 （2）确定网站的类型、结构和栏目等内容。 （3）将设计的网站内容填写在下面的表格中。 实训要求 2.5.2 规划和设计一个网站 实训步骤 （1）收集相关资料。在百度中搜索目前比较著名的几大运动鞋生产商的官方网站，看看其网站内容的规划和设计情况。 （2）确定网站的类型和主题。结合其他品牌网站的类型，确定本网站的类型和主题。 （3）确定网站的结构和栏目。确定网站的内容结构，包括有哪些频道和栏目，以及主要内容的区块划分等。 24 2.5.2 规划和设计一个网站 网站设计规划表 （4）设计网站的主要内容。根据前面的规划，设计网站的主要内容，包括网站的标志、宣传口号、市场定位、颜色搭配等，并将具体内容填写到表中。 （5）绘制草图。根据前面的规划和设计，在草稿纸上绘制该运动鞋网站的大致结 构图。 实训步骤 25 （1）根据本章所学的电子商务网站的内容模块，设计某品牌手机商城网站所需的内容模块。 （2）学会归类和设计网站内容模块的方法。 实训要求 2.5.3 设计手机网站的内容模块 实训步骤 （1）根据下表所示的主要内容模块，整理手机资讯类网站的内容模块。 手机资讯类网站的内容 26 2.5.2 规划和设计一个网站 品牌手机网站的内容模块 实训步骤 （3）参考前两张表中的内容模块，并通过搜索引擎搜集手机网站的相关内容信息，自行创建一个手机网站的内容模块，填写到表中。 （2）根据下表所示的主要内容模块，整理品牌手机网站的内容模块。 某手机网站的内容模块 27 $$