为了账号安全,请及时绑定邮箱和手机立即绑定

前端开发工具技巧介绍—DW篇

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • DW的操作没有固定的形态,只有一个原则:必须让代码处于可控状态。 属性窗口【上面点击窗口-属性】:当在代码窗口中,选中任何一个html标签时,此元素的一系列属性,都会在这里呈现,不建议用鼠标通过操作属性改变代码,这是一个非可控操作。有一个瞄准镜,点中它,拖拽到右下角本地文件某个文件上,瞄准,松手,此时a元素的href属性,自动生成或者是自动更换。 文件窗口【新建站点的时候就有内容了,就是本地的文件夹,可以在这里添加或者是删除文件或者是更改文件,通过拖动即可更改位置】如果一个图片在这里更改了位置,dw会提示你在相应的css样式表或html中,引入的url需不需要更改路径。这就是用站点管理的优点,DW会记住每一个文件和其他文件的相对关系,当操作文件时如果他们之间设定了相对路径的话,会进行相应的更改。 dw只是一个增强的文本编辑器,在基本的文本编辑功能之上,提供了很多附加功能,这些功能呢对于不同的开发人员来说作用是不一样,工欲善其事必先利其器,总结一套适合自己的操作方法,才能最大限度的提高工作效率。<br> 知道什么时候该用它,怎么用,自己常用的功能,用熟练,不必深究。<br> 属性窗口:点击任一标签,属性自动出现。 文件窗口:本地站点文件夹,在该窗口操作,方便,更新快 属性面板瞄准镜:快速更换链接感觉棒棒哒~
    查看全部
  • Dw优点总结: 1、可连接远程服务器,同步文件 2、执行语法检查 3、执行W3C验证 4、快速做表格 5、可查看实时页面效果 6、检查浏览器兼容性(CC 2015没找到。。) 7、内置模板,快速做网页
    查看全部
  • Dreamwear CS6 中实时视图的网页效果是 Chrome 浏览器
    查看全部
    0 采集 收起 来源:练习题

    2016-04-03

  • 可在浏览器预览
    查看全部
  • 可以连接远程服务器,方便上传文件
    查看全部
  • 【如何用DW操作CSS文件】<br><br> 1.link 引入样式表语句写法:css面板中-CSS样式中-附加样式表,可导入;在已经导入的样式表中还可以再次导入样式表<br> 2.编写样式表:分号之后按下空格,样式表属性自动出现。还可以直接在CSS面板中编辑属性值(CSS样式——选中一个样式后点击编辑样式,但是一部分属性在这里没有,必须到代码窗口手写);<br> 调样式脑袋大了,有什么技巧能专注正在编辑的样式,其他的表打扰我呢?<br><br> 答:看到CSS面板那个禁用的小图标了吗?给暂时不需要的样式带上它就好了(在程序中关于这个属性的代码就被注销掉了。点击启用,代码就又恢复正常了),对调试程序很有帮助。<br><br> 3.CSS面板中当前:定位调试(很有用) 在代码窗口点击代码,当前中显示当前标签中的样式,如果想要修改样式,在右边的“内嵌样式的属性”中调参数颜色啦粗细啦(也可以右键转到代码就会定位到标签中的代码,然后手写样式)!
    查看全部
  • 网页必须符合W3C要求。DW提供的W3C验证会实时的把你的代码发送到W3C的验证服务器上去,以验证你的代码 W3C验证服务由World Wide Web Consortium(W3C)提供的验证服务可以为互联网用户检查HTML文件是否附合HTML或XHTML标准。这可以向网页设计师提供快速检查网页错误的方法。 W3C-- 中文名:万维网联盟 外文名:World Wide Web Consortium 网页主要由三部分组成: 结构(Structure)、表现(Presentation)和行为(Behavior 结构化标准语言主要包括XHTML和XML; 表现标准语言主要包括CSS; 行为标准主要包括对象模型(如W3C DOM)、ECMAScript等. 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证按钮(需联网),检验是否符合W3C标准,会有错误提示 2.检查浏览器兼容性按钮(做参考,有时候也未必准,得实际验证下,不过是个好习惯)
    查看全部
  • 1 通过设计窗口插入的代码冗余过多,不建议在设计窗口进行操作,设计窗口只作观察网页效果的参考。 2 设计窗口中的【多屏幕】按钮转为手机端实时效果,供手机网站开发使用,可设置手机平板的尺寸 3 设计窗口中【可视化助理】按钮-css布局背景,自动渲染DIV块的颜色,对设计和制作有很大帮助
    查看全部
  • 1 HTML智能提示: 输入左尖括号<,出现下拉列表,包含所有的HTML标签列表,且DW CS6中包含HTML5标签(如<nav>) 2 CSS智能提示: <style>中输入CSS标签如DIV后按下空格,出现所有的CSS标签属性列表,输入分号;空格后继续出现下一条提示。 3 对javascript的提示<script type="text/javascript">,体现在三个方面: (1)使用不同的颜色标记内置函数如alert();function(){};setlnterval();if(){}else{};,对关键字和保留字也是加粗显示(如return)。 (2)对相关属性的操作提示如document.。 (3)对错误语法所在的行号红色标记提示。 4 Jquery:先引入,使用dollor符号$,马上出现Jquery智能
    查看全部
  • 1.主标签与副标签,位于代码窗口的上方。主标签如index.html下方副标签即index引入外部文件各种CSS、javascript文件标签<br> 2,折叠整个标签按钮:在行号处点击鼠标,然后再点击折叠按钮,即完成折叠。双击折叠区,会打开。若标签不配对,不折叠整个区,只折叠一行,用于查错<br> 折叠所选按钮:选择后折叠<br> 扩展全部按钮:类似于双击,另外双击代码前加号和减号,也能实现折叠和展开。<br> 行号按钮:决定显示或不显示行号<br> 高亮显示无效代码:与F5刷新按钮配合,用于查错,使用时建议打开,代码有错误时亮色提醒,修改代码后刷新即可去除亮色<br> 选择父标签按钮:用于查找一个标签的父标签,连续点,可以逐级向上查找父级标签。也可用于排错。与F5结合,高亮显示错误。(有错误代码时点击F5后会亮色提醒错误代码)<br> 选取当前代码段{}:用于选取javascript大括号内的代码(选取光标所在的大括号内的代码段)。对html无效
    查看全部
  • 编辑中有个首选参数,是对DW整个界面进行设置,包括文本格式,字体,窗口颜色大小之类的,但是注意了设置后没有恢复默认值按钮 其中,常见的设置包括: 代码格式(可设置缩进多少字符,默认标签的大小写,以及CSS代码的格式) 代码颜色 字体:代码视图字体、字号 不可见元素:锚标记、注释(设置是否让其可见)
    查看全部
  • 1.设计窗口提供可视化的实时网页效果,设计窗口非最终浏览器效果,“实时视图”才是最终浏览器(DW内置谷歌浏览器内核webkit)的效果 2.如何快速在其他浏览器打开编辑的文件 实时视图右边第二个 可添加浏览器显示 添加要使用的浏览器: 点击+之后, 名称:输入名称,比如输入IE 应用程序:在文件目录中找IE浏览器的文件,.exe文件 选择默认浏览器:DW提供了一个快速的浏览方法,判断当前添加的IE是做为主要浏览器还是次要浏览器 3.F12默认在主浏览器打开文件,一般为谷歌浏览器 .工作区分为代码,拆分,设计,实时视图 2.拆分中可以查看代码和设计两个窗口的内容,“查看”中还有垂直拆分让你的窗口以左右方式拆分。 3.代码窗口就是编写网页代码的工作区,设计窗口可以看到我们编写出来的代码的实际效果但不是最终的效果,与浏览器看到的有差异。 4.实时预览的效果同谷歌浏览器一样,都采用webkit内核 5.可设置主次浏览器 主f12 次 Ctrl+f12
    查看全部
  • 行号不具有排错效果。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-01

  • 建立和管理站点: a、设置本地站点: 打开——>新建Dreamweaver站点——>填写站点名称及本地站点文件夹地址 或者打开——>菜单栏站点选项——>新建站点——>填写站点名称及本地站点文件夹地址 b、设置网络站点: 站点——>管理站点——>编辑——>服务器——>添加并填写信息 上传或者下载服务器站点文件,通过FTP实现。
    查看全部
  • 一个网站就是一个站点,把编写好的网页和其他相关的资源文件保存在站点上,站点就是保存这些文件的电脑或者服务器。
    查看全部

举报

0/150
提交
取消
课程须知
1.了解HTML相关的基础知识 2. 对CSS和JavaScript有初步的认识
老师告诉你能学到什么?
让新手可以熟练使用Dreamweaver 开发工具

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!