备课易-备课更容易

项目一 第三阶段-任务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网页设计与制作》(机工版)同步教学”的预览下载地址
更多相关课件
湖南化工职业技术学院2026年单独招生考试体育特长生测试项目及评分标准(扫描版)
江苏省常州工程职业技术学院2023年高职提前招生考试职业素养能力试卷(扫描版,含答案)
河南省常德职业技术学院2026年体育特长生专项测试办法及评分细则(扫描版)
2026年湘西民族职业技术学院单独招生考试大纲及样题(文化素质测试)(扫描版)
中职专业课 辽宁省沈阳市 极限配合与典型零件测量 素材
湖南省衡阳幼儿师范高等专科学校2026年单独招生考试专业组一职业技能测试复习资料(综合素养部分)(含答案)
湖南省衡阳幼儿师范高等专科学校2026年单独招生考试职业技能测试复习资料(专业组一计量类专业)职业素养(含答案)
湖南省衡阳幼儿师范高等专科学校2026年单独招生考试职业技能测试复习资料(专业组一非计量类专业)职业素养(含答案)
湖南省衡阳幼儿师范高等专科学校2025年单独招生考试专业一组综合素质题库(含答案)
湘中幼儿师范高等专科学校2026 年运动训练、健身指导与管理专业单招体育专业测试评分标准及测试指南(PDF版)
湖南汽车工程职业大学单独招生特长生测试评分标准(体育类)
湖南有色金属职业技术学院2026年单独招生考试大纲(PDF版,无答案)
湖南理工职业技术学院2026 年单独招生考试考试大纲及样题(PDF版)
湖南国防工业职业技术学院2025 年单独招生考试(样卷)本试卷适用于中职(装备制造类)毕业考生(PDF版,无答案)
湖南国防工业职业技术学院2025 年单独招生考试(样卷)本试卷适用于中职(土木建筑大类)毕业考生(PDF版,无答案)
湖南国防工业职业技术学院2025 年单独招生考试(样卷)本试卷适用于中职(电子信息技术)毕业考生(PDF版,无答案)
湖南国防工业职业技术学院 2026年单独招生考试大纲及样卷(PDF版)
湖南国防工业职业技术学院 2026 年单招对口招生考试(职业技能测试3)《电子信息技术大类》题库(PDF版,无答案)
湖南国防工业职业技术学院 2026 年单独招生考试(样卷)本试卷适用于中职(装备制造大类)毕业考生(PDF版,无答案)
湖南国防工业职业技术学院 2026 年单独招生考试(样卷)本试卷适用于中职(电子信息技术大类)毕业考生(PDF版,无答案)