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

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

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 8-1 css面板介绍 【如何用DW操作CSS文件】 1.link 引入样式表语句写法:css面板中-CSS样式中-附加样式表;也可导入; 2.编写样式表:分号之后按下空格,样式表属性自动出现或可以直接在CSS面板中编辑属性值; 属性值的禁用和启用(右下角) 3.CSS面板中编辑当前,定位调试(很有用)(右下角)
    查看全部
  • 7-1 w3c验证及浏览器兼容性 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证工具按钮(需联网),检验是否符合W3C标准,会有错误提示 2.检查浏览器兼容性工具按钮(做参考,有时候也未必准,得实际验证下,不过是个好习惯)
    查看全部
  • 6-1 设计窗口功能介绍 【设计窗口功能】 1 通过设计窗口插入的代码冗余过多,不建议在设计窗口进行操作,适合设计者观察设计效果 2 设计窗口中的【多屏幕】按钮转为手机端实时效果,供手机网站开发使用 3 设计窗口中【可视化助理】按钮-css布局背景,自动渲染DIV块的颜色,方便观察
    查看全部
  • 5-1 智能提示功能 【智能提示功能】 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智能提示
    查看全部
  • 4-1 关联标签及常用工具介绍 dw的代码窗口 1.主标签与副标签,位于代码窗口的上方。主标签如index.html下方副标签即index引入人外部文件各种CSS、javascript文件标签 2.代码窗口的左侧按钮 折叠整个按钮:在行号处点击该按钮,双击折叠区,会打开,若标签不配对,不折叠,用于查错 折叠所选:选择后折叠 扩展全部:类似于双击,另外双击代码前加号和减号,也能实现折叠和展开。 行号按钮 高亮显示无效代码:与F5刷新按钮配合,用于查错,使用时建议打开 父标签按钮:用于查找一个标签的父标签,与F5结合,高亮显示错误 选取当前代码段{}:用于选取javascript大括号内的代码。对html无效
    查看全部
  • 3-1 首选参数的设置 编辑菜单-首选参数设置(注意:设置后没有恢复默认值按钮) 代码格式:css每个属性位于单独的行 字体:代码视图字体、字号 不可见元素:锚标记、注释
    查看全部
  • Dreamweaver CS6 中实时试图的网页效果的浏览器是chrome
    查看全部
    0 采集 收起 来源:练习题

    2015-02-14

  • 2-1工作区概述及预览设置 实时预览的效果同谷歌浏览器是一样的 Dreamweaver内置webkit内核 可设置主次浏览器 主f12 次 Ctrl+f12 选中拆分,可在查看里选垂直拆分。拆分是代码和设计两个部分 在实时视图里,刷新快捷f5。 设计窗口和最终显示效果有差异 DW快捷键 快捷键 在运用DW的过程中,熟练的使用快捷键,制作网页时能达到事半功倍的效果。 新建文档 Ctrl+N ,或直接在软件启动后的窗口中的[新建]下选择HTML。 打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中,或者直接在软件启动后窗口中[打开最近的项目]下方的[选择]来打开一个HTML文件 在框架中打开   Ctrl+Shift+O 关闭   Ctrl+W 保存   Ctrl+S 另存为 Ctrl+Shift+S 检查链接 主浏览器预览设计效果,快捷键:F12 次 Ctrl+f12
    查看全部
  • 简介及站点管理 建立和管理站点: a、设置本地站点: 打开——>新建Dreamweaver站点——>填写站点名称及本地站点文件夹地址 或者打开——>菜单栏站点选项——>新建站点——>填写站点名称及本地站点文件夹地址 b、设置网络站点: 站点——>管理站点——>编辑——>服务器——>添加并填写信息 上传或者下载服务器站点文件,通过FTP实现。
    查看全部
  • 这段看来需要重看。
    查看全部
  • 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证工具按钮(需联网),检验是否符合W3C标准,会有错误提示 2.检查浏览器兼容性工具按钮(做参考)
    查看全部
  • dreamweaver cs6
    查看全部
  • 窗口->属性文件窗口1.可以添加和删除文件2.修改文件位置后CSS文件也会相应的更新 属性窗口:点击任一标签,属性自动出现。 文件窗口:本地站点文件夹,在该窗口操作,方便,更新快。 更改图片链接更新:用站点管理
    查看全部
  • 瞄准镜,改变href=“应用的html文件”
    查看全部
  • 【如何用DW操作CSS文件】 1.link 引入样式表语句写法:css面板中-CSS样式中-附加样式表;也可导入; 2.编写样式表:分号之后按下空格,样式表属性自动出现或可以直接在CSS面板中编辑属性值; 属性值的禁用和启用(右下角) 3.CSS面板中编辑当前,定位调试(很有用)(右下角)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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