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

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

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 1、直接写<link href="css/base.css"rel="stylesheet"type="text/css">代码 2、在右边CSS样式窗口-附加样式表按钮-可选择链接直接添加样式表(所有属性值都自动填入)-在窗口标签上也可以直接打开链入进来的样式表,在新的样式表中还可以导入另外的样式表 3、手动编写样式表,分号之后-空格,样式表属性自出现可以选择 4、也可以在CSS面板中编辑属性值,选择一条规则-编辑样式(部分属性没有,还是需要手写) 5、禁用按钮,给暂时不需要的样式带上,用来调试样式的时候用到
    查看全部
  • 做两个验证:(DW CS6 提供了工具按钮) 1、W3C验证(电脑要联网) 2、浏览器兼容性验证 w3c验证及浏览器兼容性 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证工具按钮(需联网),检验是否符合W3C标准,会有错误提示 2.检查浏览器兼容性工具按钮(做参考,有时候也未必准,得实际验证下,不过是个好习惯
    查看全部
  • 设计窗口功能: 1、 建议不要在设计窗口操作,设计窗口只作观察网页效果使用。 2、 1 通过设计窗口插入的代码冗余过多,不建议在设计窗口进行操作,适合设计者观察设计效果 2 设计窗口中的【多屏幕】按钮转为手机端实时效果,供手机网站开发使用 3 设计窗口中【可视化助理】按钮-css布局背景,自动渲染DIV块的颜色 手机端页面开发:设计窗口-多屏预览 ①可视化助理按钮-css布局背景,自动渲染DIV块的颜色 ②多屏幕按钮——设置手机平板的尺寸
    查看全部
  • 排错:高亮显示无效代码;选择父标签;折叠整个标签; W3C验证可以有效的查出错误以及验证是否符合W3C验证; W3C验证按钮旁边的检查浏览器兼容性按钮也能有效指出错误; 多屏预览要把实时视图关了才行; css样式表 里可以再导入其他的css样式表。 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地址是需要购买的,免费的不稳定
    查看全部
  • 排错:高亮显示无效代码;选择父标签;折叠整个标签; W3C验证可以有效的查出错误以及验证是否符合W3C验证; W3C验证按钮旁边的检查浏览器兼容性按钮也能有效指出错误; 多屏预览要把实时视图关了才行; css样式表 里可以再导入其他的css样式表。 CSS布局背景很有用;
    查看全部
  • DW内核和谷歌浏览器的内核是一样的; 查看——垂直拆分; 首选参数——在浏览器中浏览——选主次浏览器; 首选参数——代码格式;
    查看全部
  • 如何快速的在其他浏览器打开你编写的网页:点击左上角地球图标->选择编辑浏览器列表->选择在浏览器中预览->点击+ 添加浏览器(F12快捷键:可以直接打开默认浏览器)
    查看全部
  • 站点建立:站点(s)->新建站点->站点名称->选一个网站->右下角显示新建的站点。 设置网络站点:站点->管理站点->会显示新建的站点; 设置远程服务器站点:点击管理站点框左下角的铅笔图案编辑站点->选择服务器->点击+->服务器名称:自己设;FTP地址:为申请空间时,服务商提供的;用户名以及密码填写->在软件右下角显示的框里可以选择本地视图以及远程
    查看全部
  • Dreamweaver工作区:1.代码窗口+设计窗口,但真正浏览器效果在实时视图里面看。 2.拆分:工作区同时出现代码和设计窗口,查看垂直拆分 3.设计窗口也可以进行文本编辑,代码和设计窗口是联动的。 4.与chrome浏览器一样 webkit内核 5.编辑浏览器列表添加你要使用的浏览器(可以设置为主浏览器还是次要浏览器)快捷键f12 [ 查看全文 ]
    查看全部
  • 一个网站就是一个站点。 一、新建本地站点: 1.新建页面的“Dreamweaver站点”/属性栏“站点(s)”——>“新建”; 2.填写站点名称(自己网页的名称)和保存本地站点的文件夹——>"保存" 3.保存成功后即可在右侧的文件窗口看见本地文件。 完成本地网页编辑制作后,若需上传至网络服务器,则需设置网络管理站点 二、设置网络服务站点 1.站点-->管理站点——>铅笔图标编辑站点; 2.选择第二项“服务器”——>加号图标添加服务器站点; 3.设置服务器名称(方便自己记住的)--连接方法一般为FTP--填写FTP地址,用户名,密码--测试--成功后显示“DW已经成功连接到您的Web服务器”; 4.右侧文件窗口可切换至 远程服务器视图 ,可以选择上传本地站点或断开。 PS:如果只是初级学习者,不必上传到网络服务器,此部分可忽略。空间IP地址是需要购买的,免费的不稳定 [ 收起全文 ]
    查看全部
  • 可以调倍速
    查看全部
  • 作为专业的开发人员,虽然可以但是不要在设计窗口改动
    查看全部
  • F5高亮排错 左单位栏 排错用得比较多
    查看全部

举报

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

微信扫码,参与3人拼团

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

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