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

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

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 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:先引入JQ包,使用dollor符号$,马上出现Jquery智能提示
    查看全部
  • 利用折叠工具可以把平时需要收藏起来的代码折叠起来 主标签 副标签 可随时查看 方便 左侧竖排 功能按钮 dw的代码窗口 1.主标签与副标签,位于代码窗口的上方。主标签如index.html下方副标签即index引入人外部文件各种CSS、javascript文件标签 2.代码窗口的左侧按钮 左侧按钮 1.折叠整个按钮:在行号处点击该按钮,双击折叠区,会打开;若标签不配对,不折叠,还可用于查错 2.折叠所选:选择后折叠 扩展全部:类似于双击,另外双击代码前加号和减号,也能实现折叠和展开。 3.行号按钮:后面的浏览器的调试工具,错误报告 4.高亮显示无效代码:与F5刷新按钮配合,用于查错,使用时建议打开 5.选择父标签按钮:用于查找一个标签的父标签;也有排错的功能,按F5也会显示高亮 6.选取当前代码段{}:用于选取javascript大括号内的代码, 对html无效
    查看全部
  • 1.编辑中有个首选参数对HTML进行设置,但是设置后没有恢复默认值按钮。 2.代码格式:css每个属性位于单独的行 代码颜色: 字体:代码视图字体、字号 不可见元素:锚标记、注释
    查看全部
  • .如何快速在其他浏览器打开编辑的文件 实时视图右边第二个 可添加浏览器显示 .F12默认在主浏览器打开文件,一般为谷歌浏览器 .工作区分为代码,拆分,设计,实时视图 1.设计窗口提供可视化的实时网页效果,设计窗口非最终浏览器效果,“实时视图”才是最终浏览器(DW内置谷歌浏览器内核webkit)的效果 2.拆分中可以查看代码和设计两个窗口的内容,“查看”中还有垂直拆分让你的窗口以左右方式拆分。 2.代码窗口就是编写网页代码的工作区,设计窗口可以看到我们编写出来的代码的实际效果但不是最终的效果,与浏览器看到的有差异。 3.实时预览的效果同谷歌浏览器一样,都采用webkit内核 4.可设置主次浏览器 主f12 次 Ctrl+f12
    查看全部
  • 站点管理:一个网页就是一个站点 将网页相关资源文件保存在站点上 设置本地站点: 新建-Dreamweaver站点管理(或在顶部菜单-站点-新建站点) 站点名称-网站名称 选择本地的网站的文件夹 并保存 (此时,本地站点就算建立好了。) 建立好站点后可以在右侧文件窗口看到本地文件 当网站文件编辑完毕需要上传到网络服务器上 设置网络站点: 站点-管理站点-选中本地已建立站点-用铅笔图标编辑该站点-新建一个远程服务器(选择 第二项“服务器”点击+号-)设置服务器名称(选用网站网址,以区分远端和本地)-连接方法:通常 ftp(填写ftp地址:申请空间时提供商所提供的地址)-填写连接服务器的用户名和密码-测试-此时网络站点已设置完毕 在本地编辑好文件后可上传到服务器端,进行同步。
    查看全部
  • 9-1属性面板和文件面板 (1)站点中,拖动图片问题会有弹出窗口提示是否更改css链接,选择是,即可更改------很有用,这就是站点的好处
    查看全部
  • css面板中-CSS样式中-附加样式表中也可导入外部样式表 css面板下的属性值的禁用和启用以及转到代码(定位调试)很有用
    查看全部
  • 做完页面,进行W3C验证 做两个验证:(DW CS6 提供了工具按钮) 1、W3C验证(电脑要联网) 2、浏览器兼容性验证 w3c验证及浏览器兼容性
    查看全部
  • 6-1设计窗口功能介绍 (1)点击设计视图,预览方式是左侧有个按钮 点击可选择查看的各种尺寸 (2)右侧有个按钮,点击可把div块定义不同的颜色
    查看全部
  • 在Dw CS6中,JavaScript脚本语言的智能提示有三种:一、用不同颜色标记内置函数;二、对关键字和保留字的标记;三、错误时行号提示
    查看全部
    0 采集 收起 来源:练习题

    2016-02-17

  • 行号不具有排错功能,折叠、选择父标签、高亮显示无效代码都可以排错
    查看全部
    0 采集 收起 来源:练习题

    2016-02-17

  • 1.编辑中有个首选参数对HTML进行设置,是对整体界面元素进行设置。但是注意了设置后没有恢复默认值按钮。 2,代码格式:css每个属性位于单独的行 代码颜色: 字体:代码视图字体、字号 不可见元素:锚标记、注释
    查看全部
  • 1.设计窗口提供可视化的实时网页效果,设计窗口非最终浏览器效果,“实时视图”才是最终浏览器(DW内置谷歌浏览器内核webkit)的效果 2.如何快速在其他浏览器打开编辑的文件 实时视图右边第二个 可添加浏览器显示 3.F12默认在主浏览器打开文件,一般为谷歌浏览器 .工作区分为代码,拆分,设计,实时视图 2.拆分中可以查看代码和设计两个窗口的内容,“查看”中还有垂直拆分让你的窗口以左右方式拆分。 3.代码窗口就是编写网页代码的工作区,设计窗口可以看到我们编写出来的代码的实际效果但不是最终的效果,与浏览器看到的有差异。 4.实时预览的效果同谷歌浏览器一样,都采用webkit内核 5.可设置主次浏览器 主f12 次 Ctrl+f12
    查看全部
  • 建立和管理站点: a、设置本地站点: 打开——>新建Dreamweaver站点——>填写站点名称及本地站点文件夹地址 或者打开——>菜单栏站点选项——>新建站点——>填写站点名称及本地站点文件夹地址 b、设置网络站点: 站点——>管理站点——>编辑——>服务器——>添加并填写信息 上传或者下载服务器站点文件,通过FTP实现。
    查看全部
  • 站点中,如果一个文件改变了位置,会自动提示是否更新相对路径。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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