项目一 第三阶段-任务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网页设计与制作》(机工版)同步教学”的预览下载地址

更多相关课件: