响应式网站设计

「电脑、平板、手机、微官网」同样美好
页面内容都可以自由修改,独立后台管理网站
兼容浏览器 IE9 / IE10 / IE11 / Edge / Firefox / Chrome / 360 / Safari / Opera

网站演示

光学设备公司网站模板

页面拆分详解

模板顶部

新颖的文字的进入方式,文字可自定义,导航采用半透明的方式,由于首页区块内容不多的原因,因此导航没有设置成固定式

以鼠标经过的方式显示下拉菜单,同时也可以显示三级菜单,还可以在三级菜单关闭的情况下,显示主栏目的栏目图片,以图片传递信息,更易被用户接受

 光学设备公司网站模板-模板顶部

 

文案展示

内容文字采用编辑器的模式编辑,可自由发挥,区块可关闭,因此建议关闭,然后将上方的大图高度设置的高一些,这样更容易突显公司的气派

 光学设备公司网站模板-文案展示

 

图标展示

栏目的标题,以及图标的大小均可自定义,区块也可以关闭,可以不设置跳转到具体栏目页面的按钮(即更多详情按钮不会显示)

光学设备公司网站模板-图标展示 

 

应用领域

栏目标题,图片的高度,下方的描述文字均可自定义,区块可关闭显示

鼠标经过将会稍微放大图片,并显示一个蓝色方框,提示用户可以点击跳转到具体详情页

光学设备公司网站模板-应用领域 

 

新闻动态

以自动轮播的形式展示新闻,栏目标题,文章显示数量,圆圈图片的直径均可自定义,区块可关闭

 光学设备公司网站模板-新闻动态

 

底部信息

左侧可设置多个一级栏目与二级栏目显示(可显示最多6个一级栏目,二级栏目数量不建议太多),区块可关闭

右侧预设置多种分享方式,微信与微博二维码可自定义上传,区块可关闭

光学设备公司网站模板-底部信息 

 

内页列表头部

可以极简的只显示栏目标题配上背景图片,或者与首页一致

光学设备公司网站模板-内页头部 

 

文章模块列表

光学设备公司网站模板-文章列表 

 

产品模块列表

鼠标经过图片将由上而下覆盖一层蓝色前景和链接图标,点击可直接跳至具体产品详情页

光学设备公司网站模板-产品列表页 

 

图片模块列表

以圆圈的形式展示图片,鼠标经过会覆盖一层蓝色前景,但是没有放大镜的图标

光学设备公司网站模板-图片列表页 

 

产品详情页

上方图片与产品描述,下方最多可显示5张产品详细描述选项卡

光学设备公司网站模板-产品详情