科技公司官方网站建设方案

网站定性
PC端
手机 端
建立一个网页，通过CSS Media Queries，Content－Based Breakpoint（基于内容的断 点）等技术来改变网页的大小以适应不同分辨率的屏幕。
优点：1、灵活性强，可以适应不同分辨率的设备 2、方便快捷的解决多设备显示适应问题
整体界面设计定位
一.总体格调定位。
整个网站采用响应式布局，科技感、现代化。 简洁、规矩、易于理解和浏览 层次分明、逻辑要清晰
二.视觉定位。
大气、简洁 亲切、人性化 网站色调以公司VI为主，尽量简洁大气，极具科技感 排版：整体以简洁、精致、国际化的特点，采用全屏布局的排版方式。 内容：Banner 以大图片为主，适当的动态效果，具有冲击力，突出重点。
首页布局（二）
网站首页采用主流宽屏、长版设计，界面简洁、大气，体现出专业感、品质感和 科技感。色调采用公司主体色，banner图片展示企业文化和公司业务，突显公司 实力和发展方向，将公司概况、产品、新闻、业务等重要信息首页前置，部分展 示，引导浏览者查看。
响应式布局及扁平化设计铺满全屏， 适应各个终端
程序 开发
测试 上线
5个工作日
10个工作日
3个工作日
10个工作日
02
通过DIV+CSS设计的网站页面，完全兼容国际、国内 流行的各种浏览器，页面元素精确控制不会变形，同 时更可以实现页面无刷新访问技术，最大限度增强用 户访问感受，提高用户粘着度。
ห้องสมุดไป่ตู้
03
在制作过程当中全面考虑网站运行的稳定性、安全 性、搜索引擎友好性、推广便捷性。
项目制作周期
首页 设计
内页 设计
页面 切片
内页展示
该项目主要是对公司人力 资源的集中展示，目前根 据贵公司需求暂时设定为 人才理念、职业发展、招 聘信息的发布等
内页展示
该项目主要是对公司人力 资源的集中展示，目前根 据贵公司需求暂时设定为 人才理念、职业发展、招 聘信息的发布等
内页展示
主要用于公司联系方式体 现，可做上动态地图方便 客户查看。 底部加入二维码、微博等 分享按钮
三. 页面布局定位。
突出主题、时效性、能够第一时间吸引客户 注重信息传达的逻辑性 注重易用性 标准化、模块化、充分考虑网站的发展
四.栏目导航定位。
充分遵循项目和品牌VI 注重细节的设计、体现品质 充分考虑维护的方便性
落地要点
要点一
要点二
首页采用宽屏展示，将走进公司、新闻 展示、案例展示、设计团队作为重点即 美观新颖又不占据空间，同时站在不同 用户登录网站的角度，时期最多2次点 击鼠标就可到达目标页面
技术手段
Technical means
01
全采用DIV+CSS3页面设计技术和Html5动画技术。DIV是符 合W3C国际标准的网站界面开发技术。DIV元素是用来为 HTML文档内大块的内容提供结构和背景的元素。DIV的起始 标签和结束标签之间的所有内容都是用来构成这个块的，其 中所包含元素的特性由DIV标签的属性来控制，或者是通过 使用样式表格式化这个块来进行控制。
在交互效果上采用重点突出、恰到好 处的原则。Js用于抢到、选中；大图 上使用适量动画吸引浏览者，将公司 秉承的理念、行业特性图文相称。
要点三
要点四
内页的设计采用可视化的设计效 果，图文并茂，细腻带感而不浮 于表面，每个页面都有自己的属 性特色，辅之以JS交互效果，视 觉上不亚于首页，又不喧宾夺主
采用DIV+CSS页面布局，具有表现灵活， 页面样式调整方便、代码量少、易于优化 等特点；程序语言选择Nodejs，语法简单， 性能优越、主流易用；数据库采用MYSQL， 体积小、速度快，综合统一，提高网站的 运行速度和体验度。
们的客户生动形象，感染力强
内页设计
该项目主要是对公司的
相关新闻、以及最新的 动态做发布，体现公司 最新发生的事情，主要 由公司新闻和行业动态 组成，当然也可以根据
实际需要增加栏目。
在销售网络上我们采用“描点展示”，将公司服务网点简单明了地展示给浏览 者，三级内页详细的对案例进行介绍展示。显示出我们公司的专业性和实力。
导航栏清晰，思路明确 功能设置简洁而健壮
页面分析
突出公司设计实力和案例，使浏览者快 速了解公司和迅速找到目标内容
色彩选择庄重而不拘谨，与 企业VI保持一致
底部由设计师根据公司vi及案 例融合时尚元素特色，网页色 质饱满，细腻到位，别具一格
内页展示
公司简介、化采用图文混排形 式，搭配局部flash效果，增强页 面动态性，没有审美疲劳，图片 采用轮播形式，页面的内容不缺 乏，把信息淋漓尽致的传递给我
登陆 首页
栏目设置
公司简介 企业文化 公司资质 组织架构 发展历程 宣传视频
数据服务处理
产品展示
软件产品
关于我们
新闻资讯
资料下载
登录下载
公司新闻 行业新闻 ........新闻
旗下网站
人才理念
加入我们 招聘
大数据采集 大数据清洗整合 大数据统计分析 保密专栏
（栏目可根据实际情况增减、更换）
联系我们
技术过硬
公司有技术人员、资深 美工多名、 .net\php\java\flash动 画师、U3D等程序师岗 位齐全，能够客户对互 联网方面的各种需求。
服务广泛
对商业、项目、集团、 门户网站都有成熟的经 验。技特别是在集团、 地产等领域有较大优势 。
售后保障
本地化企业，支持关键 节点驻场服务；10名客 服人员，专业、专项项 目组提供全方位一站式 售后服务。
官方网站建设方案
Web design draft resolution
关于我们
我们是谁?
公司介绍 核心成员
团队介绍 组织结构
我们的优势
Our advantages
源自专注
从2010年进入互联网市 场，从基础的网站优化 入手，到目前的整站开 发，多条业务主线发展 。10年风雨历程，打造 一支钢铁之师。
公司地址 联系方式
首页布局（一）
网站首页采用结合现目前网站最新展示形式，网站首页采用以分页布局的展示形式来设计制 作，通过多页分页的不同设计搭配，采用H5效果，给浏览者视觉冲击，吸引浏览者。从而 产生继续浏览的兴趣。
首页内容： 1、主视图（多张切换） 2、企业介绍（图文结合） 3、新闻动态（图文结合） 4、业务范围/案例（轮播） 5、联系方式/底部信息