《网站建设与管理》课件 项目9 响应式网页.pptxVIP

项目9响应式网页;;PART1;使用@media媒体类型、添加断点、移动端优先和屏幕方向设置等相关知识点，完成响应式页面“名胜古迹页”和“招生就业”网页，自动适应手机、PAD、电脑等不同终端。;PART2;;PART3;9.3.1媒体@media规则;9.3.2添加断点;9.3.3横屏和竖屏方向;Bootstrap是基于HTML、CSS、JAVASCRIPT的受欢迎的前端框架，它简洁灵活，使得Web开发更加快捷。Bootstrap框架包括Bootstrap基本结构、BootstrapCSS、Bootstrap布局组件和Bootstrap插件几个部分。只有先在网页头部引入Bootstrap文件后，才可以后面使用bootstrap框架。下面分别介绍在线直接引入方式和下载插件后直接在头部引入两种方式。

(1)国内推荐使用StaticfileCDN上的库，分别包括

? 新Bootstrap核心CSS文件linkhref=/twitter-bootstrap/3.3.7/css/bootstrap.min.cssrel=stylesheet

? jQuery文件。务必在bootstrap.min.js之前引入scriptsrc=/jquery/2.1.1/jquery.min.js/script

? 最新的Bootstrap核心JavaScript文件scriptsrc=/twitter-bootstrap/3.3.7/js/bootstrap.min.js/script;PART4;;;PART5;;在微信的通信录中直接进入企业号。也可以通过下载微信企业APP加入，一起体验课后延伸学习的过程

进入“微加云学院”，选择课件内容再次学习、在线做练习题、考试。

进入“企微云任务”，查看并完成本章学习任务，查看任务，领取任务，登记任务进展情况，方便教师随时查看学生任务的完成进度。

进入“投票调研”“问卷星”，参与调查问卷互动，反馈教学效果。

进入“教学论坛”，下载本章素材或对相关知识点发贴、回帖互动。

进入“腾讯乐享”，通过知识库、问答、课堂、考试、活动、投票和论坛等核心应用，培训学习等多元化需求

进入“快课学堂”，通过主页型企业培训应用进行在线学习交流。;谢谢再见