dreamweaver

Dreamweaver

将<转换为<代码：在DM的设计模式下输入<即可；也可以利用代码的提示功能，在代码模式下先输入&;
正则表达式查找:查找→选择“使用正则表达式"，*\w*表示n个单词字符；
在设计模式下的快速标签编辑器快捷键：ctrl+T;如选择文字“下一页”进行超链接操作。
不同的文件类型，对CSS有不同的支持。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
空格：ctrl+shift+space; 
列表list
1. li列表项标记：list-style;
2. 列表的嵌套:嵌套的<ul>放在<li>+内容后，</li>前；
  
  <ul>
  
  <li>one
  
    <ul>
  
     <li>1.1</li>
  
    </ul>
  
  </li>
  
  </ul>
3. 列表的内容隐藏：word-break:keep-all;overflow:hidden;
字符转义：<ul>:&+英文字母+；，如用<表示"<"(在Dreamweaver中当输入&时会有相应提示，当浏览选择；)；也可以用标签textarea表示；
超链接属性控制：a:link,visited,hover,active;
block对象的盒模型：margin+border+padding+content area;(居中显示内容：可用margin:auto;控制；)
Doctype属性对应某些标签属性设置是否有效？
浮动与清除浮动：float,clear;float元素务必指定width; float元素的父元素不能指定cear属性；
显示控制：display:block;or inline;
文字、行、段落设置
1. 颜色：color;
2. 字母间距：letter-spacing;
3. 单词间距：word-spacing;
4. 文字属性：font-:
5. 行高：line-height;
6. 强制换行：word-break:breakall;word-wrap:wrap;
7. 空白属性：white-space:nowrap;
8. 段落缩进：text-indent;
局部应用样式：style="border:1px red dashed;".或用Span标签；
关于行高line-height

1 默认是120%，也就是行内字体的1.2倍；

2 适合阅读的行高应该是160-180%；

3 当行高小于100%时会发生重叠现象；

4 行间距＝(行高-字体大小)/2

5 允许使用数字来表示行高，如line-height:1.6;即行高为1.6em;

6 行高具有继承性；
改变图像的尺寸的大小 <img width="x" height="x">

1 如果使用百分比，则是相对于父元素的大小，而不是相对于元素本身的原宽度（而不是原始图像的大小）；

2 如果使用像素单位：对应的是实际像素；

3 缩小尺寸会增加文件的下载时间；

4 可以只设置高度或宽度，浏览器会按比例调整另一个值；
超链接

1 创建空链接：在链接地址中输入：# or javascript:void(null)

2 创建锚接链接：首先要创建锚记：插入-命名锚接,并确定锚记名称：a1；然后选择需要建立链接的对象，对链接地址中输入：#a1;

3 创建图像热点链接：在图像的属性面板中选择：矩形热点工具；
表格固定按定义固定table-layout 定义表格和内容之间的关系 auto 表格按照内容的多少自动分配各个单元格的宽度 table-layout |fixed 表格按照单元格中定义的宽度显示表格内容，如果内容超出由自动溢出；
表格边框的设置：border-collapse:collapse;
控制表格自动隐藏超出内容 table属性 Table表的宽要固定，表格整体宽度单元格宽度或列宽度<col width="30%" />; 布局方式要固定 table-layout:fixed; TD属性 white-space:nowrap; 不允许文本换行 overflow:hidden; 超部分自动隐藏 text-overflow:ellipsis; 超出部分以省略号显示
文本竖排：<div style="writing-mode:tb-rl;">,内容用p标签；
设置层的半透明：(不同的浏览器不同的定义方式)

opacity:.4;/*非IE*/

filter:alpha(opacity=40);/*IE*/
正则表达式描述了某类字符串必须满足的规则；用以匹配、替换、搜索或拼接字符串；

脚本Java script

script指的是一系列的命令和指令，它与HTML标识的主要区别在于脚本可以完成数据的运算和执行操作，而HTML标识只能执行对文件的简单格式化，或是对图形、视频和音频文件的简单读取；

是一种基于对象和事件驱动并具有安全性能的脚本语言；

网页脚本语言是在客户端执行的，执行速度很快，并且大多的操作与服务器之前没有交互运算，所以在网页中应用十分广泛。日期及时间特效是网页是最常见的一种特效，可以显示出当前时间、客户停留时间、自动记录网站更新日期、在一定的时间内关闭窗口等。

ASP文件

对过标记对把VB Script或Java Script语言的程序嵌入文档中，当服务器遇到这对标记时，便将其视为程序来解释执行，然后把执行的结果传送到客户机上供用户浏览；ASP不是编程语言，而是一种开发环境，提供了一个在服务器端执行指令的环境，它利用特殊的符号（）来区分HTML与必须经过服务器翻译才能送往客户端的命令;它执行的指令包括HTML语言，MS VBScript,MS Javascript等，因此可以制作功能强大的WEB应用程序；

ASP脚本只能运行有server端，而VBScript和Javascript可運行在client端；

换行：shift+enter;

空格：ctrl+shift+space; 

插入特殊字符：插入-HTML-特殊字符；

模板和库

在建立并维护站点的过程中,有时候需要建立外观及部分内容相同的大量网页,使站点具有统一的风格.如果逐页建立,修改,既费时有费力,且效率不高,一个站点的网页很难做到有统一的外观和结构.DW提供了强大的模板,可以快速创建大量风格一致的网页,从模板创建的文档与该模板保持链接状态,可以修改模板并更新所有利用该模板的网页.

模板的功能就是把网页布局和内容编辑分享,在布局好之后将其存储为模板,这样可以通过模板创建相同布局的页面,因此能够极大地提高工作效率.

库是一种特殊的DW文件,其中包含已创建的以便放在网页上单独的资源或资源副本的集合.如果只是想让页面具有相同的标题和脚注,但具有不同的页面布局.可以使用库项目存储标题和脚注.库项目是可以在多个页面中重复使用的存储页面元素;第当更改某个库项目的内容时,都可以更新所有使用该项目的页面.

行为是用来动态响应用户操作\改变当前页面效果或是执行特定任务的一种方法.行为由对象\事件和动作构成。行为是为某一具体事件而采取的一个或多个动作。当指定的事件被触发时，将运行相应的JavaScript程序，执行相应的动作。所以在创建行为时，必须先指定一个动作，然后指定触发动作的事件。行为是针对网页中的所有对象，要结合一个对象添加行为。

行为-添加-显示、隐藏层-完成后查看代码，会多了一段查看显示层的JS代码；同时，对超链接也有相应的动作或事件定义；

窗口特效是网页设计中常见的技术，用户会看到自动滚屏的网页窗口、震动的网页窗口、全屏显示窗口、背景色不断闪烁的网页窗口等。

表单主要是用来得到用户反馈信息，然后将这些信息交给服务器进行处理。表单是网站管理者和浏览者之间沟通的桥梁。表单可以包含允许用户进行交互的各种对象，包括文本域、密码域、单选按钮、复选框、按钮以及各种表单对象。如电子邮件表单。

用标记tag控制输出；

<tbody>标记可以控制表格分行下载，可以让其中的内容比网页中其他内容先被下载下来，这样可以让浏览者先看到网页的实质内容，而不要待太长时间，在需要分行下载外加上<tbody>t </tbody>即可；

使用外部CSS

"CSS样式"面板右击-附加样式表-

插入特殊字符:工具栏下拉菜单---文本---字符工具栏

DM的操作界面:

标题栏\菜单栏\插入栏\工具栏\文档窗口\下边两个面板\右边四个面板

插入栏:可以显示为菜单或显示为制表符;

7个选项:常用\布局\表单\HTML\应用程序\Flash元素\收藏夹

面板:左边的面板可一起收缩或展开;每个面板都有选项卡(属性和历史记录面板除外),面板可由菜单命令窗口来控制是否显示?(F4)

面板框上的箭头:面板箭头:箭头朝右,表示未展开,箭头朝下,表示已展开;右边的四个面板的总箭头朝右,表示已展开,总箭头朝左,表示未展开;单击面板框黑色框右击,可关闭面板组

下1:属性面板

下2:结果面板:搜索\参考\验证\目标浏览器检查\链接检查器

下3:时间轴面板

右1:CSS面板:CSS样式\层

右2:应用程序面板:数据库\绑定\服务器行为\组件

右3:标签检查器:属性\行为

右4:文件面板:文件\资源\代码片段

右5:框架面板

右6:历史记录面板

左边：一些很有用的工具，特别是对于代码，同时有行号显示；

布局插入栏:可方便地控制表格,有三个模式,标准\扩展\布局;扩展是标准的延伸,在视觉上更方便对表格进行操作,布局,可随意画,然后系统根据画的具体位置来确定具体表格的行\列和宽度;三个模式可相互切换.

flash对象可以分为三种，即flash动画、flash按钮、flash文本；

flash文件有三种不同的类型：flash源文件格式、flash影片文件、flash模板文件；

flash源文件格式：.fla,flash程序创建和打开，不能在DM和浏览器中打开；

flash影片文件：.swf，是fla的压缩版，可以在DM中预览和浏览器中播放，但不能在flash程序中编辑；

flash模板文件：.swt,用在flash按钮对象中；

选取工具：在状态栏，可以一次选定多个页面元素；

ctrl+T:在文档中选择某一个标签，按ctrl+t,快速启动标签编辑器；（在设计模式下进行代码输入，然后shift+enter插入）

3 导入导出站点：方便在PC间移动站点；

4 插入栏：“收藏夹”，可以组合自己经常使用的一些工具；

5 导入word文档；

6 编辑字体列表；

8 插入“导航条”：可以设置4种按钮状态：状态、鼠标经过、按下、按下时鼠标经过；插入-图像对象；修改-导航条；

9 插入flash文档，图像查看器等都会生成一个swf文档；

12 ASP：active server pages,是一套微软开发的服务器端脚本编写环境，通过ASP结合html,ASP指令和activex元件建立动态、交互且高效的web服务器应用程序。ASP的所有程序都在服务端执行，包括嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户端浏览器。

浏览器为web排版设置的默认的文字大小为16px;相当于medium;此时的1em=16px;body{font-size:62.5%},有了样式后，则1em＝10px;

如何添加字体：

属性面板-字体-添加字体列表-可用字体中选取-点击左边箭头-确定；

HTC HTML Component:IE浏览器内置的一种脚本封装机制；

HTML组件：Behavior,是一个简单易用的组件，它封闭了页面上特定的动作或功能；

一个HTC文件就是一个以.htc为扩展名存储的文本文件；主要包含一组HTC特有的文件定义元素和JavaScript脚本以及CSS样式代码；

可视化控制：

布局模式-查看--可视化助理；

关于行高line-height

1 默认是120%，也就是行内字体的1.2倍；

2 适合阅读的行高应该是160-180%；

3 当行高小于100%时会发生重叠现象；

4 行间距＝(行高-字体大小)/2

5 允许使用数字来表示行高，如line-height:1.6;即行高为1.6em;

6 行高具有继承性；

查看JS的效果，可采用重要属性或难理解属性不删，但应用为备注，来查看效果的变化；

查看HTML代码内容或结构，采用逐级绽放标签，即DM左边的第二个按钮，鼠标要点到"<"的后面；

对于宽度的应用

当缩放文档，即字体变大时，窗口的滑动块只有在纵方向上有变化，这就要求不设置宽度值，或宽度值高为%值；

属性面板操作时，切换到代码窗口，会发现自动添加了CSS样式，也可以关闭这一功能：首选参数：取消选择：使用CSS而不是HTML标签；当应用属性时，建立的是传统的行内属性定义，而不是CSS样式表；而属性面板也可直接在代码窗口下使用，如颜色选取；在代码窗口下，标签选择器（即主代码窗口下的一行）可以快捷地查看标签的包含关系，通过CSS样式面板可以方便地查看和修改对象或CSS的属性；且可显示类别视图、显示列表视图、只显示设置属性（可直接添加属性）且在面板下部有“编辑样式”工具；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

第一行：文档类型

第四行：字符集

设计的网页能最大限度适合最大使用比例的用记的屏幕显示器：

手机屏幕：128*160px;

传统电脑显示屏：640*480px;

现在的液晶显示器：1280*800px;

html,一种语言，多个版本；一个版本，三种风味

html1 1993

html2 1995

html3 1996

html4 1997

html5 12008

strict

trnasitional

frameset

空白符：web浏览器会忽略多余的换行和回车符，并把多余的空格综合成一个空格。如果你想保留多余的空格、制表符、换行符，如在页面上编排、计算机代码等格式时，元素pre正是用于这种描述多段预告编排过格式的文本的场合；

URL:模式+服务器名称+路径+文件名

http://www.site.com/doc/index.htm

ftp://ftp.site.com/mb/pro.exe

mailto:html@163.com

file:///c|/path/home.htm

为链接创建键盘快捷键：accesskey="x"

为链接设置制表符次序：tabindex="n"

属性的值：

1 inherit;

2 预定义；

3 用户设置；

局部应用样式：style="border:1px red dashed;"

在CSS处理网页时，会认为网页包含的每个元素都被包围在一个不可见的且都有背景、高度的一个框(box)中，

width:auto=父元素给当前元素留出的宽度－内边距－边距－外边距

实现网页的背景渐变（样式style中应用滤镜filter功能）