dreamweaver知识点总结大全.docx

1.dreamweaver支持的文件格式 2.新建站点 填写站点名称 选择站点本地文件夹 右侧站点窗口 3.管理站点 4.配置站点远程服务器 5.管理本地和远端：在站点窗口中，切换本地视图 和 远端视图 6.工作区窗口 代码：编写网页代码 设计：可视化编辑网页 拆分：同时看到代码和设计两个窗口 实时视图：查看网页在浏览器中 状态。 dream内置webkit浏览器内核（与谷歌chrome相同）。 7.垂直拆分视图 8. 编辑浏览器列表：添加要使用的浏览器，以便在dreamweaver中用多个浏览器查看页面效果 可以配置主、次浏览器 之后可以选择用哪个浏览器预览，及每个浏览器的快捷键，主浏览器快捷键为F12 9.首选项 设置dreamweaver的常用系统参数 （如代码格式等， 无法恢复默认值） 10.代码窗口的标签栏上，可以快速查看引用的外部文件 11.代码窗口左侧区域包含功能按钮 折叠: 将开始标签与结束标签之间的内容折叠起来。有排错功能：如果结束标签丢失，则不能正常折叠，而只是会把开始标签自身折叠。 折叠选中行 扩展 行号 高亮显示无效代码 选中父标签 选取当前代码段：选取java代码中，一对大括号中的内容 12.dremweaver智能提示功能 中代码提示：通过对不同性质的代码（程序语言保留关键字、内置函数等）采用不同的颜色和字体，来提示使用者，方便开发 输入代码时的提示：提示相关的属性、方法、标签，方便选取，提高代码录入速度 编辑css样式也有提示 错误提示行号变为红色 dreamweaver cs5内置支持jquery库，对于jquery代码也可以自动提示。 （html中使用Jquery需要引用jquery库） 13.设计窗口目前一般主要用来参考观察网页样式 14.多屏幕按钮 方便为适合不同屏幕尺寸的网页开发，浏览网页效果 也可以通过‘编辑大小’功能，自定义其他分辨率 可视化助理按钮 其中的css布局背景功能，可以使网页上的div按不同颜色显示，方便观察和设计 15.w3c验证 会提示错误所在行、错误描述 需要联接互联网网，因为网页是发送到验证网站进行验证 16.css面板 附加样式表按钮：可以引入外部css样式表到网页 或引入样式表到另一个样式表 可视化编辑样式规则：选定一条规则，点击编辑样式，在弹出对话框中设定样式 或者可以在css面板窗口中直接编辑属性 禁用/启用css属性按钮：可以将某个属性注释掉，调试css时非常有用 ‘当前’标签页：显示当前页面上光标所在代码段的css样式 可以在窗口中直接编辑代码 或者点右键----转到代码 就可以切换到css文件相应行，直接编辑 17. 在‘窗口’菜单可以打开属性面板 属性面板上，‘指向文件’按钮 18.文件窗口 用dreamweaver‘站点’功能管理网站的优点：dreamweaver会记住站点中每个文件与其他文件的引用关系，当在文件窗口中改变文件（位置、文件名等）时，关联文件的引用（超链接等）会自动维护。