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

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

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 1.设计窗口提供可视化的实时网页效果,设计窗口非最终浏览器效果,“实时视图”才是最终浏览器(DW内置谷歌浏览器内核webkit)的效果 2.如何快速在其他浏览器打开编辑的文件 实时视图右边第二个 可添加浏览器显示 3.F12默认在主浏览器打开文件,一般为谷歌浏览器 .工作区分为代码,拆分,设计,实时视图 2.拆分中可以查看代码和设计两个窗口的内容,“查看”中还有垂直拆分让你的窗口以左右方式拆分。 3.代码窗口就是编写网页代码的工作区,设计窗口可以看到我们编写出来的代码的实际效果但不是最终的效果,与浏览器看到的有差异。 4.实时预览的效果同谷歌浏览器一样,都采用webkit内核 5.可设置主次浏览器 主f12 次 Ctrl+f12
    查看全部
  • 网页字体的大小,一般为14 比较合适
    查看全部
  • 建立站点 先建本地站点 再建服务器站点
    查看全部
  • CSS设置推荐
    查看全部
  • ①DW CS6特点:智能提示,并写出基本结构,节省了开发过程 ②建立和管理站点: a、设置本地站点: 打开——>新建Dreamweaver站点——>填写站点名称及本地站点文件夹地址 或者打开——>菜单栏站点选项——>新建站点——>填写站点名称及本地站点文件夹地址 b、设置网络站点: 站点——>管理站点——>编辑——>服务器——>添加并填写信息
    查看全部
  • 1 通过设计窗口插入的代码冗余过多,不建议在设计窗口进行操作,适合设计者观察设计效果 2 设计窗口中的【多屏幕】按钮转为手机端实时效果,供手机网站开发使用 3 设计窗口中【可视化助理】按钮-css布局背景,自动渲染DIV块的颜色
    查看全部
  • 高亮度显示,点击f5刷新,可以看到错误代码的前标签会高亮度显示,这个方法可以用来以后工作排错功能。 选取当前代码段只对JAVASCRIPT起作用。 在DW代码编辑页面中按F5显示黄色的区域说明有错误
    查看全部
  • 在DW代码编辑页面中按F5显示黄色的区域说明有错误
    查看全部
  • Ctrl+U,可设置首选项参数的设置,包括代码颜色,字体大小。不可见元素的是否显示在实时视图中,如注释,锚标记等。
    查看全部
  • CSS面板操作 囧1:怎么添加CSS样式表? 答1:先找到CSS面板,看到那个小链接图标了吗,下一步你懂的~还可以引入其他的样式表。 囧2:调样式脑袋大了,有什么技巧能专注正在编辑的样式,其他的表打扰我呢? 答2:看到CSS面板那个禁用的小图标了吗?给暂时不需要的样式带上它就好了 ①CSS代码定位非常有用(老实说的)点击代码,然后右边的CSS面板挑参数颜色啦粗细啦!so easy~
    查看全部
  • 囧1:为啥我折叠整个div标签时候智能折叠一行,我想折叠的剩下那部分还在。 哈1:他的尾巴标签</div>你没写。 囧2:怎么快速选择一个小标签他爸,他爷爷? 哈2:快速选择标签按一下显示他爸(父级标签),再点击一下找他爷爷。也可排错哦! 行号高亮按钮常开方便(好习惯): ①行号按钮(隐藏显示竖排123456789.....) ②高亮按钮(排错的会黄色高亮,ps:style标签也好使) 代码按钮可折叠代码:点击大括号再点击就可以折叠啦(还没学js呢?)
    查看全部
  • 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{};,对关键字和保留字也是加粗显示。 (2)对相关属性的操作提示如document.。 (3)对错误语法所在的行号红色标记提示。 4 JQUERY:先引入,使用dollor符号$,马上出现Jquery智能
    查看全部
  • 利用折叠工具可以把平时需要收藏起来的代码折叠起来 主标签 副标签 可随时查看 方便 左侧竖排 功能按钮 dw的代码窗口 1.主标签与副标签,位于代码窗口的上方。主标签如index.html下方副标签即index引入人外部文件各种CSS、javascript文件标签 2.代码窗口的左侧按钮 左侧按钮 1.折叠整个按钮:在行号处点击该按钮,双击折叠区,会打开;若标签不配对,不折叠,还可用于查错。 2.折叠所选:选择后折叠 扩展全部:类似于双击,另外双击代码前加号和减号,也能实现折叠和展开。 3.行号按钮:后面的浏览器的调试工具,错误报告中会有说明第几行出错,方便具体改错。 4.高亮显示无效代码:与F5刷新按钮配合,使用时建议打开,用于排查错误 5.选择父标签按钮:用于查找一个标签的父标签;也有排错的功能,按F5也会显示高亮 6.选取当前代码段{}:用于选取javascript大括号内的代码, 对html无效
    查看全部
  • 1.设计窗口提供可视化的实时网页效果,设计窗口非最终浏览器效果,“实时视图”才是最终浏览器(DW内置谷歌浏览器内核webkit)的效果 2.如何快速在其他浏览器打开编辑的文件 实时视图右边第二个 可添加浏览器显示 3.F12默认在主浏览器打开文件,一般为谷歌浏览器 .工作区分为代码,拆分,设计,实时视图 2.拆分中可以查看代码和设计两个窗口的内容,“查看”中还有垂直拆分让你的窗口以左右方式拆分。 3.代码窗口就是编写网页代码的工作区,设计窗口可以看到我们编写出来的代码的实际效果但不是最终的效果,与浏览器看到的有差异。 4.实时预览的效果同谷歌浏览器一样,都采用webkit内核 5.可设置主次浏览器 主f12 次 Ctrl+f12
    查看全部
  • 快捷键 在运用DW的过程中,熟练的使用快捷键,制作网页时能达到事半功倍的效果。 新建文档 Ctrl+N ,或直接在软件启动后的窗口中的[新建]下选择HTML。 打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中,或者直接在软件启动后窗口中[打开最近的项目]下方的[选择]来打开一个HTML文件 在框架中打开    Ctrl+Shift+O 关闭   Ctrl+W 保存   Ctrl+S 另存为 Ctrl+Shift+S 检查链接 Shift + F8 退出 Ctrl+Q 行号纠错:F5
    查看全部

举报

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

微信扫码,参与3人拼团

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

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