所向披靡的响应式开发

第1章 前期准备
介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则
第2章 如何组织项目目录结构
介绍了约定优于配置的思想,常见的项目目录和文件的组织方式,一些基本文件的作用等知识,为编码开始做准备。
第3章 开始编写HTML代码
根据设计图一步一步实现基本的HTML结构,介绍了文档类型、meta声明、IE条件表达式、html5新标签、语义化选择、大纲等知识。
第4章 如何实现PC端的样式
一步一步实现PC端的样式,介绍了CSS Resets和Normalize,相对单位和其中的一些坑,清除浮动的几种方式,块级格式化上下文(BFC),inline-block的空白问题,CSS Sprites,盒模型计算,自动前缀(autoprefixer)等知识。 第5章 如何实现移动端的样式
一步一步实现移动端的样式,介绍了Chrome的响应式调试工具,媒体查询中使用相对单位,CSS3选择器,CSS打印相关属性等知识。
第6章 如何实现响应式广告及响应式图片
一步一步实现响应式滚动广告,介绍了如何选择第三方组件,OwlCarousel2的使用等知识。介绍了响应式图片实现的几种方式,picture/srcset/size标签如何使用,svg原理和制作方式,polyfill原理,picturefill的使用,图片压缩等知识。
第7章 Node.js简介
介绍了Node.js的基本知识,同步异步编程方式的区别,包管理器NPM的使用,package.json如何配置,简单httpserver的使用等知识。
第8章 如何处理兼容性及在多个设备上进行调试
介绍了处理兼容性的主要技术,包含调试的方法,虚拟机的使用,CSS hacks,polyfill和shim,Modernizr,兼容性查询等知识。
第9章 如何打包发布
介绍了前端自动化的概念,grunt/gulp/webpack,如何使用Gulp进行自动化打包发布等知识。
第10章 课程扩展1 -- 选择一个趁手的IDE
选择一个趁手的IDE,WebStorm。介绍了使用框架的注意事项,Bootstrap、SemanticUI、Foundation、PureCSS等响应式框架的特点和优缺点等。
第11章 课程扩展2 -- 聊聊原型设计和切图
介绍了原型设计的概念和工具,Axure等工具的使用,如何切图,Photoshop的使用,Sketch的使用等知识。
第12章 课程大作业
根据讲师所讲知识,独立做出与课程相似的响应式页面。

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

热门产品

知识付费问答社区|知识付费网站建设,问答社区开发,知识付费问答社区,门户网站建设,知识,付费,问答,社区
知识付费问答社区
民宿酒店预订管理系统|酒店预订管理系统,民宿预订管理系统,小程序开发,民宿,酒店预订,管理系统,民宿酒店预订管理系统
民宿酒店预订管理系统

精选资源

清除富文本中的样式功能【fastadmincms开发记录】|fastadmincms二次开发,清除,文本,中的,样式,功能,fastadmin,ms,开发,记录
清除富文本中的样式功能【fastadmincms开发记录】
fastadmincms发布文章时候标题失去焦点检测文章标题重复【fastadmincms开发记录】|fastadmincms二次开发,fastadmin,ms,发布,文章,时候,标题,失去,焦点,检测,重复,开发,记录
fastadmincms发布文章时候标题失去焦点检测文章标题重复【fastadmincms开发记录】
构建根据关键字生成调用文章列表的条件【fastadmincms开发记录】|fastadmincms二次开发,构建,根据,关键字,生成,调用,文章,列表,条件,fastadmin,ms,开发,记录
构建根据关键字生成调用文章列表的条件【fastadmincms开发记录】
含有付费标签时,价格不能为0【fastadmincms开发记录】|fastadmincms二次开发,含有,付费,标签,价格,不能,为0,fastadmin,ms,开发,记录
含有付费标签时,价格不能为0【fastadmincms开发记录】
fastadmincms发布文章自动添加发布会员【fastadmincms开发记录】|fastadmincms二次开发,fastadmin,ms,发布,文章,自动,添加,会员,开发,记录
fastadmincms发布文章自动添加发布会员【fastadmincms开发记录】
mip站群管理系统|mip模板,MIP模版,mip站群,管理系统
mip站群管理系统
mip模板下载:thinkPHP-mipcms-master|mip模板下载,mip,模板下载,think,php,ms,master
mip模板下载:thinkPHP-mipcms-master
织梦多城市分站站群完整代码|织梦模板,织梦多,城市,分站,站群,完整,代码
织梦多城市分站站群完整代码

历史上的今天:07月15日

下载资源

安徽太和板面全套牛羊肉板面配方技术制作教程|太和板面配方,太和板面技术,太和板面教程,太和板面培训,太和板面秘方,太和板面做法,太和板面工艺,安徽,太和,板面,全套,牛羊肉,配方,技术,制作教程
安徽太和板面全套牛羊肉板面配方技术制作教程
熟食卤菜店商用全套技术配方教程|卤味店技术配方教程,卤菜店技术配方教程,熟食店技术配方教程,开卤菜店技术,开卤菜店配方,熟食,卤菜,商用,全套,技术,配方,教程
熟食卤菜店商用全套技术配方教程
傣味舂鸡脚专卖店全套配方技术制作教程|舂鸡脚配方,舂鸡脚技术,舂鸡脚教程,舂鸡脚做法,云南舂鸡脚配方技术,傣味舂鸡脚配方,西双版纳舂鸡脚配方,西双版纳舂鸡脚技术,西双版纳舂鸡脚教程,傣味舂鸡脚技术,傣味舂鸡脚教程,傣味,鸡脚,专卖店,全套,配方,技术,制作教程
傣味舂鸡脚专卖店全套配方技术制作教程
千里香馄饨专卖店全套配方技术加工技术教程|馄饨配方,馄饨技术,千里香馄饨配方,千里香馄饨技术,馄饨秘方,馄饨教程,馄饨教学,千里,馄饨,专卖店,全套,配方,技术,加工,教程
千里香馄饨专卖店全套配方技术加工技术教程

精准推荐

“一把手”的样子

“一把手”的样子  “一把手”在班子和干部队伍中扮演着“头雁”角色,发挥着关键作用。成为合格乃至优秀的“一把手”,外靠培养、内靠修养,有意识地自觉强化自我修养、全面提升个人素养是十分重要的。尽管不同层次和类别的“一把手”职责任务不同,对其素质要求不可能完全相同,但总体上看还是有很多共性。01.坚定与自觉  “一把手”首先必须做到政治坚定。坚定,体现的是“一把手”的政治觉悟和意志品质,对于掌控全局、

国家也开始操心胖娃娃了!吃得多不如吃得好,健康饮食预防儿童肥胖

注意!儿童肥胖问题愈发严峻随着孩子们的肥胖问题越来越多,国家卫健委于7月13日召开新闻发布会,介绍儿童及青少年学生暑期健康的有关情况。关于儿童及青少年肥胖,会上发布了这样一组数据:我国6岁—17岁的儿童青少年超重肥胖率近20%,我国6岁以下的儿童超重肥胖率超过10%。随着儿童肥胖问题越来越多,国家也越发重视此类现象,并表示要严防儿童肥胖!误区!营养不良更容易导致儿童肥胖大家可能习以为常地认为,儿童

【与你分享】教师资格证考试小技巧来喽~~

距离2021年(下)教资考试只剩10天你准备是否充足了?综合素质的题目会不会做呀?教师职业道德有哪些内容啊?埃里克森人格发展的八阶段包括哪些?是否正忧虑担心害怕?别怕,你肯定行!努力了就没有遗憾!几个考试小技巧助你通关!一、详读考纲,把握考试重点考前突击最重要的就是把握考试重点,看一下考纲,把考试重点划分出来,已经把握的再简单过一遍,时间不多了,重心投入到还没掌握好的知识点上。二、规划复习进度我们

为B2B销售带来见解:像赢家一样进行销售

为B2B销售带来见解:像赢家一样进行销售 我们已经写了很多有关销售优胜者的做不同方法研究的文章,在该研究中,我们研究了买家进行的700多个B2B销售交易,这些交易代表了31亿美元的年购买力。我们已经与您分享了销售赢家不仅会出售不同的商品,而且会与第二名的销售商产生根本性的不同。 获胜的卖家在销售方式上有着截然不同的模式。他们在行为和结果上取得了特定的结合,而第二者则没有。(请参见将销售优胜者与其他人区分开的十大因素。

小细节大文明:文明用筷篇

筷子古时又称其为“箸”,筷子文化在中国的发展源远流长,是中国饮食文化的一部分,并赋有独特的内涵,日常生活当中对筷子的运用是非常有讲究的。您懂得,等待就餐有耐心;别忘了,不能用筷子敲碗。在等待就餐之时,不能用筷子随意敲打碗盏或茶杯,用筷子敲打碗盆是饮食中的大不敬。您懂得,用餐时筷子摆整齐;别忘了,筷尖不能对准别人。不要在请别人用菜时,把筷子戳到别人面前。摆放筷子的时候,筷尖不应该对准别人,应该横放,

教育部:构建“中职-高职专科-职教本科”体系 专业基本覆盖各个领域

教育部:构建“中职-高职专科-职教本科”体系 专业基本覆盖各个领域9月9日上午,中共中央宣传部举行“中国这十年”系列主题新闻发布会,介绍党的十八大以来教育改革发展成效有关情况,并答记者问。  教育部职业教育与成人教育司司长陈子季介绍,党的十八大以来,党中央、国务院高度重视职业教育,大力发展职业教育,不断加大政策供给,加快构建现代职业教育体系。职业教育在守正创新中实现了新的历史跨越,实现了由原来参照

MPP电力波纹管产品特点

MPP电力波纹管MPP电力波纹管是以改性聚丙烯(MPP)为主要原料,采用真空成型工艺制成的一种新型结构壁塑料管。它具有结构新颖、强度高、耐温性好、施工简单、节约成本等一系列优点。产品特点:1、性价比高:采用波浪形外壁结构,与同规格环刚度要求的MPP实壁管相比,节省材料成本40%~70%。2、环刚度高:由于其特殊的单壁波纹结构设计和高弹性模量材料,环刚度高。施工时,管道外侧不需要水泥密封,可直接用管

【食材百科】牛肉的学问您知道吗!

牛肉介绍牛肉是全世界人都爱吃的食品,中国人消费的肉类食品之一,牛肉蛋白质含量高,而脂肪含量低,所以味道鲜美,受人喜爱,享有“肉中骄子”的美称。牛肉的营养价值1.牛肉提供高质量的蛋白质,含有全部种类的氨基酸,各种氨基酸的比例与人体蛋白质中各种氨基酸的比例基本一致,其中所含的肌氨酸比任何食物都高。2.牛肉的脂肪含量很低,但它却是低脂的亚油酸的来源,还是潜在的抗氧化剂。3.牛肉含有矿物质和维他命B群,包

学历提升:2022年吉林师范大学成人高考招生简章

学历提升:2022年吉林师范大学成人高考招生简章吉林师范大学JilinNormal University吉林师范大学是吉林省重点大学。学校始建于1958年,经过60年的建设与发展,形成了融本科生、研究生、留学生和继续教育学生为一体,以教师教育为特色,多学科协调发展的办学体系。现任党委书记许才山教授,校长杨景海教授。学校建有四平、长春两个校区,占地面积100万平方米,建筑面积68万平方米。校园环境舒

口才训练:沟通技能篇

沟通技能篇一、什么叫做沟通 1二、沟通的重要性 1三、沟通意义/目的 2四、人际沟通类别 2五、沟通理念/原则 3六、会议管理概述 5一、什么叫做沟通《大英百科全书》指出,沟通是互相交换信息的行为。《哥伦比亚百科全书》指出:沟通是思想及信息的传递。美国著名传播学者布农认为,沟通是将观念或思想由一个人传递给另一个人的过程,或者是一个人自身内

云南成人高考和普通高考那个含金量高?

云南成人高考和普通高考那个含金量高?总听人说即使学历低也不怕,还可以通过成人高考来提升学历。这里说的高考,与平时大家说的普通高考是差不多意思吗?当然是不一样的,那么云南成人高考含金量高吗??这个更是大家比较关注的问题,既然不一样了,含金量是否也不一样?小编将于下文中为大家揭晓答案。云南成人高考和普通高考那个含金量高?当然是不一样的,普通高考是全日制学历,是我国目前学历含金量最高的一种,肯定高于成人

猜你喜欢

热门专题

云南网站建设|云南网站制作,网站建设,云南网站开发,云南网站设计,云南网页设计,云南网站建设公司,云南网站建设,网站设计,网页开发,电商平台建设,响应式网站,品牌官网
云南网站建设
天麻的功效与作用吃法|天麻的功效与作用,天麻的功效与作用吃法,天麻炖什么治头痛最好,天麻的功效与作用禁忌,天麻多少钱一斤,天麻的功效与作用吃法及禁忌,天麻怎么吃效果最好,天麻粉的功效与作用,天麻怎么吃
天麻的功效与作用吃法
开放大学|开放大学报名,开放大学报考,开放大学,什么是开放大学,开放大学学历,开放大学学费,开放大学报名条件,开放大学报名时间,开放大学学历,开放大学专业,在职学习,学历认证,课程资源,专业选择,学分制度
开放大学
弥勒综合高中|弥勒综合高中,弥勒市综合高中,招生信息,教学质量,升学指导,课程设置,校园环境,素质教育,师资介绍,学生成就,校园活动
弥勒综合高中
一年制中专|中专学历,中专是什么学历,中专是什么,中专有什么专业,中专升大专,一年制中专,快速取证,职业技能培训,实践教学,就业前景,在线课程,职业证书,短期强化,专业选择,就业指导
一年制中专
国家开放大学|国家开放大学报名,国家开放大学报考,国家开放大学,国家开放大学学费,国家开放大学报名条件,国家开放大学报名时间,国家开放大学学历,国家开放大学专业,学士学位,灵活学习模式,什么是国家开放大学
国家开放大学
昆明网站建设|昆明网站建设,昆明网站开发,昆明网站建设公司,昆明网站建设价格,昆明网站设计,昆明网站制作,网页设计,高端网站建设,高端网站设计,网站开发,响应式布局,企业建站
昆明网站建设
民宿酒店预订管理系统|民宿预订系统开发,酒店管理系统定制,预订平台建设,系统解决方案,民宿酒店API,个性化定制,云预订系统
民宿酒店预订管理系统

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部

底部链接