![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
视频笔记:Lynda.com.Dreamweaver.CS5.Essential.Training-QUASAR
pitelrin
这个作者很懒,什么都没留下…
展开
-
1、Getting Started
1、建网站的第一步是在new中选择 dreamweaver site。2010-06-06 21:08:58 · 64 阅读 · 0 评论 -
15、Working with Flash and Video
1、从file面版中直接拖swf文件到设计工作区即可,dw会添加设置代码及相关js。也可以从插入面版或insert菜单插入。 2、adobe media encoder可以把其它视频转化为flv。在adobe media encoder中加入视频文件后,点击对应的preset,可以设置转化的开始和结束点,转化后的视频大小等。 3、点击菜单insert-media-flv可以把...2010-06-12 00:14:52 · 97 阅读 · 0 评论 -
14、Adding User Interactivity
1、默认情况下,当鼠标移到链接上时,鼠标会变成手的形状。如果你使用其它控件也有这样的效果,可以在css中加入cursor:pointer 2、tag inspector面版中可以为控件增加js的一些常用操作。 3、adobe有一个ajax库:spry。 4、选择控件,然后选择insert面版中的spry-tooltips,然后在网页最下面编写toolpips即可。 ...2010-06-11 21:03:49 · 83 阅读 · 0 评论 -
13、Building Templates
1、把一个页面中的具体部份内容填换成一些解释性文字。保留结构、背景、logo等。然后点击菜单file-save as tempate。在弹出的菜单中会询问是否update links,选择是。然后项目目录会多一个templates文件夹,里面有一个以dwt为后缀的模板文件。 2、打开模版文件,选中模版文件中会被各网页修改的部份,然后点击菜单insert-template object...2010-06-11 15:32:37 · 107 阅读 · 0 评论 -
12、Working with Forms
1、如果form包含几部份信息,可以使用fieldset和legend区分开各部份。 2、对着设计工作区的元素按ctr+t可以快速插入或编辑元素。 3、如果每个表单项都使用label/控件组件这种组件,那在布局时把label的宽度设为固定的值,这样所有控件从上到下后,左右两端是对齐的。 4、在样式中加入:focus伪类可以增加用户体验。 5、spry结合dw一...2010-06-11 00:09:27 · 67 阅读 · 0 评论 -
11、Working with Tables
1、新建table后,下方有一个标尺,显视宽度比例及实际宽度。点击单列标尺下的三角箭嘴可以执行清空宽度,增加列,选择列等操作。 2、把鼠标放到table内,然后点击下面的导航标签就可以选中整个table。 3、file-import-tabular可以从其它文件导入成table。 4、选中一列或一行,然后在属性面版中选择header。这样原来的td标签会自动变为th标...2010-06-10 20:56:43 · 82 阅读 · 0 评论 -
10、Controlling Layout with CSS
1、采用css+div布局,一般在最外层会有一个wrapper的div,然后里面有header、maincontent、sidebar、footer四部份。 2、box model主要包括五个属性:width、height、padding、border、margin。如果不设置heiht/width,那它会自动扩充致它容器的高度/宽度(加上留白)。 3、把一个容器内的控件的m...2010-06-10 15:26:28 · 57 阅读 · 0 评论 -
9、Creating Links
1、链接地址分三种:absolute/document relative/site-root relative。absolute链接包括协义、域名全路径。document relative是以../、文件夹名、文件名开头,路径相对于当前页面。site-root relate是以/开头的相对于应用根路径。 2、在dw中可以从insert面版或菜单insert中插入hyper link。...2010-06-09 14:41:46 · 134 阅读 · 0 评论 -
8、Working with Images
1、网页常用的图片格式有三种:jpg、gif、png。jpg有上百万种颜色,是一种有损压缩,不支持透明,一般用于大图和照片。gif最多支持256种颜色,适用于图标、小颜色的图片。png支持透明。使用前可以用firework的optimise面版对比选择。 2、assets面版会显视site下的所有照片,另外也可以使用收藏夹的形式组织图片。 3、在dw中,直接从files/as...2010-06-08 20:43:00 · 77 阅读 · 0 评论 -
7、Controlling Typography
1、测量单位分两种,一种为absolute,另一种为relative。point(pt),inches(in),centimeter(cm)属于absolute。ems(em),ex(ex),precentage(%),pixels(px)属于relative。 2、point(pt)是1/72inche。主要用在打印领域。inches也就是inche,主要也是用于打印领域。cm就是...2010-06-08 14:19:40 · 83 阅读 · 0 评论 -
6、CSS Foundations
1、起作用的优先级:inline style优于embedded style优于external style。 2、css的定义包括selector和declaration。selector与declaration之间用空格格开。declaration中的property与value之间用:号分隔。属性与属性间用分号隔离。 3、在工作区选中一个html元素后点击属性面版中的c...2010-06-08 01:02:17 · 92 阅读 · 0 评论 -
5、Adding Text and Structure
1、默认情况下,从word复制文字并粘贴到dw时只粘贴文字,若想保持格式,可以在edit-preference的copy/paste中设置。 2、dw从import中可导入word/excel到工作区中。也可以从file面版中拖word文件进工作区。 ...2010-06-07 21:02:54 · 67 阅读 · 0 评论 -
4、Creating New Documents
1、在edit-preferences中的new document选项时可以设置新建文档时的默认设置,包括编码、后缀、dtd、bom等。。 2、在edit-preferences中的accessibility选项中可以设置插入某些对像时是否弹出相关参数设置对话框,例如image/object/media/frame。 3、新建文件时,如果选择布局的css放在独立的文件中,那html的链...2010-06-07 15:52:29 · 106 阅读 · 0 评论 -
3、Site Control
1、不同类形的文件可以考虑放在不同的文件夹中。 2、文件名字最好不要有空格和特殊字符。多个单词可以用下划线分开。开始字符不要使用数字。尽量不要使用大写字母。 3、同一类文件使用统一的后缀,例如html/htm。 4、在file-site/site manage中可以设置file面版中屏闭哪些文件、显视哪些信息。如果使用了spry,可以设置spry的位置。 5、...2010-06-07 15:14:01 · 96 阅读 · 0 评论 -
2、The Dreamweaver Interface
1、document tool bar中的split模式下代码和视图是分左右两边放的,如果想调整为上下两边放,可以点击view-split vertical 2、点击document toolbar 中的live view可以在webkit引擎下预览页面。另外点击球状的图标,可以在ff/ie/device central/adobe browserlab下预览页面。前者与后者的区别是...2010-06-06 23:44:13 · 55 阅读 · 0 评论 -
16、Managing Sites
1、点击菜单window-results-site report可以检查哪些页面没有标题、alt提示等问题。 2、window-results-linking checker可以检查哪些链接有问题。 3、打开一个文件(html/css等),点击工作区的工作条的live code后的图标可以检查该文件在各浏览器中的兼容性。 4、在site-manage site中设置好远程主机信息...2010-06-12 00:59:25 · 72 阅读 · 0 评论