第9章 使用Dreamweaver（20）电子课件.pptx

第9章使用Dreamweaver

知识要点（1）熟悉Dreamweaver的基本界面元素：菜单、工具栏、文档窗口、状态栏、工作面板等（2）掌握使用Dreamweaver创建和管理本地站点（3）掌握在Dreamweaver中插入文本、图像、表格、表单等各种网页元素，并进行各种属性设置（4）掌握在Dreamweaver中使用CSS样式（5）掌握Dreamweaver的快速代码编写功能（6）掌握使用媒体查询实现响应式网页设计本章目标

（1）基本功能

（1）基本功能1．创建本地站点

（1）基本功能2．站点文件操作

（1）基本功能3．DW网页制作的一般过程01创建/建立本地站点02创建网页文件03设置网页属性05保存网页，预览网页效果04插入网页元素，设置元素属性

（1）基本功能4．文本与超链接

（1）基本功能5．图像与多媒体

（1）基本功能6．使用表格

（1）基本功能7．使用表单

（1）基本功能8．创建CSS样式表

（1）基本功能9．定义样式规则

（2）高级应用1．快速代码编写——emmet输入navulli（子元素）ulli*2（重复元素）div+p+b（兄弟元素）div+divpspan+em^bq（上移一层）ulli.item$*3（项目编号）div(headerulli*2a)+footerp（括号分组）#header.title

（2）高级应用2．快速代码编写——多光标操作AltCtrl

（2）高级应用3．快速代码编写——代码片断

（2）高级应用4．响应式设计所谓响应式设计，就是所设计的网站或应用，能够根据用户行为和设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。不论用户使用的是大屏幕显示，还是平板电脑，或者是手机，系统都应能自动切换分辨率、图片尺寸以及相关脚本功能。随着移动设备的广泛使用，响应式设计已经是网页设计的基本要求。

（2）高级应用

（2）高级应用5．使用媒体查询@mediamediatypeand(mediafeature){CSS-Code;}其中mediatype可以是all（所有媒体，默认值）、print（打印）、screen（屏幕）和speech（屏幕阅读器）等，如果没有特殊要求，一般不写或者写screen；mediafeature是媒体属性，取值包括：width、min-width、max-width、height、min-height、max-height、resolution、orientation等，最常用的是max-width（最大宽度）和min-width（最小宽度）。

（2）高级应用

THANKS