1.根据右侧提供素材，按老师的案例讲解，学习响应式实现多屏幕自适应的代码写法，同学们有各代码编写问题，可以截取代码内容截图到评论区。

2.打开软件DW，增加【footer】区，输入高【120像素】和颜色，具体如图所示。

3.创建盒子，添加【清除浮动】，写入【footer】区字体行间距，字体大小和颜色，具体如图所示。

4.粘贴相应式代码到DW中，点击预览观察效果，具体如图所示。

5.添加图片自适应，在article写下图片宽度【100%】，点击预览观察效果，具体如图所示。

6.控制【搜索栏】在缩小的情况下向上移动【50像素】，上移自后的宽度为【120像素】，具体如图所示。

7.修改【文字内容】在缩小的情况下向下移动【270像素】，具体如图所示。

8.完成响应式代码制作，最终效果如图所示。

9.根据右侧提供素材，按老师的案例讲解，学习响应式实现多屏幕自适应的代码写法，同学们有各代码编写问题，可以截取代码内容截图到评论区。

dw实现html实时更新,DW在HTML5 响应式代码实现完成相关推荐

  1. HTML5期末大作业：官网时尚购物(网站设计——美丽说官网时尚购物(1页) HTML+CSS+JavaScript 网页设计成品DW静态网页Html5响应式css3

    HTML5期末大作业:官网时尚购物(网站设计--美丽说官网时尚购物(1页) HTML+CSS+JavaScript 网页设计成品DW静态网页Html5响应式css3 常见网页设计作业题材有 个人. 美 ...

  2. HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript...

    HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板 手机网站模板 企业手机网站模板 手机网站模板 手机模板 响应式手机网站 h ...

  3. HTML5期末大作业：动漫网站设计——html5响应式手机滑动海贼王漫画网页设计(6页) HTML+CSS+JavaScript

    HTML5期末大作业:动漫网站设计--html5响应式手机滑动海贼王漫画网页设计(6页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作 ...

  4. HTML5响应式手机模板：电商网站设计——房地产移动端网页模板(15个页面)

    HTML5响应式手机模板:电商网站设计--房地产移动端网页模板(15个页面) HTML+CSS+JavaScript 手机模板wap 手机网站模板 手机网页模板 手机网站模板 手机模板 响应式手机网站 ...

  5. HTML5响应式手机模板：H5网站设计——政府街道社区wap微信官网模板(11个页面) HTML+CSS+JavaScript 手机模板wap 手机网站模板 企业手机网站模板...

    HTML5响应式手机模板:H5网站设计--政府街道社区wap微信官网模板(11个页面) HTML+CSS+JavaScript 手机模板wap 手机网站模板 企业手机网站模板 H5手机网站模板 响应式 ...

  6. HTML5响应式手机模板：电商网站设计——歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板 企业手机网站模板...

    HTML5响应式手机模板:电商网站设计--歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板 企业手机网站模板 手机网站模板 手机模板 响应式手机网站 ht ...

  7. HTML5期末大作业：化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页) HTML+CSS+JavaScript 整体风格非常漂亮...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

  8. HTML5响应式手机模板：【超炫购物模板】——仿拍鞋网商城手机网站模板( HTML+CSS+JavaScript) 企业手机网站模板

    HTML5响应式手机模板:电商网站设计--仿拍鞋网商城手机网站模板( HTML+CSS+JavaScript) 企业手机网站模板 手机网站模板 电商网站手机模板 响应式手机网站 html5手机网站模板 ...

  9. HTML5响应式手机模板：电商网站设计——歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板 企业手机网站模板

    HTML5响应式手机模板:电商网站设计--歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板 企业手机网站模板 手机网站模板 手机模板 响应式手机网站 ht ...

最新文章

  1. .NET平台开源项目速览(18)C#平台JSON实体类生成器JSON C# Class Generator
  2. mysql8.0查看用户_MySQL 8.0用户及安全管理
  3. JavaScript——分时问候
  4. 有り様、状態、様子　の　区別
  5. 面试 AI 算法岗，你被要求复现顶会了嘛？
  6. Flink 1.10 Container 环境实战
  7. GeoPandas入门 | 03-空间关系和操作
  8. matlab创建wps服务器,wps设置云服务器地址（wps放到服务器）
  9. win10家庭版，双击bat文件无法运行_20200120
  10. Windows蓝屏的解决办法（如：UNEXPECTED_STORE_EXCEPTION蓝屏）
  11. 【IT之路】Docker拉取镜像查看版本
  12. [MAC 苹果电脑] [装双系统] “苹果电脑装Windows双系统”讲解
  13. seata的部署与微服务集成（包含多集群异地容灾配置）
  14. php 信用卡通道api,php – PayPal REST API为信用卡令牌返回500 Server错误
  15. java获取一年的周数、单周开始时间与结束时间、一年所有周开始时间与结束时间、月开始时间与结束时间
  16. 键盘钢琴软件v1.0.1.0官方pc版
  17. JUC笔记(三)多线程的核心
  18. 在计算机中 IDF MDF是什么意思?
  19. mysql数据库插入数据为空_插入数据成功，但是数据库中显示为空（菜鸟提问）...
  20. “斯坦福系”的中国创业者

热门文章

  1. 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
  2. 区分浏览器,判断浏览器版本
  3. python编程软件排行榜_python编程软件
  4. 复仇者联盟:钢铁侠与Spring的解耦思想
  5. Python多进程读图提取特征存npy
  6. 【进阶篇】全流程学习《20天掌握Pytorch实战》纪实 | Day03 | 文本数据建模流程范例
  7. 乖离率背离公式_股价偏离率是什么 BIAS指标计算公式-BIAS-技术指标-股票入门基础知识学习网...
  8. 荐：Java常见设计模式
  9. 2018.10.04 codeforces1060E. Sergey and Subway（树形dp）
  10. deepin启动盘制作工具_YUMI——多重引导制作工具