关闭
登录
关闭

响应式web制作

¥0.00
随着移动设备的不断涌现,要求我们制作的网站不仅要在桌面计算机的大屏幕上可以为用户提供友好的UI和用户体验,同时在小尺寸屏幕上也应该提供一致的用户体验,并让用户能够在桌面大屏幕上和移动小屏幕上平滑切换而...
课程班次:
  • 2021-02-15--2021-07-25 20计应业

课程信息

开课院校:海淀区职工大学
学习时长:2小时
课程分类:计算机
课程证书:
课程学分:0分

课程简介

随着移动设备的不断涌现,要求我们制作的网站不仅要在桌面计算机的大屏幕上可以为用户提供友好的UI和用户体验,同时在小尺寸屏幕上也应该提供一致的用户体验,并让用户能够在桌面大屏幕上和移动小屏幕上平滑切换而没有任何的不适应感觉。 本课程介绍如何进行响应式Web设计和制作。包括响应式设计的基本概念、如何通过媒体查询技术获得用户屏幕相关信息,如何制作响应式页面,并介绍了当下使用最为广泛的响应式Web框架Bootstrap的使用。

教学大纲

      《响应式Web制作》是计算机应用专业的核心课,内容包含动互联中的Web应用、基于HTML5的移动Web技术、移动端页面布局和常用事件、跨平台的移动Web技术、移动Web开发框架等。通过本课程的学习,可以具有制作响应式web网站的能力。具体内容:

第一章  移动互联中的Web应用

1.1 移动互联网的发展

1.2 移动Web开发概述

1.3 移动端的Web浏览器

1.4. 基于HTML5的移动Web开发

第二章  基于HTML5的移动Web应用(上)

2.1HTML5的网络存储—— localStorage、sessionStorage和Storage 事件监听

2.2 移动Web的离线应用—— Application Cache的基本使用

2.3 HTML5画布——canvas绘制图形的基本步骤、绘制矩形和清除矩形、绘制圆形等

第三章  基于HTML5的移动Web应用(下)

3.1视频与音频——video/audio标签的使用及HTML DOM Video/audio对象操作

3,2 Geolocation地理定位——获取当前位置、调用百度地图

3.3 拖曳

3.4 文件操作——选择文件和操作文件

第四章  移动端页面布局和常用事件

4.1 流式布局

4.2 视口——熟悉移动端的三种视口

4.3 移动端常用事件——Touch事件、过渡和动画结束事件的使用方法

第五章    跨平台移动Web技术

5.1 响应式Web设计

5.2   媒体查询

5.3 栅格系统

5.4 弹性盒布局

第六章  使用Bootstrap进行移动Web开发

6.1 Bootstrap简介和基本模板

6.2  Bootstrap常用布局——布局容器、栅格系统、响应式工具

6.3  Bootstrap常用样式——导航栏、表单、按钮、标签页和轮播插件

第七章  综合项目-黑马掌上商城

      使用移动Web开发框架Bootstrap制作一个网站首页的响应式页面。

参考资料

教材:《HTML5移动Web开发》 黑马程序员 编著  中国铁道出版社出版

参考资料:

1、《移动Web前端高效开发实践》 iKcamp 著 电子工业出版社

2、《响应式Web设计全流程解析》  Stephen Hay 著 人民邮电出版社

3、《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》  黑马程序员 编著  中国铁道出版社出版

 

考核方式

课程评论

我要评论

发表