备课易-备课更容易

项目一 第三阶段-任务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年中职职教高考文化统考体育专业综合理论试卷(图片版,无答案)
江苏省2025年中职职教高考文化统考旅游管理专业综合理论试卷(图片版,无答案)
江苏省2025年中职职教高考文化统考机电一体化专业综合理论试卷(图片版,无答案)
江苏省2025年中职职教高考文化统考电子电工专业综合理论试卷(图片版,无答案)
湖南省2025年跨地区普通高等学校对口招生第一次联考 财会类专业综合知识试题(PDF版,无答案)
湖南省2025年对口升学考试机电专业综合真题试卷(图片版,无答案)
湖南省2025年跨地区普通高等学校对口招生第三次联考商贸类专业综合知识试题(图片版,含答案)
2025年湖南省对口升学四校第一次联考财会类专业综合知识试题(图片版,含答案)
湖南省2025年普通高等学校对口招生考试科目电子电工类综合试题卷(图片版,无答案)
湖南省2025年普通高等学校对口招生考试商贸类综合试卷(图片版,无答案)
内蒙古自治区包头服务管理职业学校2025年《礼貌礼节》高考复习卷一(含解析)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(18)(含答案)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(17)(含答案)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(16)(含答案)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(15)(含答案)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(14)(含答案)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(13)(含答案)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(12)(含答案)
江苏省南京信息职业技术学校2024-2025学年电工基础与技能训练期中测试模拟卷(12)(含答案)