Dreamweaver

一、资源链接（Dreamweaver（可破解））

链接：https://pan.baidu.com/s/10_bzPMDPOEEMonqY_WeGSw
提取码：tlgv

二、软件安装（不要联网）

1、双击下载后的exe文件（不要联网，遇到警告点继续或忽略）

2、安装过程中会出现两次（第一次是软件资源的下载）（第二次是软件程序的安装）

第一次：

第二次：双击第一次安装下载到的set-up.exe文件，继续安装

3、破解：程序安装完毕后不要打开（不要点击试用）

在破解文件中64位操作系统，将x64文件中的amtlib.dll文件复制替换到Dreamweaver安装的目录中

若双击Dreamweaver打开错误，将x86文件中的amtlib.dll文件复制替换到Dreamweaver安装的目录中即可

三、Dreamweaver的使用

1、正确打开Dreamweaver的方式——工作前建立站点

1.1、首先创建自己的工作空间文件夹，并在工作空间文件夹中创建三个文件夹，分别是css，JavaScript，images

1.2、打开Dreamweaver，点击Dreamweaver站点

1.3、站点名称（自定义），本地站点文件夹，即第一步创建的工作空间目录，之后点击保存即可

1.4、之后分别在软件右下角的站点根目录下创建一个index.html文件，在css文件夹下创建一个index.css文件，在JavaScript文件夹下创建一个index.js文件，之后双击打开index.html文件，进入Dreamweaver软件中进行编辑设计（至此，站点建立完毕）

1.5、补充：DreamweaverCS6默认的创建的文件位HTML，版本为XHTML1.0，若要改为HTML5，步骤如下

软件上方菜单栏点击编辑——首选参数--新建文档--默认文档类型--HTML5（即可）

2、入门学习

2.1、自定义文字，字体（试图空白页--页面左下方的属性--页面属性--外观（css)--页面字体--下来栏中选择编辑字体列表--双击可用的字体--点击确定--再次在页面字体下拉栏中选择已经添加的字体--点击确定即可添加成功（自定义文字原因：默认的字体是外文字体，用不多亦不习惯，（添加的字体首先要确认本机中已有此种字体））

页面程序变化：

2.2、编辑字体大小和颜色样式（自行实验，有的我也弄不好）

1.在字符之间添加空格
要插入连续空格，在“插入”栏中，选择“字符”，然后单击“非换行的空格”图标。或者按 Control+Shift+空格键。
实际上在代码中添加了  这几个字符。

2.添加段落换行：
按 Enter 键。
实际上在文字前后加了<p></p>标签。

3.添加换行符：
按 Shift+Enter 键。
实际上在文字后面加了<br>标签。

4.插入特殊字符：
在“插入”栏中，选择“字符”类别并选择所需的字符。

5.创建项目列表和编号列表：
选中文本>打开“插入”菜单>“文本对象”>选择“项目列表”或者“编号列表”。

6.对齐文本：
选择要对齐的文本，单击属性检查器中的对齐选项（“左对齐”、“右对齐”或“居中对齐”）。

7.作为代码显示：
选中要作为代码的文字>文本>样式>代码

8.设置文本为粗体：
在“插入”栏，选择“字符”，点击B按钮。

9.设置文本为标题：
在“插入”栏，选择“字符”，点击h1,h2,h3等按钮。

10.使用文本的“已编排格式”：
使用文本的“已编排格式”，可以保留文本中的空格，回车等格式，是一个很有用的功能。
在“插入”栏，选择“字符”，点击PRE按钮

11.定义段落首行缩进两个文字：
重定义段落的标签“p”，2字体高。

12.定义换行的行距：
重定义<br>标签的行距，类似本文中定义段落标签的方法。

2.3、插入图片

将光标移动到插入图像的位置--菜单栏插入--图像--确定

2.4、图文混排（图文对齐方式align=left或align=right）

2.5、图片更换（插入--图像对象--鼠标经过的图像）

2.6、超链接（如图位置）

补充：菜单栏窗口--工作区布局--经典（将常用的操作工具栏等调出来使用）

2.7、导航栏锚点定位（将光标移动到锚点定位位置--插入--命名锚点（用英文）

导航栏文字--链接--#锚点名称）

若要链接到其他网页上的锚点位置：在指定目标网页的链接后，在链接地址后添加#锚点名称即可

2.8、给网页添加背景图片（点击软件左下角的css--页面属性--背景图像

其他常用的操作有：重复，背景颜色，文本颜色等）

2.9、跳转菜单制作：选中文本对象--插入--表单--跳转菜单--选择时转到url--确定即可（低版本的浏览器无法显示此效果）

这里也可以，还可以改变触发的事件

2.10、网页中插入表格（插入--表格）

2.11、添加视频动画（选中文本对象--属性栏--链接后的文件夹--.mp4格式的一个文件）

对于网站的二种添加视频的方式有一些区别：

1、第一种给网页添加视频动画的方法，先要将自己的视频上传到自己的空间/服务器，然后将视频通过DW软件添加到自己做的网站上；
优点：在于自己可以控制视频的内容，没有广告。
缺点：这种给网页添加视频动画方式占用资源很高，对于自己网站服务器要求是很高的。
适用网站：这种方式适用于网站视频很少，只有几个视频而且每个视频很小，几十K，例如企业网站制作或者一些公司官网（如何做企业官方网站），首页有一些介绍自己公司的视频。

2、第二种给网页添加视频动画的方法，先要将自己的视频上传到一些大的视频网站上，然后通过视频网站的分享代码通过DW软件插入到自己的网站上。
优点：可以利用大视频网站的资源来分享自己的视频，减小服务器的负担。
缺点：插入外站的视频时，会将视频上的广告带到自己的网站上。
适用网站：对于网站上有很多的视频，如视频网站，免费建站教程网站等。

2.12、给网站添加QQ在线客服——两种方法（最好是已经有稳定运行的网站）

1、使用第三方网站提供的客服代码

2、自己写网站HTML代码的方法来给网站添加QQ客服

1）、下载QQ的JS文件和背景图片文件夹，上传到自己网站空间的根目录下（文件见我的博客资源··没有积分的同学可以私我）

2）、复制以下的CSS代码放到自己网站的CSS文件中，用来控制QQ客服的样式和背景。

.qq{width:120px;}
.qq_t{width:120px;}
.qq_d{width:120px;}
.qq_bg{width:130px; background:url(/qqimages/qq03.png) repeat-y; padding:10px 0px 10px; overflow:hidden;}
.qq_bg ul{margin:0px; padding:0px;}
.qq_bg li{width:90px; height:26px; float:left; margin-left:20px; text-align:left; line-height:26px; background:url(/qqimages/qq04.png) no-repeat; display:inline; margin-bottom:5px;}
.qq_bg li a{color:#333;font-size:12px;text-decoration: none;}
.qq_bg li a:hover{color:#FF0000; text-decoration: underline; font-size:12px;}
.qq_bg li img{margin-top:4px; float:left; margin-left:10px; margin-right:5px;}

3）、使用以下的JS特效代码来调用QQ客服，放在自己网站需要显示客服的页面代码的底部，一般是</body>标签的上方。（网站域名改成自己网站的网址）

若是网站未发布，存在于本机上，src="http://网站域名/qq.js" 属性值可以修改为本机上的文件地址

4）、通过Dreamweaver CS6破解版可以修改qq.js中的QQ号码为自己的QQ号码，这样QQ客服就完成了。

（第二种方法，即使网站未发布，只是存在与本机中也可以实现效果）（请忽略乱码）

2.13、给建设的网站中的网页插入背景音乐（在设计窗口中先添加一个div，插入--布局对象--div标签--确定）

（将div标签中的文本内容删除，插入--媒体--插件--选择音频文件后确定）

代码解释

背景音乐代码：

网页背景音乐代码可以使用以下的参数：

autostart="true"　自动播放
loop="true"　 true为无限次重播，false为不重播，某一具体值（整数）为重播多少次
hidden="true" 可以隐藏面板
src：音乐文件的路径及文件名；（完整的路径或URL）
volume：取值范围为“0-100”，设置音量，默认为系统本身的音量
autostart：true为音乐文件上传完后自动开始播放，默认为false（否）
ShowTracker:为是否显示播放进度条
ShowPositionControls:为是否显示播放控制按钮如快进等
ShowAudioControls: 为控制是否显示音量按钮
ShowStatusBar: 是否显示咨询窗
ShowDisplay: 为显示更完整的咨询视窗
EnableContextMenu: 防止使用右键
starttime：“分：秒”，设置歌曲开始播放的时间，如，starttime=“00:10”，从第10开始播放
endtime： “分：秒”，设置歌曲结束播放的时间
width：控制面板的宽
height：控制面板的高
controls：控制面板的外观

播放控制

对于非IE浏览器，如果需要网页背景音乐自动播放控制：（如果对代码不了解，可学习一下html入门教程）

自学得到的demo（乱七八糟的），见我得博客资源（没有积分的同学可以私我）