文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络网站建设DreamWeaverCSS编辑利器DW使用技巧
精品推荐
特别推荐
·玩转Dreamweaver速记CSS属性
·在DW中使用CSS样式表来设置网页
·利用DW8掌握网页代码基本格式
·用Dreamweaver8制作网页中常用的过度效果
·级联删除的触发器代码解释
·DW滤镜样式的语法规则
·Dreamweaver初学者常见问题解答
·12个Dreamweaver鲜为人知的小秘诀
·巧妙运用Dreamweaver进行网页制作技巧
·网页导航设计九大注意事项
热点TOP10
·Dreamweaver MX 2004做ASP程序(4)用户注册系统
·用Dreamweaver MX 2004设计超简留言本
·Dreamweaver构建Blog全程实录(3)-数据库的设计和连接
·Dreamweaver 8.0/Flash 8.0/Fireworks 8.0简体中文正式版下载及注册码
·在DW中使用CSS样式表来设置网页
·Dreamweaver网页制作教程:创建导航条
·用Dreamweaver快速搭建框架型网站页面
·Dreamweaver MX 2004视频宝典教程(68)
·Dreamweaver MX 2004视频宝典教程(71)
·Dreamweaver MX 2004做ASP程序(1)设置站点

CSS编辑利器DW使用技巧

日期:2007年5月16日 作者: 查看:[大字体 中字体 小字体]

看了《CSS编辑利器TopStyle使用技巧》这篇文章让我想起我要写一篇DW的文章,DW已用了N年,可是还是很许多的功能没用用上,但还有许多常用的功能值得一提的如下:

  文档间的切换:Ctrl+Tab;
  隐藏面板:F4;
  代码检验器:F10;
  F12:使用主浏览器查看页面效果;
  Ctrl+F12:使用次浏览器查看页面效果;
  Ctrl+G:跳转行;
  Ctrl+F:查找替换;
  Alt+F4:关闭当前面板;

  代码中的快捷键:
  home 段首;
  end 段尾;
  Ctrl+←或→ 按单词移动;
  Shift+←或→ 按字母选取文字;
  Shift+Ctrl+←或→ 按单词选取文字;
  Shift+Ctrl+↑或↓ 按行选取文字;
  Delete 删除鼠标后面的字母;
  Backspace 删除鼠标前面的字母;
  Ctrl+[ 选取父元素
  
  代码折叠
  折叠所选:Ctrl+Shift+C
  折叠外部所选:Ctrl+Alt+C
  扩展所选:Ctrl+Shift+E
  折叠完整标签:Ctrl+Shift+J
  折叠外部完整标签:Ctrl+Alt+J
  扩展全部:Ctrl+Alt+E
  缩进代码:Ctrl+Alt+[
  突出代码:Ctrl+Alt+]

  Windows 快捷键
  Win+D 桌面刷新;
  ALT+TAB 切换当前程序;
  ALT+ESC 切换当前程序;
  切换到上次使用的窗口或者按住 ALT然后重复按TAB,
  切换到另一个窗口 ALT+ TAB

  Internet Explorer快捷键 
  ALT+D 选择地址栏中的文字
  Ctrl+R 强行刷新页面;

  以上就是在我们最常用的快捷键了,不用一次背会,在实践中多去用,用多了自然就记住了。

常见问题解答

1.为什么DW使用时有时就不出现代码提示了?

  使用CTRL+SHIFT切换成英文就可以了

2.DW中的缩进太大了怎么办?

  可以到编辑-首选参数-代码格式里的制表符大小改为你需要的值就可以了。

3.手写的代码格式很乱用什么方法去整理呢?

  当然DW可以代我们去做,命令-套用原格式,整理完后清晰的代码就在你的眼前了!


4.为什么DW与浏览器的显示不一样?

  Dreamweaver可视化区是为用户编辑而设计,可视区不是调用外面浏览器,它支持最基本的HTML与CSS,对CSS而言我们在写入样式时如果你使用最基本的样式时它的显示与你在浏览器中看的效果相差不大,如果你使用一些HACK技术(因为HACK是单独对不同浏览而用)在加上DW本身对样式的错误、不完全理解,你看到的可视化区就会变得面目全非!如果你很依赖可视化的话,最好少用一些HACK技术,因为HACK技术是没有办法情况下为了各浏览器正常显示而加的代码,但这不是你为了展示技术而做的一项工作。你写的代码比较规范的话,很多情况下在可视区的显示效果相差不会很大。
以上是我的个人观点,仅供参考。

5.如何找到一个元素的所有属性?

  在CSS面板中就有这项功能,这是我最喜欢它的一个原因,CSS样式-正在这个面板有两个小图标第二个就是你要用的了,你可以看到这个标签所有继承下来的样式与在哪个样式中,一目了然,是不是很方便,这个功能是其它软件所没有的。

  你还可以在DW中外挂TOPstyle和一个文件比较软件Beyond Compare,这样你的DW的功能可就很强大了。

(出处:清风学院





上一篇:Dreamweaver CS3新功能

下一篇:Dreamweaver9的一些小技巧
相关文章:
·电脑高手的140个电脑技巧
·免费QQ币:永不过期的刷QQ币技巧共享
·Windows XP鲜为人知的N招实用技巧
·某高手总结的电脑技巧
·Windows XP的20个超级实用技巧大全
·传授追女孩之技巧之新手篇
·太阁立志传4 攻略及技巧
·Windows操作系统应用技巧荟萃
·新出QQ技巧十六招
·Win XP优化设置和宽带应用技巧
相关软件:

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.net
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.net All Rights Reserved. 鄂ICP备05000083号Powered by:viphot