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

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

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 一个网站就是一个站点。 一、新建本地站点: 1.新建页面的“Dreamweaver站点”/属性栏“站点(s)”——>“新建”; 2.填写站点名称(自己网页的名称)和保存本地站点的文件夹——>"保存" 3.保存成功后即可在右侧的文件窗口看见本地文件。 完成本地网页编辑制作后,若需上传至网络服务器,则需设置网络管理站点 二、设置网络服务站点 1.站点-->管理站点——>铅笔图标编辑站点; 2.选择第二项“服务器”——>加号图标添加服务器站点; 3.设置服务器名称(方便自己记住的)--连接方法一般为FTP--填写FTP地址,用户名,密码--测试--成功后显示“DW已经成功连接到您的Web服务器”; 4.右侧文件窗口可切换至 远程服务器视图 ,可以选择上传本地站点或断开。 PS:如果只是初级学习者,不必上传到网络服务器,此部分可忽略。空间IP地址是需要购买的,免费的不稳定
    查看全部
  • 1:写的页面是不是符合W3C的标准怎么检查? 1:①W3C按钮 ②检查浏览器兼容性按钮(需联网,有时候也未必准,得实际验证下,不过是个好习惯)
    查看全部
  • 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无效
    查看全部
  • 编辑菜单-首选参数设置:对DM界面的设置: 文本格式、字体窗口大小颜色等-代码格式、CSS的格式 注意没有恢复默认值的按钮 代码视图字体
    查看全部
  • 【如何用DW操作CSS文件】 1.link 引入样式表语句写法:css面板中-CSS样式中-附加样式表;也可导入; 2.编写样式表:分号之后按下空格,样式表属性自动出现或可以直接在CSS面板中编辑属性值; 调样式脑袋大了,有什么技巧能专注正在编辑的样式,其他的表打扰我呢? 答:看到CSS面板那个禁用的小图标了吗?给暂时不需要的样式带上它就好了 3.CSS面板中编辑当前,定位调试(很有用)(右下角)
    查看全部
  • 窗口->属性文件窗口1.可以添加和删除文件2.修改文件位置后CSS文件也会相应的更新 属性窗口:点击任一标签,属性自动出现。 文件窗口:本地站点文件夹,在该窗口操作,方便,更新快 ①属性面板瞄准镜:快速更换链接感觉棒棒哒~ ②更改图片链接更新:用站点管理
    查看全部
  • 一个网站就是一个站点。 一、新建本地站点: 1.新建页面的“Dreamweaver站点”/属性栏“站点(s)”——>“新建”; 2.填写站点名称(自己网页的名称)和保存本地站点的文件夹——>"保存" 3.保存成功后即可在右侧的文件窗口看见本地文件。 完成本地网页编辑制作后,若需上传至网络服务器,则需设置网络管理站点 二、设置网络服务站点 1.站点-->管理站点——>铅笔图标编辑站点; 2.选择第二项“服务器”——>加号图标添加服务器站点; 3.设置服务器名称(方便自己记住的)--连接方法一般为FTP--填写FTP地址,用户名,密码--测试--成功后显示“DW已经成功连接到您的Web服务器”; 4.右侧文件窗口可切换至 远程服务器视图 ,可以选择上传本地站点或断开。 PS:如果只是初级学习者,不必上传到网络服务器,此部分可忽略。
    查看全部
  • 1.link 引入样式表语句写法:css面板中-CSS样式中-附加样式表;也可导入; 2.编写样式表:分号之后按下空格,样式表属性自动出现或可以直接在CSS面板中编辑属性值; 调样式脑袋大了,有什么技巧能专注正在编辑的样式,其他的表打扰我呢? 答:看到CSS面板那个禁用的小图标了吗?给暂时不需要的样式带上它就好了 3.CSS面板中编辑当前,定位调试(很有用)(右下角)
    查看全部
  • 新建远端服务器-管理站点-编辑站点-服务器设置-测试
    查看全部
  • 属性窗口【上面点击窗口-属性】:当在代码窗口中,选中任何一个html标签时,此元素的一系列属性,都会在这里呈现,有一个瞄准镜,点中它,拖拽到某个html文件上,此时a元素的href属性,自动更换。 文件窗口【新建站点的时候就有了】如果一个图片在这里更改了位置,dw会提示你在相应的css样式表或html中,引入的url需不需要更改路径。 dw只是一个增强的文本编辑器,在基本的文本编辑之上,提供了很多附加功能,这些功能呢对于不同的开发人员来说作用是不一样,工欲善其事必先利其器,总结一套适合自己的操作方法,才能最大限度的提高工作效率。 知道什么时候该用它,怎么用,自己常用的功能,用熟练,不必深究。
    查看全部
  • 做两个验证:(DW CS6 提供了工具按钮) 1、W3C验证(电脑要联网) 2、浏览器兼容性验证 w3c验证及浏览器兼容性 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证工具按钮(需联网),检验是否符合W3C标准,会有错误提示 2.检查浏览器兼容性工具按钮(做参考,有时候也未必准,得实际验证下,不过是个好习惯)
    查看全部
  • 1.工作区分为代码,拆分,设计,实时视图 2.拆分中可以查看代码和设计两个窗口的内容,“查看”中还有垂直拆分让你的窗口以左右方式拆分。 3.代码窗口就是编写网页代码的工作区,设计窗口可以看到我们编写出来的代码的实际效果但不是最终的效果,与浏览器看到的有差异。 4.实时预览的效果同谷歌浏览器一样,都采用webkit内核 5.可设置主次浏览器 主f12 次 Ctrl+f12
    查看全部
  • FTP(File Transfer Protocol)是文件传输协议,服务器中存有大量的共享软件和免费资源,要想从服务器中把文件传送到客户机上或者把客户机上的资源传送至服务器,就必须在两台机器中进行文件传送,此时双方必须要共同遵守一定的规则。FTP就是用来在客户机和服务器之间实现文件传输的标准协议。它使用客户/服务器模式,客户程序把客户的请求告诉服务器,并将服务器发回的结果显示出来。而服务器端执行真正的工作,比如存储、发送文件等。搜索 FTP在客户/服务器模式下工作,一个FTP服务器可同时为多个客户提供服务。它要求用户使用客户端软件与服务器建立连接,然后才能从服务器上获取文件(称为文件下载Download),或向服务器发送文件(称为文件上载Upload) FTP工作在TCP模型的应用层,使用的是TCP传输,这样FTP客户和服务器建立连接之前就要经过“三次握手”的过程,它的意义在于客户和服务器之间的连接是可靠的,而且是面向连接的,为数据的传输提供了可靠的保证。
    查看全部
  • 1、属性面板:(可添加和删除文件)窗口-属性,点击任意标签,属性自动出现。瞄准镜按钮,快速更换链接 2、文件窗口:添加、删除文件,好处:本地站点文件可以在该窗口进行操作,例如:更改位置可以在文件窗口拖动位置,更新,相对位置就可以改变
    查看全部
首页上一页1234567下一页尾页

举报

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

微信扫码,参与3人拼团

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

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