简述网页设计的流程并说明原因，web前端开发的目的

官方网站结构设计包含官方网站栏目设计和官方网站模块设计以来确定官方网站提供服务的一种逻辑表现形式，也是网页当中的层次关系。

1.官方网站栏目能起到概括地叙述纲目、要点的公文挈领额作用

2.官方网站栏目具有清晰导航的功能

3.官方网站模块要做到顺序清晰且紧密结合

二、官方网站主题设计

官方网站主题设计实质上就是官方网站视觉呈现风格的设计。官方网站的主题风格要能充分吸引用户的注意力，为用户提供愉快的访问体验。

1.设计能反映官方网站内容的logo,并且将logo放在官方网站的醒目位置。

2.官方网站的颜色要统一，要突出官方网站的主调色彩。

3.一样类型的图像要有一样的效果。

4.官方网站要有一句清晰透明的宣传标语。

三、官方网站布局类型

1. 国字型布局

这样的布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是现在比较经常会用到的一个网页布局结构，它适用于信息分类繁多、需良好组织的官方网站。

2. T字型布局

这样的布局类型由上边栏、左边栏、内容区、下边栏组成，其形状有点像一个英文字母写的“T”字。T字型结构官方网站现在在一部分权威机构、企事业单位的公司官方网站产生得非常多。

3. 左右框架型布局

这种类型官方网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是不少个人站点、博客的首选。

4. 上下框架型布局

这种类型官方网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的主要内容。上下型官方网站常常用来进行个性化展示，在企业门户官方网站的公司展示中也比较经常会用到。

5. 标题文章主体型布局

这种类型官方网站的布局结构由上边栏和内容区组成，上边栏用于显示文章的标题。主要用于显示文章的标题，内容区放置文章的主要内容，这种类型布局在一部分论文、学术官方网站的设计中比较经常会用到。

官方网站设计都不会独自使用以上列出的某一种布局结构，而是通过混合使用各种布局结构来达到自己想要的效果，这种类型布局一般称为“综合性布局”。

四、官方网站页面设计

官方网站页面是官方网站的后表现形式。官方网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵守的原则请看下方具体内容：

1.满足企业的行业属性和企业特点。客户打开官方网站能直观感受企业所传递的观念和特点。

2.满足用户的浏览习惯。按照官方网站内容的重要性进行排序，让用户花短时间可以找到自己需的信息。

3.满足用户的使用习惯。将用户常常使用的功能放在官方网站的醒目位置。

4.图文搭配。

5.利于搜索引擎优化。减少图片和动画，多使用文字描述，以方便搜索引擎收录，让客户更容易找到你。

目标在于提供具体的开发流程和时间表，有助于合理的根据目前实际情况安排开发时间和测试时间。

也为了更好的用户体验、更好的用户粘性、更好的传播效应、为整个创业过程服务

前端设计的报告主要涵盖项目周期，项目时间，项目人员和地址位置，主要负责人，项目标用途等需求报告。

用于告知前端页面达到的具体计划。

官方网站规划书包含的主要内容请看下方具体内容：

一、建设官方网站前的市场分析

1、有关行业的市场是什么样的,市场有哪些样的特点是否可以在网络上开展公司业务。

2、市场主要竞争者分析，竞争对手网络情况及其官方网站规划、功能作用。

3、公司自己条件分析、公司概况、市场优势，能用到官方网站提高什么竞争力，建设官方网站的能力（费用、技术、人力等）。

二、建设官方网站目标及功能定位

1、为什么要建立官方网站是为了宣传产品，进行电子商务，还是建立行业性官方网站？是企业的需还是市场开拓的延伸？

2、整合公司资源，确定官方网站功能。按照公司的需和计划，确定官方网站的功能：产品宣传型、网络在线营销型、客户服务型、电子商务型等。

3、按照官方网站功能，确定官方网站应达到的目标作用。

4、企业内部网（Intranet)的建设情况和官方网站的可扩展性。

三、官方网站技术处理方案 按照官方网站的功能确定官方网站技术处理方案。

1、采取自建服务器，还是租用虚拟主机。

2、选择操作系统，用unix,Linux还是Window2023/NT。分析投入成本、功能、开发、稳定性和安全性等。

3、采取系统性的处理方案（如IBM,HP）等公司提供的企业网络方案、电子商务处理方案？还是自己开发。

4、官方网站安全性措施，防黑、防病毒方案。

5、有关程序开发。如网页程序ASP、JSP、CGI、数据库程序等。

四、官方网站内容规划

1、按照官方网站的目标和功能规划官方网站内容，大多数情况下企业官方网站应涵盖：公司简介、产品讲解、服务内容、价格信息、联系方法、网络在线定单等基本内容。

2、电子商务类官方网站要提供会员注册、具体的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、有关帮等。

3、假设官方网站栏目非常多，则考虑采取官方网站编程专人负责具体内容。 注意：官方网站内容是官方网站吸引浏览者重要，要优先集中精力的原因，无内容或不真实，出现弄虚作假用的信息不会吸引匆匆浏览的访客。可事先对大家期望阅读的信息进行调查，并在官方网站公布后调查大家对官方网站内容的满意度，还有时调整官方网站内容。

五、网页设计

1、网页设计美术设计要求，网页美术设计大多数情况下要与企业整体形象完全一样，要满足CI规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体完全一样性。

2、在新技术的采取上要考虑主要目标访问群体的分布地域、年龄阶层、互联网速度、阅读习惯等。

3、制定网页改版计划，如半年到一年时间进行很大规模改版等。

六、官方网站维护等。

分析请看下方具体内容：

1、第一下载安装Dreamweaver，打开后，新建一个网页，大多数情况下选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，大多数情况下默认设计界面，针对新手这个功能具有可视化，可以更好的制作网页。

3、下面我们来制作官方网站站点，在电脑上建一个文件作为根目录。我们所建官方网站的全部文件和网页都保存在这个文件中。站点的作用就是为了让你的官方网站网页当中框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个针对储存官方网站图片的文件，并设置默认。这样你添加到这个官方网站的全部图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来讲解，点击右下方篮球资讯网-下拉点击管理站点-点击高级设置-设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个官方网站首页，先学习添加图片。插入-图像-选择素材添加。点击图片，下面属性可以编辑更改图片大小，添加超链接等等。下面我更改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以具体编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还要有学习者好好搜索Dreamweaver 的使用视频加以学习。后制作完一个网页要记得保存。左上角文件-保存。

8、后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性-链接-点文件小功能按钮-选中第一个网页，这样篮球资讯网文本变成蓝色。这是官方网站内部链接，相反就有外部链接。添加如图，一定要写http://......完全就能够了。

9、后我们浏览网页。左上角文件-在浏览器中浏览网页，点击网页中两个链接都可以到达指定网页。

扩展资料：

网页设计

设计官方网站要注意两个要点：整体风格和色彩搭配。

风格

官方网站的整体风格及其创意设计是很难学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的官方网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”涵盖站点的CI（标志、色彩、字体、标语）、版面布局、浏览方法、交互性、文字、语气、内容价值、存在意义、站点荣誉等等很多原因。

色彩搭配

不管是平面设计，还是网页设计，色彩永远是重要，要优先集中精力的一环。当我们距离显示屏较远时，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色建议：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面给人的印象色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，比如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还需要要记住一部分误区：

1．不要将全部颜色都用到，尽可能控制在三至五种色彩以内；

2．背景和前文的对比尽可能要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

参考资料：百度百科：设计