前端开发工具技巧介绍----Dreamweaverjavascript
1-1 简介及站点管理前端
1.站点的概念java
保存编写好的网页和其余相关资源文件的电脑或服务器,一个网站就是一个站点jquery
2.Dreamweaver的功能浏览器
对各类格式的网页文件(本质都是文本文件)编辑,并提供了对这些文件相关代码的智能提示,使操做更方便;管理站点服务器
3.本地站点和网络站点网络
为本地站点设置远程的服务器站点,在本地编辑网页文件,一旦完成以后,将这些文件上传到网络的服务器上函数
1-2 工做区概述及预览设置工具
1.工做区分为三类:代码窗口、设计窗口、实时视图窗口布局
2.实时视图窗口中的网页效果是Chrome浏览器的
1-3 首选参数的设置
首选参数是对整个界面的设置,能够调整文本格式、字体、窗口颜色、大小等,且无恢复默认值选项
1-4 关联标签及经常使用工具介绍
1.折叠
2.扩展
3.行号
4.高亮显示无效代码
5.选择父标签
6.选取当前代码段
1-5 智能提示功能
Dreamveaver Cs6针对不一样脚本语言有相应的智能提示
1.HTML 内置全部标签
2.CSS 内置全部属性列表
3.javascript a.用不一样颜色标志内置函数
b.用不一样颜色或加粗标记关键字和保留字
c.错误时行号提示
d.操做提示
4.jquery 内置库,属性(方法)提示
1-6 设计窗口功能介绍
1.做为一名专业的开发人员,设计窗口应做为网页效果的参考,而不该在其中插入表格等,会引入冗余代码
2.PC、智能手机、平板电脑分辨率不一样,使用{多屏幕按钮}调整分辨率,实时显示
3.{可视化处理}->{CSS布局背景}为<div>块文档渲染上不一样颜色
1-7 W3C验证及浏览器兼容性
1-8 CSS面板介绍
功能:连接样式表:a.代码窗口中编辑
b.{CSS样式}窗口中{附加样式表}按钮
编辑样式表:a.代码窗口中编辑
b.{CSS样式}窗口中{编辑样式}按钮
{禁用/启用CSS属性}:用来调试样式
{CSS样式}中{当前}标签下,在代码窗口中选定的标签的样式会被显示出来,并定位相应的CSS属性
1-9 属性面板和文件面板