华为官网首页响应式设计 项目名称: 华为官网首页响应式设计 项目时间: 2016.6-2016.6 开发平台: Windows 开发工具: Webstorm ,Chrome Browser, Bootstrap框架 技术架构: HTML + CSS + JS 责任描述: 1. 分析华为官网首页在不同分辨率尺寸下的排版布局结构方式; 2. 在PC分辨率下完成页面的HTML及CSS代码编写; 3. 将HTML页面引入Bootstrap框架,使用框架中的栅格系统技术,完成页面的响应式编写; 4. 在Chrome Browser的控制台下,选择设备的响应式工具,查看并修改当处于不同分辨率下时页面展示效果; 5. 使用Bootstrap提供的JavaScript控件,完成图片轮播, 下拉菜单等效果; 项目心得/收获:熟悉了Bootstrap框架技术,对采用栅格系统来实现响应式布局的方式有深刻印象;
mvphaiwei / huawei Goto Github PK
View Code? Open in Web Editor NEW响应式布局设计