dreamweaver学习笔记（未完待续）
链接的地址按照地址栏，而不是后台代码路径
模板看视频3和视频5和视频6
修改——》模板--》打开附加模板（就会打开网页所依赖的模板）
修改——》模板-->从模板分离（就会脱离模板）
模板的名字不要在文件里修改，而应该在dreamweaver里该
如果网页和模板不同步的话，修改-》模板-》更新当前页
可选区域：指的是可以设置让它是否显示
在css面板里：添加属性里：敲入几个字母后按“下键“就会有提示了
修改css面板里的内容后必须保存.css文件后在网页中才能看到效果
定义css样式时：如果定义的是class，则css是以.class开始的；如果定义的是id，则css是以#id开始的。但是id的优先级大于class。
普通的div加上position的值为：absolute后就变成了AP div；在"AP元素"面板里中的”z轴“值越大在网页显示的时候谁就在上边覆盖到小值的div。
以下为关于Spry下拉菜单栏：
*********************************************************
如图1：阴影部分表示padding，即超链接与边框的距离，这是超链接的属性。
选中字体后，例如选中“项目1”，规则里：ul.MenuBarHorional a，修改它的background-color属性就可以修改它的框的颜色了，修改它的color就可以改变字体的颜色了。
改变鼠标放上去的颜色可以有三种方式：图4
图4
图5，把三角图片换成其他的图片
图5
超链接的“标题”指的是：鼠标放在上边的时候提示的内容，“目标”指的是：链接的方式。
“重置设计器”就会把dreamweaver的布局恢复默认。
************************************************************
1、
关于spry选项卡式面板：
问题一：怎么让鼠标放上去就会显示下面的内容，而不是点击一下？
图1
如上图，复制一下“TablePanels”，然后在.js中查找“TablePanels”到如下图：
图2
把click改为mouseover就行了。
问题二：如何去掉标签和内容之间的虚线框？
把tabindex去掉就行了。tabindex指的是：按下键盘上的tab建就会指向下个标签。
“标签 1 ”
问题三：怎么改变内容为超链接？
第一步：图3
，建立一个ul，里面定义class=“news”，li里面定义超链接。
第二步：图4
，在css面板里新建css规则，按照图5
来填写：注意，选择器名称“news”，最好“新建样式表文件”，
以免影响自带的css规则。
第三步：超链接：新建css规则，如图6
。
如图7
就可以随意定义超链接a了，none表示超链接没有下划线！！
那么怎么去掉列表的小点呢？如图8
，设为none即可。
2、
css样式面板里的“规则”就是作用于当前标签的的css类。如果想修改样式，直接修改“规则”就行了。
3、
修改一个类后，点击css样式面板里的“编辑样式”图标就可以修改了、
4、
class的属性不仅可以在css样式面板里修改，而且可以下边的属性栏里修改，比如修改“left”，如图9
。选中代码或者点击设计视图下的“小眼睛”图都能把相关的属性栏显示出来。
5、
为什么把background-image设置为图片后，显示不出来？
在加上图片后，是默认把图片放在站点根目录下的，但是css文件在SpryAssets文件夹下，所以在图片url前加上“../”就可以了。
6、
折叠式面板和选项卡式面板都是为了节省页面空间。
7、
折叠式面板可以通过width，height改变宽度和高度。
8、
ctrl+alt+i：添加图片。
9、
如图10
，点击小眼睛就可以编辑里面的内容了。
10、
10、
Spry可折叠面板：如果设置“默认状态”为：已关闭，则打开网页时就不显示内容；
“启动动画”：慢慢展开。
宽度100%是为了放在表格等中以后就会自动撑满。
11、png格式的图片是透明的，可以显示图片后边的背景颜色。
12、
表格支持嵌套，表格中有表格。
13、表格不利于搜索。
14、
模板看视频3和视频5和视频6
修改——》模板--》打开附加模板（就会打开网页所依赖的模板）
修改——》模板-->从模板分离（就会脱离模板）
模板的名字不要在文件里修改，而应该在dreamweaver里该
如果网页和模板不同步的话，修改-》模板-》更新当前页
可选区域：指的是可以设置让它是否显示
在css面板里：添加属性里：敲入几个字母后按“下键“就会有提示了
修改css面板里的内容后必须保存.css文件后在网页中才能看到效果
定义css样式时：如果定义的是class，则css是以.class开始的；如果定义的是id，则css是以#id开始的。但是id的优先级大于class。
普通的div加上position的值为：absolute后就变成了AP div；在"AP元素"面板里中的”z轴“值越大在网页显示的时候谁就在上边覆盖到小值的div。
以下为关于Spry下拉菜单栏：
*********************************************************
如图1：阴影部分表示padding，即超链接与边框的距离，这是超链接的属性。
选中字体后，例如选中“项目1”，规则里：ul.MenuBarHorional a，修改它的background-color属性就可以修改它的框的颜色了，修改它的color就可以改变字体的颜色了。
图2
图3
改变鼠标放上去的颜色可以有三种方式：图4
图4
图5，把三角图片换成其他的图片
图5
超链接的“标题”指的是：鼠标放在上边的时候提示的内容，“目标”指的是：链接的方式。
“重置设计器”就会把dreamweaver的布局恢复默认。
************************************************************
1、
关于spry选项卡式面板：
问题一：怎么让鼠标放上去就会显示下面的内容，而不是点击一下？
图1
如上图，复制一下“TablePanels”，然后在.js中查找“TablePanels”到如下图：
图2
把click改为mouseover就行了。
问题二：如何去掉标签和内容之间的虚线框？
把tabindex去掉就行了。tabindex指的是：按下键盘上的tab建就会指向下个标签。
“
问题三：怎么改变内容为超链接？
第一步：图3
，建立一个ul，里面定义class=“news”，li里面定义超链接。
第二步：图4
，在css面板里新建css规则，按照图5
来填写：注意，选择器名称“news”，最好“新建样式表文件”，
以免影响自带的css规则。
第三步：超链接：新建css规则，如图6
。
如图7
就可以随意定义超链接a了，none表示超链接没有下划线！！
那么怎么去掉列表的小点呢？如图8
，设为none即可。
2、
css样式面板里的“规则”就是作用于当前标签的的css类。如果想修改样式，直接修改“规则”就行了。
3、
修改一个类后，点击css样式面板里的“编辑样式”图标就可以修改了、
4、
class的属性不仅可以在css样式面板里修改，而且可以下边的属性栏里修改，比如修改“left”，如图9
。选中代码或者点击设计视图下的“小眼睛”图都能把相关的属性栏显示出来。
5、
为什么把background-image设置为图片后，显示不出来？
在加上图片后，是默认把图片放在站点根目录下的，但是css文件在SpryAssets文件夹下，所以在图片url前加上“../”就可以了。
6、
折叠式面板和选项卡式面板都是为了节省页面空间。
7、
折叠式面板可以通过width，height改变宽度和高度。
8、
ctrl+alt+i：添加图片。
9、
如图10
，点击小眼睛就可以编辑里面的内容了。
10、
10、
Spry可折叠面板：如果设置“默认状态”为：已关闭，则打开网页时就不显示内容；
“启动动画”：慢慢展开。
宽度100%是为了放在表格等中以后就会自动撑满。
11、png格式的图片是透明的，可以显示图片后边的背景颜色。
12、
表格支持嵌套，表格中有表格。
13、表格不利于搜索。
14、
