HTML+CSS（12）
Dreamweaver 8 中快速生成DOCTYPE头部（需要插件）：
添加 Zen Coding 插件，或者emmet 插件（Sublime 中使用在这也可以用）
–&命令–&扩展管理–&安装新扩展【Zen Coding 】、（找到插件的本目录选中）
“CTRL+shif+J”–&为DW中代码片段收缩快捷键
编写代码快速提示
编辑–&快捷键–&显示代码提示（自己动手更改ctrl+alt+/）;
方便编写代码
Dreamweaver 8 中设置打开的浏览器
编辑–&首选参数–&在浏览器中预览（点击“+”）–&浏览器名称+浏览器安装目录下的exe(浏览器桌面图片右击–&属性–&打开文件位置–&复制地址栏中的路径)–&粘贴路径到（应用程序）–&“确定”（点击“图标”即可）
Dreamweaver更改头部版本
编辑–&首选参数–&新建文档–&默认文档类型（改成HTML 4.01）–&默认编码（Unicode UTF-8）–&确认–&新建文档（Ctrl+N）–&自动生成html 4.01 头部
Dreamweaver中 本地站点建立
站点（也就是网页的目录）–&新建站点–&站点名称–&站点url(不写)–&是否使用服务器技术（否）–&默认第一个/ 定位文件存储位置（自己设定）–&您如何连接远程服务器（选择无）【有服务器再配置服务器的目录】
Sublime 中插件的使用以及在线安装插件
Preferences–&Package Ctrol–&输入Install Package (在线安装)–&输入 emmet(会自动安装快速生成头部插件)
–&以后可以安装任何插件
新建一个file（先保存后缀为html文件）–& 输入 html:4t /或者 html:5/或者 ! （感叹号）–&按Ctrl+E /
即可快速生成html头部
本地安装插件
直接安装Sublime–&在电脑的所有程序中，找到sublime Text 3，点击打开，出现黑色界面，此时并不能进行代码快捷提示。需要安装第三方插件
点击Preferences—-》Browse Packages：弹出一个文件夹，打开发给你们的文件夹，(前提是你已经拥有这个插件文件)将emmet进行复制：
将图上红色标注的两个压缩包复制到刚刚打开的文件夹下，并进行解压(解压到当前文件夹下，将压缩包进行删除)：
然后回退到上一级目录
点击Installed Packages，进入到文件夹内：
将该文件复制到当前文件夹下即可。重启sublime即可
电脑文件后缀名显示
我的电脑–&组织–&文件夹搜索选项–&查看–&不勾选（隐藏一直文件类型的扩展名）并且勾选（显示隐藏的文件、文件夹和驱动器即可）
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：18219次
排名：千里之外
原创：51篇
(25)(8)(16)(2)
(window.slotbydup = window.slotbydup || []).push({
id: '4740881',
container: s,
size: '200,200',
display: 'inlay-fix'dw中文件头选项卡中基础有什么作用
dw中文件头选项卡中基础有什么作用
09-11-01 &匿名提问
&关键字&是在搜索引擎（baidu）收录了你的网页后,别人在百度搜索时输入的字和你的关键字相符合，百度就会把你的网页列出来以便于点击。
请登录后再发表评论!温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(3687)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'Dreamweaver中的快捷键',
blogAbstract:'\r\nDreamweaver Standard\r\nAdobe Dreamweaver CS3\r\n菜单命令\r\n代码编辑\r\n\r\n\r\n\r\n\r\n复制\r\nCtrl+C,Ctrl+Ins\r\n\r\n粘贴\r\nCtrl+V,Shift+Ins\r\n\r\n选择性粘贴\r\nCtrl+Shift+V\r\n\r\n剪切\r\nCtrl+X,Shift+Del\r\n\r\n用 # 环绕\r\nCtrl+Shift+3\r\n\r\n删除左侧单词\r\nCtrl+BkSp\r\n\r\n删除右侧单词\r\nCtrl+Del\r\n\r\n选择上一行\r\nShift+Up\r\n\r\n选择下一行\r\nShift+Down\r\n\r\n选择左侧字符\r\nShift+Left',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:3,
publishTime:1,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}dreamweaver基础技巧全面接触_dreamweaver教程－虚拟主机资讯|虚拟主机动态
产品服务快速通道
----------------
==域名注册==
英文域名注册
中文域名注册
==网站推广==
==虚拟主机==
----------------
双线路虚拟主机
基本型虚拟主机
商用型虚拟主机
论坛型虚拟主机
功能型虚拟主机
Vip合租虚拟主机
虚拟主机性能对比
虚拟主机免费试用
机房速度测试
----------------
==租用托管==
服务器租用
----------------
==企业邮局==
购买企业邮局
----------------
==付款方式==
----------------
==联系我们==
您当前位置：->-> ->
dreamweaver基础技巧全面接触_dreamweaver教程
作者：网友供稿
　　西部数码-全国虚拟主机10强！20余项管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!可在线rar解压,自动数据恢复设置虚拟目录等.免费赠送访问统计,企业邮局.Cn域名注册10元/年,480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金!
文章页数：&
　　很多朋友使用Dreamweaver一段时间后，开始热衷于寻找各式各样的插件，追求各种各样的特效，而对于Dreamweaver中的基本功能反而不去深入研究，其实在Dreamweaver中有很多有用的技巧，如果你多加运用，不仅能提高效率，而且可以实现很多实用的效果。今天我把工作中常用的一些技巧介绍给大家，希望对大家能有些用途，同时也希望能唤起大家深入研究的愿望。我准备根据工作中的不同阶段分别介绍各种技巧。　　一、 规划阶段――站点窗口的技巧　　Dreamweavr的站点窗口常常被很多朋友忽视，其实利用站点窗口我们可以方便的完成很多任务。下面我介绍几个实用的技巧。　　1、快速添加站点导航。　　使用站点窗口中的网站地图可以快速制作网站雏形，并可以方便的在个页面之间加入导航链接。首先按如下图标打开站点地图窗口；选中index.htm文件；点击并拖动站点导航（Site Navigation）窗口中index.htm文件右上角的小圆圈，将它拖动到左边文件窗口中的某一个文件上，如下图所示；
　　Dreamweaver会自动将mydesign.htm的链接加入到index.htm文件中，同样执行此操作并分别指向其他相关链接文件后，导航窗口如下图：
　　此时打开index.htm文件，可以看到相应的连接文字和链接都已经添加好了，我们可以根据需要将他们合理的修改和组织。如图：
　　2、快速修改文件Title。很多时候我们新建的文件往往忽视设定文件Title的内容，事后需要修改时，常常得打开每一个文件分别修改。其实这个工作可以在站点窗口中方便的完成。打开站点窗口View菜单下的Show Page Titles，可以使站点窗口中的文件显示出文件头，而不是原先的文件名。默认的文件头是Untitled Document我们可以分别两次点击，改变默认的文字为我们需要的文件头。如图：
　　3、快速生成站点地图。有时我们需要制作一个包含当前站点所有文件结构的站点地图而找不到合适的方法。Dreamweaver本身就带有这个功能，方法如下：打开File―Save Site Map命令，在弹出对话框中输入保存的文件名，Dreamweaver会在当前站点的根目录下自动生成一个.bmp或.png格式的站点图片。　　二、 页面布局阶段的技巧　　Dreamweaver不仅仅是一个良好的页面制作工具，同时他还可以进行精确的页面排版和布局，这一部分我们介绍几个页面布局方面的技巧。　　1、打开辅助表格。搞过设计的朋友都特别希望能精确的定位网页元素，他们喜欢每个元素都能按自己的愿望精确的定位。Dreamweaver自带的Grid功能可以有助于这种希望的实现。执行命令View―Edit Grid打开坐标辅助，可以选择网格状或者是点状显示，同时打开Snap to Grid，以后插入或添加新的元素时，都会按你的设定精确定位。
　　2、利用表格排版页面技巧。合理利用Dreamweaver中的表格功能，可以方便的达到美化页面的目的，下面我介绍几个技巧。　　1）创建1px边框。有些朋友抱怨Dreamweaver无法做出单像素的表格边框，其实仔细利用表格的属性面板即可做出这种单像素表格。首先使用Object面板插入一个表格，定义表格宽、高及行数和列数。此时Dreamweaver中插入表格的默认CellPad和CellSpace、Border都为0。在属性面板中定义表格的Border为0，CellPad为5（这项可使单元格中的内容与单元格边缘之间保持5个像素）；CellSpace为1（此项使得单元格之间保持1个项素的间距）。设置表格的背景色为深色（如#999999），设置单元格的背景色为浅色（如#FFFFFF）。在浏览其中观察效果即可。　　2）导入数据表格。有时我们需要将一些在Execel文件中创建的表格导入Dreamweaver中，我们可以下将原来的Execel文件另存为带制表符分隔的.txt文本文件。在Dreamweaver中执行Insert―Tabular Date打开如下窗口：
　　添好各个参数后即可将其中的数据导入Dreamweaver的一个表格中。　　3）格式化表格。如果你对重复的设定各个单元格的参数感到厌烦的话，使用Format Table命令可以帮你快速格式化表格，此命令在Command菜单下，此命令内带多种表格配色方案，你可以选择一种，Dreamweaver会自动将色彩方案应用到你选定的表格上。如图：
　　4、表格和层互转。有的朋友喜欢自由自在的安排他的页面内容，总不喜欢表格的工作方式。其实你完全可以利用灵活的层来安排你的页面内容，当你觉得满意时再将它转换为表格。选中你需要转换的层，执行命令Modify―Convert―Layers to Table。如图：
　　5、同时更新多个框架页面。有是我们需要在点击一个链接时同时更新另外的两个或多个框架页面内容，这可以通过以下步骤使用Dreamweaver的行为来实现。　　1） 选择链接的文字或图片。　　2） 打开行为面板（Behaviors），点击加号添加Go to URL行为。
　　3） 在Go to URL对话框中显示了当前已有的所有框架窗口，我们分别选定一个窗口名称，可以分别单独设定每个窗口将要更新的文件内容。Dreamweaver会在设定了目标文件的窗口后面加一个“*”号，表示此框架窗口已设定了URL。
　　4） 完成后点确定即可，我们点此链接，会同时更新多个窗口的内容。　　三、 内容篇　　如何更快更方便得对内容进行组织，是每个朋友都想了解的，下面这几个技巧也许你知道，也许不知道，但重要的是通过不断的运用，你会发现它的优越性的。　　1、快速标签编辑。对于熟悉手写代码的朋友来说，经常需要切换到代码窗口手工添加一些代码。其实利用Dreamweaver的Quick Tag Editor可以快速插入各种HTML标签，一个是点击属性面板的图标插入，另一种快捷方式是Ctrl+T，这两种方法都会打开快速标签编辑，可以直接从列表中选择需要的源代码标签，如下图：
　　2、快速添加图片边框。对于插入网页中的许多图片都是没有边框的，有时我们需对图片添加边框，我们不需要打开图像处理软件即可实现。一种方法是选中图片后直接在属性面板定义Border为1px，这会给图片添加1像素的边框；另一种方法是定义一个样式，我们可以将img标签直接定义为四边都为1px的样式，则网页中所有插入的图片都会带有相同的边框。如图：
　　3、使用拖动方式增加链接。Dreamweaver支持从文档内直接托动链接到站点内的其他文件，我们可以将站点窗口和文档窗口并排放置，如图：
　　然后选中文档中需要链接的文字，打开属性面版，将链接地址栏后的Point to File指向站点窗口中的目标文件即可，如下图：
　　4、如何加入背景声音。在Dreamweaver中对于一些多媒体声音文件的插入，很多朋友都感到有些困惑，其实很简单，点击Dreamweaver 工作窗口最左下角的 标签，打开Behavior面板，在弹出的behavior窗口点+号，选择Play Sound，选择你需要的声音文件即可加入。在文档窗口中选中声音文件标识，在属性面板点击Parameters就可以自行设定背景音乐的循环次数、是否自动播放等属性了，如图：
　　四、 美化篇　　美化各种网页元素是一件既耗时又不一定出效果的工作，下面我介绍的几个技巧也许能帮你一点忙。　　1、快速创建配色方案。我们经常需要设定链接各个状态的文字颜色，有些朋友感觉自己的色彩感不太好，总去寻找一些配色手册。其实Dreamweaver本身已经带了一些配色方案，打开Commands―Set Color Scheme命令，我们可以看到有许多成套的配色方案，每个都定义了背景色、文字色、链接各个状态的颜色，你只需选择一种即可，见下图：
　　2、CSS链接样式技巧。文字链接一般有四个状态，link、hover、active、visited，我们通常都会对文字链接的各个状态定义不同的色彩和样式，但经常有朋友发现自己定义的样式在浏览时并未像设想的那样。主要原因是在样式表中对链接的定义顺序有一定的要求，正确的顺序是：A:link―A:visited―A:hover。对一般的朋友来说，其实很多时候只是想Hover状态有变化，有个小技巧就是不按上面的方法定义链接样式，而只需定义a和a:hover状态的样式即可，这样只有hover状态的样式与其他状态的不同。修改方法如下图；
　　3、创建不同色彩的连接文字与下划线。普通的链接文字与链接下划线都是相同的色彩，其实我们也可以利用样式表中的Border属性来替代普通链接的划线，由于Border有更多的控制参数和样式，因此只要将Border的色彩和文字的色彩定义的不同即可实现我们的目的。例如我们可以将文字定义为黑色，而在Border选项中定义下划线为红色，如下图；
　　五、 提高效率技巧　　Dreamweaver还包含了许多可以极大提高工作效率的命令，包括库项目的建立、模板的运用、历史面板的功能及查找替换功能。这里我介绍几个小的技巧来演示这些命令的强大。　　1、清理Word文件技巧。我们经常需要将一些Word文件转换为HTML文件，但这种转换的结果是生成的HTML文件非常的大，里面包含了许多重复代码，综合利用Dreamweaver的几个功能可以方便的清理掉无用代码。首先打开Word生成的HTML文件，执行Commands菜单下Clean Up Word HTML命令，程序会自动识别原来Word的版本，并将无用的代码清除。但此时的文件仍就有许多重复代码，主要是包含了大量的和
标签，我们可以再次执行Commands菜单下的Clean up HTML命令，在弹出的对话框中选定Specific Tag(s) 选项，并输入span 和p标签，中间用空格分开，执行命令后，所有的span和p标签都被清除掉。
　　但此时文件中的每个图片属性中还包含了类似v:shapes="_x"的属性，我们还需将这些属性清除。打开查找替换面板，按下图的设置设定替换规则，执行后即可清除所有图片的这些属性。如图；
　　2、快速替换文件标题。前面我介绍了可以在站点窗口替换文件标题，但是只能一次替换一个文件的标题，我们可以尝试着利用上一步介绍的查找替换命令一次替换多个文件的标题。通常我们新建的文件标题都是Untitled Document，可以打开Edit―Find And Replace命令，进行如下设置，将当前站点所有文件标题为Untitled Document的都替换为我们自己的标题。
　　3、设置默认文档格式。上面的方法虽然快捷，但是我们每次新建一个文件时，默认的文件标题仍旧是Untitled Document。因为新建文档时，Dreamweaver会调用一个默认的页面作为缺省格式，这个文件是\Dreamweaver 4\Configuration\Templates\Default.html，这样我们就可以将我们站点中统一的一些格式设置好，如背景色、字体大小、文件标题等，然后将它保存覆盖上面的Default.html文件。在以后我们新建文件时，Dreamweaver会自动套用我们设定好的格式，这可以提高很大的工作效率。　　六、 后期维护篇　　好了，经过上面这么多的介绍，我们已经掌握了一些网页制作的技巧，但是您作完的页面是否不再包含错误？您的链接是否都正确的链接？您的页面在各种浏览器中是否都表现良好？您的站点中是否还有许多不再需要的文件？很多类似的问题都还存在着，这些都是属于站点后期检测和维护。这里我们再介绍几个后期检测方面的技巧。　　1、链接检测。执行菜单File―Check Links命令，Dreamweaver会自动检测当前站点中的所有链接，并检测出无效的链接，如下图：
　　双击检测出的一个结果，会自动打开相应的页面并直接定位到错误的链接处，很方便我们修改链接错误。　　2、快速检测无用文件。执行菜单命令Site―Check Links Sitewide可以打开链接文件检测功能，我们也可以利用这个功能检查站点中无用的文件，并删除。只要选择最上方下拉框中为Orphaned Files，所有站点中无用的文件会列在下方，将它们全部选中，按Delete键即可删除。
　　3、快速生成站点报告(Reports)。运行菜单命令Site―Reports可以快速的根据我们的需要生成符合某种条件的站点报告或文件报告，例如可删除的空标签、未命名的文件标题、无Alt属性的图片等等。如下图：
　　我们需要先在最上方的下拉框中选择需要执行检测的范围，例如整个站点、当前文档、某个文件夹等等，然后在下方勾选需要检测的条件，执行结果会自动显示在一个对话框中，双击其中的一条还可以直接打开源文件进行修改。如下图：
　　需要注意的是，如果你的站点文件非常多，这项命令将会消耗大量的系统资源，所以最好每次只选择检测一个条件。　　后记：写到这里我已经给大家介绍了不少技巧，其实Dreamweaver中还有许多类似的功能，可是我个人觉得这些也不能称为技巧，很多本来就是我们需要掌握的基本功能，只不过在通往目标的道路上会有许多方法，这些也许是比较快速达到目标的一些方法。
文章整理：西部数码--专业提供、服务
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
文章页数：&
??????????
??????????
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。
版权所有 西部数码()
CopyRight (c) 2002~ all right reserved.
公司地址：四川省成都市金牛区一环路北一段99号环球广场24楼　邮编：610031
电话总机：028-08 38
售前咨询：总机转201 202 203 204 206 208
售后服务：总机转211 212 213 214
财务咨询：总机转224 223 传真：028- 财务QQ：
售前咨询QQ：2182518
售后服务QQ：