备课易-备课更容易

项目一 第三阶段-任务21重布局页面实现响应式效果(课件) 2023-2024学年中职《HTML5 CSS3网页设计与制作》(机工版)同步教学

更新时间:2024-05-31

资源科目:中职专业课

适应版本:通用版

适应地区:全国

文档类型:zip

文档大小:12.5MB

文档来源:21世纪教育网

文档摘要:

(共17张PPT) 制作响应式网页 第三阶段 能进一步完善栅格化系统的功能,增加栅格布局的留白区域和栅格模块的隐藏功能; 能将栅格化系统运用到D清单页面中进行响应式布局。 任务目标 任务21 重布局页面实现响应式效果 使用任务20中制作的响应式栅格系统(文件grid.css),对D清单页面进行响应式改造,使页面在平板设备、电脑设备中都能正常显示,并根据浏览器的宽度自动调整页面内容的排版。 任务描述 图1-21平板和电脑端浏览效果 任务21 重布局页面实现响应式效果 完成D清单页面的响应式改造,需要: 增加栅格布局的留白区域设置; 增加栅格模块的隐藏功能设置; 根据需要对D清单页面重新布局的内容...
预览地址
以下为备课文档“项目一 第三阶段-任务21重布局页面实现响应式效果(课件) 2023-2024学年中职《HTML5 CSS3网页设计与制作》(机工版)同步教学”的预览下载地址
更多相关课件
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 智能制造-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 医药-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 土木水利-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 汽车-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 农林牧渔类-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 旅游-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 教育-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 交通技术与服务-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 计算机-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 护理-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 公共管理与服务-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 纺织服装-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 电子信息-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 餐饮类-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 财经商贸-试题(图片版,含答案)
2025—2026学年四川省职教高考研究联合体 普通高校对口招生第四次模拟考试 材料化工与资源环境-试题(图片版,含答案)
浙江省嘉兴市2025学年第一学期一模《电子与电工类》试卷(图片版,含答案)
湖南省2025年普通高等学校对口招生考试电子专业试题卷(图片版,含答案)
山东省2025-2026学年中职第二次综合模拟考试23级电子商务类专业知识试题(图片版,含答案)
山东省职教高考研究联合体2025一2026学年第一次联合考试电子商务类专业知识试题 (图片版,含答案)