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

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

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • dreamwaver的内核与谷歌浏览器的ghrome一致
    查看全部
  • DW里选择 编辑/首选参数 里可以根据自己喜好设置

    (没有恢复默认设置选项)

    查看全部
  • 网站站点新建,以及链接服务器。
    查看全部
  • 站点创建以及站点的链接
    查看全部
  • 这个
    查看全部
  • 测试

    查看全部
  • <br/>


    查看全部
  • w3c用于验证,昨晚网页后一定要记得点网页验证

    旁边有个网页兼容性的选项,当出现错误时,其行代码的错误会有虚线提示

    查看全部
  • 样式表导入另一个样式表: @import url("base.css");
    查看全部
  • 打开主次浏览器的快捷键是:f12和Ctrl+f12
    查看全部
  • 利用折叠工具可以把平时需要收藏起来的代码折叠起来 主标签 副标签 可随时查看 方便 左侧竖排 功能按钮 dw的代码窗口 1.主标签与副标签,位于代码窗口的上方。主标签如index.html下方副标签即index引入人外部文件各种CSS、javascript文件标签 2.代码窗口的左侧按钮 左侧按钮 1.折叠整个按钮:在行号处点击该按钮,双击折叠区,会打开;若标签不配对,不折叠,还可用于查错 2.折叠所选:选择后折叠 扩展全部:类似于双击,另外双击代码前加号和减号,也能实现折叠和展开。 3.行号按钮:后面的浏览器的调试工具,错误报告 4.高亮显示无效代码:与F5刷新按钮配合,用于查错,使用时建议打开 5.选择父标签按钮:用于查找一个标签的父标签;也有排错的功能,按F5也会显示高亮 6.选取当前代码段{}:用于选取javascript大括号内的代码, 对html无效
    查看全部
  • 编辑菜单-首选参数设置:对DM界面的设置: 文本格式、字体窗口大小颜色等-代码格式、CSS的格式 注意没有恢复默认值的按钮 代码视图字体
    查看全部
  • Dreamweaver工作区:1.代码窗口+设计窗口,但真正浏览器效果在实时视图里面看。 2.拆分:工作区同时出现代码和设计窗口,查看垂直拆分 3.设计窗口也可以进行文本编辑,代码和设计窗口是联动的。 4.与chrome浏览器一样 webkit内核 5.编辑浏览器列表添加你要使用的浏览器(可以设置为主浏览器还是次要浏览器)快捷键f12
    查看全部
  • 一个网站就是一个站点。 一、新建本地站点: 1.新建页面的“Dreamweaver站点”/属性栏“站点(s)”——>“新建”; 2.填写站点名称(自己网页的名称)和保存本地站点的文件夹——>"保存" 3.保存成功后即可在右侧的文件窗口看见本地文件。 完成本地网页编辑制作后,若需上传至网络服务器,则需设置网络管理站点 二、设置网络服务站点 1.站点-->管理站点——>铅笔图标编辑站点; 2.选择第二项“服务器”——>加号图标添加服务器站点; 3.设置服务器名称(方便自己记住的)--连接方法一般为FTP--填写FTP地址,用户名,密码--测试--成功后显示“DW已经成功连接到您的Web服务器”; 4.右侧文件窗口可切换至 远程服务器视图 ,可以选择上传本地站点或断开。 PS:如果只是初级学习者,不必上传到网络服务器,此部分可忽略。空间IP地址是需要购买的,免费的不稳定
    查看全部
  • 代码问题排查: 1、代码写错等问题:f5高亮排错,浏览器调试 2、逻辑嵌套等问题:理清自己的逻辑思路,W3C验证(需要联网) 2、兼容性等问题:各种浏览器调试
    查看全部

举报

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

微信扫码,参与3人拼团

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

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