一般网站架构.ppt

1、一般网站框架方案，组长王瑶琴成员：叶瑶瑶瑶瑶傅云霞林盈，06.07.2020，2，大纲：1，网站整体设计和CI企划1.1整体设计1.2 CI企划2网站栏设置2.1主要内容栏2.2首页设置超链接和搜索引擎2.3 3 3个站点的目录结构和链接结构3.1目录结构3.2链接结构4个站点的样式5个站点的布局和首页设计5.2首页设计，06.07.2020，5，5，4，6个站点的颜色组合7个站点的图像和视频，06 . 阅览者通过网站时，网站的新颖独特的风格吸引了网站的构思、布局、颜色、图像处理反映了网站的特性，能给阅览者留下印象，是成功的网站设计。 06.07.2020，6，1站点的总体设计和CI为顾客服务

2、、传播信息和树立良好的社会形象，是站点优先考虑的问题。 1.1整体设计网站应在设计制作中达成内容和形式的统一。 此处的内容指的是web站点的信息数据和字符内容，形式指的是web设计的布局、构图、布局、颜色以及它们表现的风格的特征。 不同内容的网页，必须应用不同的设计形式。 比如，政府机关的网页形式要简洁认真，教育机关的网页要开朗，大方的商务舱网页要鲜艳多彩。文化艺术类的网页要重视格调和品位等。 以下是淘宝首页的整体设计，06.07.2020、7、06.07.2020、8、1.2 ci企划ci是广告业的术语，是英语Corporate Identity的缩写。 在我国，ID企划运营通过运用视觉语言

3、来树立形象，传播信息，从而达到了社会整体认识、理解和接受的目的。 成功的网站和实体公司一样，需要整体形象包和设计。 正确创造性的CI设计，能有效地宣传网站，使网站迅速深入人心，发挥不到语言文字的作用，所以网站的主题和数据信息、文字资料准备好后，应该考虑的是网站的CI企划和图像设计标志、颜色、字体、广告语四个方面是在一个网站建立CI形象的关键。 设计完成这四项工作后，整个网站形象具有基本轮廓，具有统一的面孔，具有一定的专业性。 06.07.2020、9、2网站专栏设置网站专栏设置原则强调一个重点，二是用户方便。 网站栏的本质是网站内容的大纲索引，像书目一样，能够引导阅览者寻找必要的东西。 设置专

4、栏时，要仔细考虑内容的轻重缓急，合理布置，强调重点。06.07.2020、10、2.1区分主要内容栏，以一定的方法对主要内容信息进行分类，并设置了专门的栏。 例如，淘宝的首页有天猫、集资、电器城、良无限、当地生活等。 专栏的划分要尽可能明确，不能给出模糊的概念。 在06.07.2020、11、2.2首页上设置超链接和搜索引擎网站的列层次设置，可以通过整理网站内容、清晰结构的超链接打破单一的线型结构，从一栏简单地切换到另一栏。 解决问题的方法是在保持网站栏的结构的同时，将最重要的内容链接到主页上。 如果网站内容复杂、层次多，设置搜索引擎和“本站指南”栏，有助于第一个访问者快速找到所需的阅览内容。

5、 06.07.2020、12、2.3设置双向交流栏，可以在论坛、评论等上让阅览者发表意见，也可以参加网站的活动。网络的最大优点之一是为人们提供交流手段，设立双向交流栏比简单预约电子邮件更有亲和力，能发挥网络技术的优势。 06.07.2020、13、3网站的项目结构和链接结构在网站栏中设置完整的方案后，可以进入网络技术的实现阶段。 网站设计者必须与程序员合作协商网站的目录结构和链接结构。 设计目录结构的原则是使网站的管理和维护变得容易。设计链接结构的原则是使读者更容易阅读。 06.07.2020、14、3.1目录结构目录结构是容易忽略的问题。 目录结构的好坏对阅览者没有太大的影响，但对网站自身的

6、上传维护对内容信息的未来扩展和移植有着重要的影响。 首先，合理配置文件的目的，不要把所有的文件放在目的之下，不容易引起文件管理的混乱，提高生产效率。 此外，所有文件都是相同的路径，提交时上传速度变慢。 接着，对每列内容作成子项目，对每个主菜单栏作成，对每列作成一个文件夹，放入汇总图像保管图像的文件夹等，有必要作成频繁更新的独立的子项目。 关联性强，不需要频繁更新的栏可以合并放在统一的眼里。 请注意，第：次的水平不太多。 一般情况下请不要超过5楼。 对于网站工作人员来说，层次越少，搜索就越容易，维护管理就越容易。不要用中文眼睛。 互联网虽然没有国界，但互联网上使用最广泛的语言是英语，如果使用中文

7、的目录，网站的正确表示可能会变得困难，特别是中文以外的阅览者使用不能正常使用的意思的明确的目的文件名来命名目的时，容易进行记忆管理例如，可以用列名的拼音字符或英语名称来标记。 06.07.2020、15、3.2链接结构站点的链接结构是指页面之间的相互链接关系。 把这个关系做成模式图表的话，就像拓扑图一样。 这是基于眼睛的结构，但也可以越过眼睛。 具体地说，每个页面是固定点，链路是两个固定点之间的链路。 一个点可以与一个点连接，也可以与多个点连接。 更重要的是，这些点不存在于平面中，而是存在于立体空间中。 用最少的链接使阅览最有效率。 阅览者为了明确自己的位置，最好在页面上显示导航栏。 06.0

8、7.2020、16、4网站风格网站的风格是整个网站形象留给阅览者的综合感觉。 第一，明确网站的服务对象。 网站的风格在网站成立之前就已经决定了。 网站设计师应该加深对网站的理解，参考其他设计领域的成功作品，使网站风格接近内容，创造出好的想法。 第二，在明确网站性质的基础上，要考虑网站的个性因素。 企业网站能强调产品的服务意识，很好地展示服务风格。 06.07.2020，17，5网站的布局和首页设计基本上确定了网站整体的设计后，在实施阶段，最具体的工作是如何制作一页。 设计网页的第一步是设计布局。 版面设计是设计的概念，在有限的面积范围内合理配置图形图像和文字的位置，在按照优先顺序陈列文章信息的

9、同时，美化页面装饰。 06.07.2020、18、5.1布局被布置在轮廓草图上，首先将要布置的功能模块布置在页面上。 主要包括网站标志、主菜单、专栏、广告位、搜索器、计数器等。 必须强调重点，把网站标志、主菜单、专栏眼睛和广告等最重要的模块放在最突出、最突出的位置，考虑子模块的排放。在决定了各功能模块的样式、位置后，需要认真研究原稿和图形图像的布局，根据图形设计规律制作网页的基本样式，也可以使用刷子、尺来制作，也可以使用Photoshop、illust 布局过程中可以遵循的原则是： (1)平衡。 指画面图像、文字的视觉成分在左右上下的几个方位上大致相等，分布均匀，得到稳定的效果。 平衡的画面有

10、呆板的感觉，有必要部分地打破平衡和对称性。 (2)呼应。 不均衡布局下的纠正措施使某些因素同时出现在不同的地方，形成视觉相互关系。 (3)对比。 使用不同的颜色、形态、线等视觉要素相互比较，引起画面的各种变化，实现丰富的视觉效果。 (4)疏密。 所谓稀疏，是指画面中形式要素少(更空白)的部分，所谓密集，是指画面中形式要素多的部分。 在网页设计中是空白的处理运用，全、全、全、平均是什么样的布局设计的禁忌，适当的疏密的组合给画面带来节奏感，表现网站的格调和品位。 网站各栏，各级页面应根据上述原则素描。 当然，各栏的内容不同，设计方案也应该有所改变。 统一成网站的基本风格就行了。 例如，互联网把受欢

11、迎的限时打折活动放在中间最显眼的部分，文字放在周围，适当地组合各部分的稀疏密度。 06.07.2020、19、06.07.2020、20、5.2首页设计主页是阅览者访问某个网站时看到的第一页，通过链接访问网站栏，找到想知道的内容。 首页就像书的封面一样，首页的设计是网站是否有魅力的关键。 为网站设计什么样的主页，要根据情况而定。 06.07.2020、21、6网站颜色的组合颜色的选择和组合是网站设计的重点之一。 网站的色调、背景、文字、图标、框、链接等是网站设计者从一开始就必须考虑的问题。 生活中看到的颜色是由光的吸收和反射产生的。 红、黄、蓝是三原色。 自然界的颜色可以用这三种颜色调和，而计算机的颜色则用红、绿、蓝三种颜色调和。 例如海尔的网站是冷色系，淘宝是暖色系，06.07.2020、22、06.07.2020、23、7网站的图像