Dreamweaver技巧荟萃Word文件下载.docx
《Dreamweaver技巧荟萃Word文件下载.docx》由会员分享,可在线阅读,更多相关《Dreamweaver技巧荟萃Word文件下载.docx(58页珍藏版)》请在冰豆网上搜索。
标题1(Ctrl+1);
标题2(Ctrl+2);
标题3(Ctrl+3);
*(Ctrl+4)标题4;
(Ctrl+5)标题5;
(Ctrl+6)标题6。
7.同时编辑多个HTML文档
在Dreamweaver中,可以同时对多个HTML文档进行编辑,只要执行“文件>
新建”或
“文件>
打开”菜单命令,就可以在不退出当前文档的情况下,新建或打开另一个HTML文
档进行编辑。
8.输入连续空格
在每段的开头,一般都要空两个格,而直接用空格键只能输入一个关角空格,然后无论
如何键入空格都不起作用。
可以通过下面两个方法来实现输入空格。
*l切换到中文输入状态,把标点状态设置为全角中文,就可以随心所欲地输入全角空
格了。
*l光标定位需要输入空格的位置,转换到代码视图中,在HTML源文档中输入“&
nbsp;
”
代码。
9.HTML源代码下工作
单击“文档”工具栏上的“代码”按钮
标签及内容的输入。
还可以单击“折分”按钮
,转换到代码视图中,可以在这里进行HTML
*,Dreamweaver折分为代码视图和设计
视图两个部分,可以同时输入HTML标签和网页内容。
10.HTML标签的作用范围
HTML标签需要在HTML源代码状态下输入才有效,例如在编辑区直接输入“&
”,
显示在编辑区屏幕上的主是“&
”字符串,而在HTML源代码中输入“&
”,在编
辑区屏幕上没有任何显示,在浏览时则是一个半角空格。
*11.特殊字符在编辑区中的显示
在编辑状态下,特殊字符并不显示为最终的样子。
而是有两种情况,一是什么也不显示,
一是显示特殊字符的代码,如版权符显示为:
“&
copy;
”。
*12.插入特殊字符的方法
这些代码是直接写到HTML代码中去的,而直接在编辑区中输入的则只显示为普通字
符。
*13.输入其他字符
在“插入”栏上的“文本”选项卡中的最后一个按钮是“字符”按钮,单击该按钮,在
弹出菜单中选择“其他字符”选项,弹出“插入其他字符”对话框,在该对话框中列出了英
文中所有的特殊字符,用户可以从中选择所需要的字符。
*14.经常保存
在进行到一个比较确定的步骤时,建议保存文件。
这样做有两个好处:
一是可以防止忽
然断电等原因引起的数据丢失;
二是可以清除不必要的撤消步骤,释放内存。
*15.标签选择器
安位于状态栏的最左边,标签选择器中显示的是光标所在位置周围的HTML标签,当
选择其中一个HTML标签时,这个HTML标签及其中的内容都将被选中。
在许多情况下,
例如在表格嵌套时,如果嵌套的表格边框和空白都设置为0时,通过鼠标几乎不可能准确地
选中每个表格,此时利用标签选择器就可以轻松快捷地进行选择。
*16.剪切
“剪切”命令的作用类似于复制,不同的是,“剪切”命令在复制内容后,把原来的内
容删除。
所以在想把一部分内容移到另一部分去的时候,可以先剪切原内容,然后在新加内
容的地方进行粘贴。
*17.通过鼠标拖放进行复制与粘贴
选中要复制的文字后,把鼠标移到选择区上,然后可以直接拖动将它移到新的位置,如
果按下Ctrl键,则相当于复制后粘贴。
*18.从Word获取大量文本内容
Word是常用的文字处理软件,可能网页中许多内容需要从Word中获取。
直接通过粘
贴的方法需要手工进行分段,而通过作为文本粘贴的方法则需要手工删除多余的换行标签,
而且这两种方法都将丢失文字属性的信息。
常用的方法是,先把Word文档保存为HTML格式,然后通地Dreamweaver打开,再
执行“命令>
清理Word生成的HTML”菜单命令进行代码优化。
*19.在两个HTML文档之间工作
利用Dreamweaver可以同时对多个HTML文档进行编辑,经常会需要把一个HTML文
档的文字复制到别一个文档中,此时需要注意两种情况,如果想连同文字格式(例如大小、
字体、颜色等)原封不动地直接复制到另一个HTML文档中,可采用常规的“拷贝”和“粘
贴”方法。
如果只需要文字内容,而不需要复制文字的格式,这时可以通过“拷贝”和“粘
贴HTML”的方法进行。
*20.个人词典
**有一些专有名词Dreamweaver不认识,可以把它们加入个人词典,这样在拼写检查时
Dreamweaver就不会对这些单词报错了。
*21.插入的图像地址
在HTML文档中插入图像其实只是写入一个图像链接地址,而不是真的把图像插入到
文档中。
*22.使用相对地址和绝对地址的方法
在网页中插入图像,在弹出的“选择图像源”对话框中,如果在“相对于”下拉列表中
选择“文档”选项是使用相对地址;
而选择“站点根目录”选项是使用绝对地址。
*23.图像文本说明的作用
图像的文本说明起到两个作用。
第一是当鼠标移动到这些图片上时,如果给图像加上了
说明文本,浏览器可以在鼠标指针右下方弹出一个黄底的说明框,为浏览者提供提示。
第二
是当浏览器禁止显示图片时,如果给图像加上了说明文本,可以在图片的位置显示出这些文
本。
*24.低分辨率图像与图像渐进
在浏览网页时,会碰到这样的一种情况:
图像首先非常模糊,然后会渐渐变得清晰。
这
种情况叫图像渐时。
图像渐进是在保存图像时进行设置的,无论是GIF和JPEG都可以设成渐进模式。
它和
低分辨率图像不同的是,它并没有一个专门的缩略图文件,所以它的下载时间小于低分辨率
图像加原图像的下载时间。
在多数情况下,推荐采用图像渐进的方法来角决浏览者等待的情况。
*25.为鼠标经过图像加入超链接
*可以在“插入鼠标经过图像”对话框中的“按下时,前往的URL”文本框中输入它的
超链接,也可以单击鼠标经过图像后,在“属性”面板上的“链接”文本框中输入它的超链
接。
*26.改变导航按钮的顺序
在导航条插入完毕后,如果对导航按钮的顺序不满意,可以通过“插入导航条”对话框
中的向上或向下三角按钮进行调节。
*27.修改导航条
导航条插入完毕后,如果还想对它进行修改,可以参照下面的方法进行。
再次单击“插入”栏上的“常用”选项卡中的“导航条”按钮,此时会弹出一个提示框,
提示每页只能有一个导航条,而本页已经有一个导航条了,是否需要对它进行修改。
单击“确
定”按钮就可以调出“修改导航条”对话框对导航条进行修改。
*28.理解URL
URL(UniformResourceLocator,统一资源定位符)是对文件名的扩展。
在单机系统中,
定位一个文件需要路径和文件名称,对于遍布全球的Internet网,显然还需要知道文件
存放在哪个网络的哪台主机中才行。
在单机系统中,所有的文件都由统一的操作系统管
*理,因而不必给出访问该文件的方法;
而在Internet中,各个网络、各台主机的操作系
统可能不一样,因此必须指定访问该文件的方法。
*29.标题的作用
标题经常被网页初学者忽略,因为它对网页中的内容不产生任何影响。
其实在我们浏览
网页时,会在浏览器的标题栏和状态栏中看到网页的标题,在进行多个浏览器窗口切换时,
它可以很明白地提示当前网页信息。
而且,当浏览者收藏一个网页时,也会把网页的标题列
在收藏夹中。
如果不对网页标题进行任何设置,Dreamweaver会自动给网页加上一个“无标题文档”,
这会给人一种不专业的感觉,所以在制作网页时,应该加上标题。
*30.跟踪图像
跟踪图像是网页排版的一种辅助手段,主要是用来进行图像的对位,它只在网页编辑时
有效,对HTML文档并不产生任何影响。
*31.关键字及网页说明的作用
输入一个关键字检索时,在搜索引擎上不仅可以查到很多网站,还可以查到很多网页。
大部分搜索引擎在查询网页时都是根据头元素里的关键字来进行的,显示的内容也是在头元
素中的描述。
当然,现在大的搜索引擎一般都可以做到网页的全文检索了,不过为了使网页
可以适合更多的搜索引擎,在头部加入关键字和描述是十分有益的。
*32.快速打开“历史记录”面板
使用快捷键Shift+F10可以快速打开“历史记录”面板。
*33.重做操作的对象
如果要重做的操作是设置对象(文字或图像等)的属性,一定要先选中相应的对象。
*34.选择性的重做
在“历史记录”面板中选择一步或多步操作,然后单击“重放”按钮。
*35.修改批处理命令
保存的批处理命令在“命令”菜单中出现。
可以打开“命令”菜单,选择“编辑命令列
表”命令来对命令列表进行编辑,在弹出的“编辑命令列表”对话框中可以更改命令的名称
或删除不需要的命令。
*36.录制命令
在录制命令期间无法使用鼠标的选择功能,除了“修改”工具栏、“属性”面板和各个
面板中的内容,所以在编辑网页时使用键盘是相当必要的。
*37.使用键盘选择文字
按住Shift键,然后按左右方向键可以选择文字。
*38.清除特定标签
在网页设计时,应用样式表的同时可能还用到<
font>
标签,这些<
标签是冗余的,
在清除特定标签栏中填入<
可以将它们清除掉。
*39.“清理Word生成的HTML”对话框
在清理Word生成的HTML格式时,对于繁多的选项有的人可能不知所措,这时完全可
以在默认的选项下清除格式,因为Dreamweaver中默认的选项完全可以达到清除的目的。
*40.网站相册
在创建网站相册时,Dreamweaver会生成一个批处理的操作,启动Fireworks,在其中
**执行这个批处理操作,将生成缩略图和全屏的图像,再由Dreamweaver创建各个图像的网
页。
*41.格式化HTML源代码
Dreamweaver的HTML源代码配置文件在Dreamweaver安装目录下Configuration子文
件夹中的SourceFormat.txt文件中。
在这个文件中包含了对HTML源代码的缩进、行的长度
和标签与属性的名称等设置。
*42.使用另外两种方法插入表格
可以执行“插入>
表格”菜单命令,或使用快捷键Ctrl+Alt+T快速插入表格。
*43.表格宽度设置
插入表格时,可以对插入的表格的宽度进行设置。
可以设置为百分比,这个比例是相对
于网页大小而言的。
如果要精确地指定表格宽度的话,可以选择“像素”做为表格宽度的单
位。
*44.快速选择整个表格
将光标放在表格中的单元格内,使用快捷键Ctrl+A选中鼠标所在单元格,再使用一次
Ctrl+A键则选中整个表格。
*45.使用标签选择器
Dreamweaver给设计者提供了标签选择器,用于在编辑界面中使用鼠标选取较难选择的
HTML标签,这项功能不但可以清晰明了地选择标签,还可以对其他的功能起辅助作用。
*46.选择行或列
与处理整个表格类似,设计者有若干种选择行或列的方法。
然而,没有一种方法是使用
菜单来完成的,行或列的选择基本上是使用鼠标来进行处理的。
事实上,用户单击鼠标便可
以选择整行或整列。
*47.选择单元格
有时对表各中的一小部分进行简单的编辑,如改变首行的背景颜色,需要选择单元格。
另外,还可以使用快捷键Ctrl+A,选中光标所在的单元格。
*48.快速选择多个单元格
可以将光标定位在第一个单元格中,然后按住Shift键,用鼠标单击最后一个单元格。
*49.快速追加一行
将光标定位在最后一行的最后一个单元格中,按下Tab键,在当前行下会添加一个新行。
*50.删除行和列位置
在删除行和列时,行会从表格的右侧开始删除,列会从表格的下部开始删除。
*51.快速删除行和列
在表格中选中一整行或一整列,然后按Delete键,即可快速删除行和列。
*52.表格高度设置
通常并不需要设置表格的高度,因为Dreamweaver将自动为表格设置高度。
*53.功能提示
在“属性”面板中,在高级选项中左侧有几个按钮,在按钮上停留一定的时间后,鼠标
附近就会出现一条文字,显示按钮的名称,从名称中可以了解其大致的用途。
*54.帮助信息
在遇到困难时,单击“属性”面板上的“帮助”按钮,会弹出浏览器窗口,显示帮助信
息。
*55.设置边框
表格的边框宽度是以像素来表示的,默认值为1像素。
宽度设为0时,边框不可见,
Dreamweaver用虚线段来表示边框。
*56.分隔表格数据的分隔符
在“导入表格式数据”对话框中的“发隔符”下拉列表中选择分隔表格数据的分隔符。
其中包括了Tab、逗号、分号、引号和其他,当选择“其他”选项时,旁边会出现一个文本
框,你可以在其中输入需要使用的任意分隔符。
如果未指定分隔符或者在文件中未使用任何
分隔符,数据的导入将会出错,而且系统不会自动进行错误提示。
*57.另一种方法导入表格数据
执行“文件>
导入>
表格式数据”菜单命令,可以导入表格数据。
*58.导出表格的一部分数据
在导出表格的时候,整个表格都将被导出。
如果只想导出表格中某一部分数据,例如前
六行或前六列的数据,那就先创建一个新的表格,将你要用到的资料复制进去,然后再导出
新的表格。
*59.制作网页框架的原则
在制作嵌套表格时应遵循如下原则:
要规划好再运行,甚至要进行无数次的实验和重复运行才能制作出好的框架。
从外向内工作。
先建立最大的表格,再在它内部创建较小的表格。
在外部使用绝对计量方法,在内部使用相对计量方法。
这不是一个不容改变的规则,但
最好将外部表格宽度设为一个特定的绝对像素值,而将内部表格宽度设为相对的百分比数,
这样可以节省计算宽度的时间。
*60.新建布局单元格
如果在新建布局表格之前新建一个布局单元格,系统会自动创建一个布局表格作为布局
单元格的容器,即布局单元格不能脱离布局表格而存在。
*61.一次新建多个布局单元格
按住Ctrl键的同时绘制布局单元格,可以连续创建多个布局单元格。
*62.自动吸附功能
当新建布局单元格时,如果和另一个单元格相距很近(小于8个像素)或者和布局表格
的边界相距很近(小于8个像素),这个单元格会自动吸附。
如果要取消自动吸附功能,在
绘制单元格的同时,按住Alt键即可。
*63.布局表格的边框颜色
在默认状态下,单元格边框是蓝色,当鼠标放上去时是红色,表格边框是绿色,背景色
是灰色,可以在用户参数设置中进行更改。
*64.使用网格
显示网格,可以更好地对布局单元格和布局表格进行精确定位。
*65.向布局单元格中添加内容
如果要在布局表格中添加内容,比如文本、图像等网页元素,必须要先在布局表格中建
立布局单元格,然后向布局单元格中添加内容。
*66.快速选中布局单元格
按住Ctrl键,同时在想要选中的单元格内任意处单击鼠标,即选中了单元格格。
*67.布局单元格属性
在“宽”选项区中可以设置单元格的宽度,其中有两种方式,一种是固定数值的,一种
是自动伸展的,相当于标准视图下表格宽度以百分比表示;
在“高”文本框中可设置单元格
的高度;
在“背景颜色”选项中可设置单元格的背景颜色;
在“水平”和“垂直”下拉列表
中可分别设置水平和垂直的对齐方式;
而选择“不换行”复选框可以防止单元格中的文本自
动换行。
*68.布局表格属性
“宽”、“高”和“背景颜色”选项均与单元格一样;
“填充”是指单元格中的内容和单
元格边框之间的距离;
“间距”是指单元格之间的距离;
单击“清除行高”按钮可清除表格
的行高,作用与“清除单元格高度”相类似;
单击“使单元格宽度一致”按钮可使单元格宽
度和单元格内容宽度一致;
单击“移除所有分隔符图像”按钮可以清除所有的透明分隔符图
像;
单击“清除嵌套”按钮可清除嵌套表格,可以不损失页面已输入的内容,而直接删除嵌
套表格。
*69.“布局视图”参数解释
在“自动插入间隔符”选项中可设置是否自动插入间隔符;
在“间隔图像”选项区中,
在“站点”下拉列表中可选择哪个网站设置间隔图像,而在“图像文件”选项中可自己指定
或让系统创建新的图像。
“单元格外框”是指单元格一般情况下的边框颜色,“单元格高亮”指是鼠标放上去时
单元格边框的颜色;
“表格外框”是表格边框的颜色,“表格背景”是指表格的背景颜色。
*70.间隔图像
所谓间隔图像就是在自由伸缩的表格中用来控制表格宽度的透明图像,这幅图片并不在
浏览器中出现。
可以在列头菜单中为单元格添加间隔图像。
*71.表单元素的主要属性
表单元素的主要属性有“方法”、动作”等,其中“方法”表示表单提交的方工是POST
还是GET。
“动作”是告诉表单将收集到的数据送到什么地方,一般这里是指向处理表单数
据的服务端程序或者是mailto标签。
*72.使用mailto标签
在许多情况下,特别是制作个人主页时,服务器端的权限是不开放的,就没有办法用服
**务端程序的方法来处理表单。
如果还想使用表单,只有用mailto标签,填上邮件地址,这
样表单内容就会通过电子邮件传给mailto的邮件地址。
73.POST与GET的区别
一般GET方式是将数据附在URL后发送,数据长度不能超过100个字符,一般搜索引
擎中查找关键词等简单操作通过GET方式进行。
而POST则不存在字符长度的限制,并且
不会把内容附加到URL后,比较适合内容较多的表单。
*74.删除或者修改一个表单
如果想删除或者修改一个表单,可以通过右键单击红色虚线框打开快捷菜单,在其中选
择“删除标签<
form>
”选项,可以删除表单。
选择其他项目可以对表单进行修改。
*75.文本域
文本域主要有三种形式,即单行、密码和多行,可以在“属性”面板中的“类型”选项
组中进行切换,在文本域中主要是输入文本。
单行文本域只能输入单行的文本,通过“属性”
面板上的“字符宽度”选项可控制单行文本框的宽度,通过“最大字符数”选项可控制输入
的最长字符数,在“初始值”文本框中可以输入初始文字。
密码域的主要特点是不在表单中显示具体输入的内容,而是用*来替代显示。
它主要被
用来验证密码,具体的验证仍然需要通过JavaScript等程序进行。
多行文本域可以显示和输入多行文字,可以通过“行数”选项控制显示的行数,而“换
行”下拉列表可用来控制如何换行。
*76.变量名的设置
在进行单选项设置时,单选按钮变量名称非常重要,如果不进行任何改变,无论你插入
多少个单选项,也无论这些单选项分布在多少行中,它们中只能选择一个。
如果在表单中还
有另一个单选项目,则必须更改这个单选项目中radiobutton的变量的名称。
*77.使用图形按钮
在提交表单时,如果不想千篇一律地使用标准按钮,则可以通过使用图形按钮的方法来
美化网页。
在表单结尾处,单击“表单”选项卡中的“图像域”按钮,然后选择合适的图像
即可。
*78.插入跳转菜单时选择是否加上“前往”按钮
在插入跳转菜单时,可以选择是否加上“前往”按钮,默认是没有该按钮的,选择其中
一个链接时网页就开始跳转,如果加上“前往”按钮,选择链接时网页不跳转,必须按下“前
往”按钮后才跳转。
*79.框架构成及设置
一个框架实际上是由几个HTML文档所构成的,其中一个专门负责框架的设置:
是分
行型还是分列型,或者是混合型;
行和列的尺寸如何等等。
另外的就是普通的HTML文档,
分别被放置到各框架中,当链接到设置框架的HTML文档时,整个框架以及各HTML文档
就会一起显示在浏览器中。
*80.系统预设的框架类型
在“插入”栏中的“框架”选项卡中,提供有13个程序预设的框架类型,它们代表了
框架设计中最常用的几种类型,你可以逐个进行试验,看看哪些类型的框架最适合你。
*81.删除框架
框架创建完成后,如何进行删除呢?
刚开始建立时可以执行“撤消”命令,如果在操作
了一段时间后想删除框架,通过菜单是不能实现的,必须通过鼠标操作,用鼠标拖动框架间
的边框,一直将它拖动到最边上,就可以删除一个框架了。
*82.随意创建框架格式的两种方法
重复插入框架和分割框架都可以随意创建框架格式,我们推荐第一种方法,理由是重复
插入框架时,每个框架都会自动命名,提高了效率;
而且框架的形式是用rows=”*,80”这样
只指定一个分框架大小的语句,可以适应各种分辨率的浏览器窗口。
*83.用拖动鼠标的方法来分割框架
可以用拖动鼠标的方法来分割框架,先执行“查看>
可视化助理>
框架边框”