2022年网站制作 .pdf

《2022年网站制作 .pdf》由会员分享，可在线阅读，更多相关《2022年网站制作 .pdf（24页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、看完 DW 视频教程做的笔记参考视频： 51 自学网Dreamweaver CS5网页制作教程笔记编写人：陈泳超家乡：福建漳州QQ：532777032 现实生活中没有谁会豪无顾虑的把毕生所学教给你，技术这东西是实打实的，要想变强， 只能靠自己。文字1、shift+enter 不分段换行图片1、GIF:容量小，透明背景、大量用于网站的LOGO 、广告条BANNER 、网页背景图像。但是颜色显示不适合用于照片集德网页图像。2、JPEG: 容量小，画质好，通常用于显示照片等颜色丰富的精美图片。3、PNG：融合了 GIF的透明又有JPEG精美图像特点。用于网页制作效果图。4、图片要先进行优化在上传】超

2、链接1、_SELF: 会在当前页面所在的窗口或框架中打开（默认方式）2、_new 会在同一个刚创建的窗口中打开。(只新建一个窗口) 3、_blank:每一个连接会创建一下新的窗口。（点几次那个连接就会新建几次那个窗口会新建）4、_parent: 如果是嵌套的框架，则在父框架中打开。5、_top:会在完整的浏览器窗口中打开。6、图片热区域链接很好用7、#为空链接8、邮箱链接在常用里面的插入邮箱链接9、友情链接可以用下拉列表跳转菜单做JAVAScript 脚本1、用 JavaScript 特效做跳转相册2、添加到收藏夹（选中“收藏本站”这几个字，然后将代码复制到超链接的那个地方）：javascri

3、pt:window.external.addFavorite(http:/,我要自学网 ) 3、关闭窗口： javascript:window.close() 4、弹出一个提示对话框：javascript:alert(hello!) 5、设置默认主页：（需要通过空链接#，触发 onClick 事件）onClick=this.style.behavior=url(#default#homepage);this.setHomePage(http:/ 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - -

4、 - 第 1 页，共 24 页 - - - - - - - - - HTML 语言例: 标题 正文 1、 水平线2、段落标记3、 回车换行标记4、 网页标题标记5、图像标记（ ）6、超链接（ ）7、width 宽度， height 高度8、 里面的信息可以在插入HTML文件头信息里面找到。表格例: 1 2 3 4 解释： (width 宽） (border 边框 ) （ cellspacing 间距）（cellpadding 填充） （ 行标记）1、插入表格，宽度可以是像素（固定了不变），也可以是百分比（随浏览器的拉伸与缩小而变化） 。2、表格间距是指表格内外边之间的距离3、表格填充是指表格内

5、边距离文字的长度。4、表格背景颜色移动鼠标在表格外边框左边会出现箭头号可以选中表格属性。CSS样式里面可以设置表格的背景。5、单元格的长宽可以是这么表示50% 或者是 100 6、表格边框的颜色右键表格的边框，编辑标签出现下图名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 24 页 - - - - - - - - - 7、表格细边框在属性面板设置边框为0 间距为 1 然后右键边框找到标签编辑标签设置背景为黑色。8、页面排版一般用表格嵌套表格在嵌套表格来版. 9、设置单个单

6、元个的背景CTRL+ 鼠标左键点击那个单元格，点击代码，在td 那个标签里面加如 background= 图片位置。 10、嵌套单元格的时候注意调整填充值，要排版嵌套表格在表格内的位置要先CTRL+ 右键选中那个单元格那个td 那个标签，然后由这里调整表格的位置11. 单元格排版时候， 控制单个单元格大小时，把  直接删除了之后会比较好控制。（  ）12、布局国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、FLASH型、变化型。1、 一个页面要有页眉（LOGO 那一栏）页脚（网站注册信息）才算完整。做一个网页要扣除左右上下两个滚动条来设计比例，比如1

7、024*768 设计出来扣除右边宽下边框应该是980*600 2、 BBS之类的左右框架结构是根据布局框架来实现的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 24 页 - - - - - - - - - 3、 框架的运用：框架保存的时候。要分别保存各自的页面，然后最后选中框架集，记住，选中框架集要保存两次，页面才算保存，想左右结构的框架要保存4 次，更保险的做法就是，选中，保存全部页面选项，然后再一个一个区改。4、 链接的时候要在哪个边框选项记得看窗口框架先 设 置

8、 好 要 网 页 的 链接，然后在属性面板里面选中目标，里面找到要显示在那个框架名称保存。5、选中框架集， 可以在属性里面设置框架的边框颜色，粗细。6、左右框滚头条：先要在窗口里面打开框架的窗口然后选中做框架或者是有框架，在属性面板里面有滚动，就可以设置了。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 24 页 - - - - - - - - - 7、增加新框架，在已经有的框架中创建新框架，只要把鼠标移动的窗口的外围然后拖动， 就可以拉出框架出来。按住 ALT在拖动已经

9、有的框架边，就可以拉出一个新的框架出来。8、画中画，网页中的网页，点击布局菜单的IFRAME 这时会切换到代码页面： 在里面输入windth= ( 宽)height=( 高) scr=(超链接 )例如：9、相册制作方法：先插入一个2 行一列的表格，选中上面那个表格插入一个表格有几个属性要设置windth= ( 宽)height=( 高) scr=(超链接 ) Scrolling=( 滚动条设置有无)Frameborder=( 设置框架边框)Name=( 设置框架名字) 相册的封面必须单独分出来一页。 align=( 对齐方式 ) 10、给单个表格编辑背景图片的时候要代码里面改，选中单个单元格，

10、在td 后面空一格输入 background= （图片地址）参考视频： 51 自学网Dreamweaver CS5网页制作教程笔记编写人：陈泳超家乡：福建漳州QQ：532777032 多媒体1、FLASH 一般生成 FLA文件，SWF是导出视频的格式，网络上FLASH一般是 SWF格式文件2、插入SWF 的文件，可以在属性的Wmode 里面设置FLASH 的透明不透明状态，3、百度文库的制作方法：首先下载一种叫做Flashpater 终极版的软件，然后按照说明安装，然后，把文字拷贝进TXT文本里面，右键TXT文本，就有转换成SWF的文件，打开DW，在里面插入 FLASHpaper. 就可以了4

11、、 CS4没有图片查看器要安装CS5才有，图片查看器是，FLASH格式的查看器。5、 音乐格式：纯音乐适合用mid 格式保存，正常格式是RM 格式， WMAMP3WAV(文件大小 ) WAV是音乐的原始文件，不适合在网页中运行名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 24 页 - - - - - - - - - 网页的背景音乐：在 标签中间做的， 其中bgosound 是背景音乐，autostart （是否自动播放至能选择true ）loop(控制音乐的循环次数，-

12、1 是无限次循环。) 方法 2、插入媒体插件在里面找到自己想要的音乐。FLASH 视频格式： FLV 格式，插入媒体FLV 。设置视频格式为累积式视频（边下载边播放的视频） FLASH 视频为现在网络上主流式视频格式。1、AP DIV 绝对定位的层 其中是段落， div 是标签 AP DIV标签的符号。表格布局是相对定位，层是绝对定位。DIV 的属性设置的代码是在之间的。DIV 里面的图片是在里面设置的 无标题文档 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 24 页

13、 - - - - - - - - - 2、 一次性插入多个相同的层: 按住然后拖到界面上，拖出来的层大小相等，默认的层大小时可以改的，在首选参数里面，AP DIV里面改。3、 让多个层大小相等。SHIFT按住多个层，修改排列顺序设置宽度相等（设置长度相等）。4、 不分段换行： Shift+Enter 5、 层是 AP 元素（就跟 PS 面板一样可以选中层）和行为（可以配合超链接做隐藏和显示图层）牢记文字的那个超链接的地方要打上# 字号6 、 层的可见性： visible（见的） default(默认 ) inherit（继承） hidden （隐藏）7、 层的溢出， 层的内容超过层的情况可以选

14、择visible（见的）、hidden （隐藏）scroll （滚动条） auto （滚动条），但是，汉化之后的DW 属性面板里溢出不可用所以要在 CSS 新建样式，然后找到定位溢出来用8、剪辑：可以隐藏层左右上下边缘的大小。9、 层的嵌套，像这样把层2 的代码插入层1 的代码里面就叫做嵌套。如果层1 设置隐藏，层二也会变成隐藏。 ，也可以在AP 元素框里面点中一个层，然后按住CTRL 键，拖动到另一个层上松开。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 24 页 -

15、 - - - - - - - - 10 、调出标尺之后，按住CTRL 键之后可以测量两条标尺的距离。11 、DIV 层来布局页面时，要用到标尺，网格，注意在AP 元素面板里面设置防止重叠。布局完表格了之后可以将 DIV 转换成表格在修改转换将DIV 转换成表格。行为（ javascript）onFocus 当图片或者文本框被选中的时候onLoad 当网页打开时onunload 当网页关闭时onMouseOver 单鼠标经过时onMouseOut 当鼠标离开时当前 DW 的这些特效只是部分，还有很多要在网页上面下载下来，比如在百度输入网页特效就会弹出来很多了。 http:/。吧里面的代码照上面的

16、提示打进代码里面就可以实现。注意删除多出来的文字。和懂得怎麼去用。有些代码要放在head标签内，有些要放在BODY 标签里面，有些要删除标签前面的工作环境，有些要改变网页的背景颜色才能显示1、行为就是编号的javascript脚本程序，做一个动作分3个步骤。第一你必须选中一个对象，第二，你要在行为面板里面添加一个行为，第三，你要设置，触发这个行为的事件，比如说鼠标经过或者单击。2、弹出提示信息框、第一步先要选中页面的body 在行为里面添加弹出信息写入要弹出什么内容onLoad (网页打开时 ) ，可以添加弹出信息。3、登陆界面的提示信息，先插入 2 行一列的表格，打上文字，然后插入文本框，命

17、名，然后在状态栏里面选中这个选中那个标签，增加行为设置文本设置文本域文字，设置3 个动作onMouseOver （经过时） onMouseOut （离开时）onFocus()（鼠标停在上面时）设置onFocus()（鼠标停在上面时）显示的内容。4、利用动作制作相册，拉1 个层到正中央，这里是要显示的图片，拉3 个层到到下面一字排列，拉4 张图分别放在这4 个层内，选中正中央的那个图片属性里面改ID 为” tupian” 选中，选中下面的图片，行为里面有一个交换图片，找到那个名字叫TUPIAN的，确认，下面的层照这个步骤。做完后会自动在行动里面生成一个 Onmouseover的行动。5、可移动的

18、层。新建一个层，放进来一张图片。然后点击页面空白的地方，打开行为窗口行为拖动AP元素选择层。选项里面可以选择可拖动的范围和靠近某个点会被吸过去的选项。是后面用力啊制作拼图的效果。（注意、限制表格的左边、右边、上边、下边。左边是指以图片左边为坐标（0.0 ）点、右边是指以图片右边为坐标（ 0.0 ）点、以上边是指以图片上边为坐标（0.0 ）点、下边是指图片下边为坐标（0.0 ）点以）名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 24 页 - - - - - - - - -

19、 6、层边框：选中层，打开层代码，选中层属性的那个代码块，新加一行，输入border(边框粗细 ) 、solid （颜色）6、经过时图片变大的做法：插入一张图片，ID 命名为 X，行为改变属性选择元素类型为IMG 元素 ID 为X，输入里面要自己拼写宽或长的代码，然后输入新的数值，记住退出之 后 要 设 置 鼠 标 经 过 实 践onMouseOver（当鼠标经过时） ，还要设置 一 个 鼠 标 离 开 时onMouseOut （当鼠标离开时） 。7、 导航条的下拉菜单：新建一个，插入1 行两列的表格，让层和表格紧贴，新建2 个层分别层层。分别靠近第一行第一列和第二行第二列，并且稍微叠在边沿处

20、，在 AP 框里面先隐藏掉2 个层，然后选中数字 行为显示隐藏选中层显示，确定，然后促发事件里面选中onMouseOver（当鼠标经过时）以同样地方法做隐藏效果。不过促发事件要改成 onMouseOut ，在层上按照刚才的步骤做一遍。接下来，按钮的文字经过变色效果， 首先选中文字， 点击下面的TD ， 打开代码， 在 TD 标签后面空一格输入 ID= “A1 ” 打开行为面板，行为改变属性元素类型选择TD ，元素 ID 选择 A1 ，属性选 COLOR ，新的值填要变成什么颜色的颜色代码，例如：#3300FF 8、网页里面插入一个层，填充颜色，光标地位在层里面然后插入一个小层，小层填充白色，小

21、层里面插入一个表格，小层始终紧贴表格，代码里面改变表格的大小为5 像素，边框为 0 ，表格里面写一个X，超链接里面写 # 号，界面左键，选中标签栏的body标签，行为效果闭帘。目标元素选层1, 的 ID ，持续时间 1000毫秒等于 1 秒 效果选择向下闭帘。促发事件选择 onLoad (网页打开时 )，选择小层，行为效果显示渐隐， ID 选对，然后促发事件要写Onclick 。9、挤压：只有表格可以做，层是绝对定位，要在层里面再插一个表格来做这个效果，选中一个1 行 3列的表格，分别填充3 种颜色，在中间那个层插入一张图片，选中图片，行为效果挤压。触发事件选择(onclick).注意（要在代

22、码里面把表格的边距和填充都改为0. ）10 、 变换层颜色： 新建一个层，写上字，改 ID 行为效果高亮颜色。触发事件为点击。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 24 页 - - - - - - - - - 11 、放大镜效果：行为效果增大收缩。选中层，放大缩小比例调。触发事件要调。CSS样式参考网站http:/ 个标签是定义所有标签的，选择器里面要选择一个标签。比如IMG （图片）在类里面设置了宽200 那以后每次插入一张图片到这个网页的时候默认就是宽200

23、 。但是定下爱之后就改不了了。2、CSS样式最好是独立出来一个页面。命名为CSS.CSS 然后在里面新建正文、标题、图片的样式，之后每个网页，只要在 标签之间加上一句调用的代码，就可以了。 比如图片，像调用CSS样式，可以直接在目标里面找到里面的某个样式调用。3、 手的输入类： 要在 标签之间加入 p（标签类型） font-size:44px; color:#9C0;（要改变的元素） 4、CSS编辑器里面有一个叫做类，这个是我们网页在做的时候经常用的，创建一个之后用的时候才调用， 不像标签一样一定义就全部标签里的文字格式都一样，改不了。 定义类名称时要在名称前面加一个“.”5、ID 样式的运用

24、，ID 样式编辑方法和前面一样，命名的时候要在名字前面加#号，每个ID样式只运用于，ID 符合命名的的那个图像，或者文字段落。6、复合申明，可以1 个或多个一样或不一样的类、ID、标签进行定义。中间用“，”号隔开7、样式的嵌套：比如，新建一个复合样式，参考视频： 51 自学网Dreamweaver CS5网页制作教程笔记编写人：陈泳超家乡：福建漳州QQ：532777032 在名称那输入P EM 设置字体绿色， ，EM 是斜体，那么当你在输入一段文字并给这个文字设置成斜体的时候，它就会自动变成绿色。8、样式的继承：先在页面插入DIV 层 ID命名为 A，在里面在插入一个DIV 层 ID 命名为

25、B,分别在其中输入文字，新建ID 样式命名#A， 然后属性设置为绿色，确定后你会发现B层里面的文字也变成了绿色，这久是继承9、 内设样式：比如一段文字， 好啊 你只 需 要 在P后 面 空 一 格 ， 输 入 好啊 10、DW 里面有一个扩展是可以改变图片的风格和效果的。叫做DW 滤镜名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 24 页 - - - - - - - - - DW 滤镜样式的语法规则程序代码style=filter: 滤镜名 (属性 1值 1,属性 2

26、值 2.) 其中， “ 滤镜名 ” 就是你在 DW 样式设置模块的滤镜下拉列表中看到的名称，属性值只需填入数字即可。下面是 DW 所提供的主要几个滤镜的功能说明：（以下二组表格采用了“ 盒子 ” 、“ 边框 ” 、 “ 区块 ” 、“ 类型 ” 等 CSS样式）程序代码Alpha：设置透明层次blur：创建高速度移动效果，即模糊效果Chroma：制作专用颜色透明DropShadow：创建对象的固定影子FlipH：创建水平镜像图片FlipV：创建垂直镜像图片glow：加光辉在附近对象的边外gray：把图片灰度化invert ：反色light：创建光源在对象上mask：创建透明掩膜在对象上shad

27、ow：创建偏移固定影子wave：波纹效果Xray：使对象变的像被x 光照射一样下面是主要滤镜资料包括语法、属性意义、简单例子及应用说明：程序代码 1.滤镜 :alpha 语法 : STYLE=filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY) 说明：Opacity:起始值，取值为0-100,0为透明， 100为原图 . FinishOpacity:目标值 . Style：1或2或3 St

28、artX：任? StartY：任意值例子： filter:Alpha(Opacity=0,FinishOpacity=40,Style=2) 2.滤镜 :blur 语法 : STYLE=filter:Blur(Add=add,Direction=direction,Strength=strength) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 24 页 - - - - - - - - - 说明：Add:一般为 1，或 0. Direction: 角度 ,0-315

29、度，步长为 45度. Strength:效果增长的数值,一般 5即可 . 例子： filter:Blur(Add=1,Direction=45,Strength=5) 3.滤镜 :chroma 语法 : STYLE=filter:Chroma(Color=color) 说明 : color:#rrggbb 格式，任意 . 例子： filter:Chroma(Color=#FFFFFF) 4.滤镜 :DropShadow 语法 : STYLE=filter:DropShadow(Color=color,OffX=offX,OffY=offY ,Positive=positive) 说明 : Co

30、lor:#rrggbb 格式，任意 . Offx:X 轴偏离值 . Offy:Y 轴偏离值 . Positive:1或0. 例子： filter:DropShadow(Color=#6699CC,OffX=5,OffY=5,Positive=1) 5.滤镜 :FlipH 语法 : STYLE=filter:FlipH 例子： filter:FlipH 6.滤镜 :FlipV 语法 : STYLE=filter:FlipV 例子： filter:FlipV 7.滤镜 :Glow 语法 : STYLE=filter:Glow(Color=color,Strength=strength) 说明 :

31、Color:发光颜色 . Strength:强度 (0-100) 例子： filter:Glow(Color=#6699CC,Strength=5) 8 滤镜 :Gray 语法 : STYLE=filter:Gray 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 24 页 - - - - - - - - - 例子： filter:Gray 9.滤镜 :Invert 语法 : STYLE=filter:Invert 例子： filter:Invert 参考视频： 51

32、自学网 Dreamweaver CS5网页制作教程笔记编写人：陈泳超家乡：福建漳州QQ：532777032 10.滤镜 :Mask 语法 : STYLE=filter:Mask(Color=color) 例子： filter:Mask(Color=#FFFFE0) 11.滤镜 :Shadow 语法 : filter:Shadow(Color=color,Direction=direction) 说明 : Color:#rrggbb 格式 . Direction: 角度 ,0-315 度，步长为45 度. 例子： filter:Shadow(Color=#6699CC,Direction=135

33、) 12.滤镜 :Wave 语法 : filter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength) 说明 : Add:一般为 1，或 0. Freq:变形值 . LightStrength: 变形百分比 . Phase:角度变形百分比. Strength:变形强度 . 例子 :filter:wave(Add=0,Phase=4,Freq=5,LightStrength=5,Strength=2) 13.滤镜 :Xray 语法 : STYLE=filter:Xray 例子 :filter:X

34、ray 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 24 页 - - - - - - - - - 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 24 页 - - - - - - - - - 基本结构标签 : ,表示该文件为HTML 文件, 包含文件的标题,使用的脚本 ,样式定义等-, 包含文件的标题,标题出现在浏览器标题栏中, 的结束标志,

35、 放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. , 的结束标志,的结束标志其它主要标签 ,以下所有标志用在 中: ,链接标志 ,为链接的文件地址,显示图片标志 , 为图片的地址, 换行标志,分段标志,采用黑体字,采用斜体字,水平画线, 定义表格 ,HTML 中重要的标志, 定义表格的行 ,用在 中,定义表格的单元格,用在 中, 字体样式标志属性 : 属性是用来修饰标志的,属性放在开始标志内. 例:属性 bgcolor=BLACK表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性 : 对齐属性 ,范围属性 : ALIGN=LEFT,

36、左对齐 (缺省值 ),WIDTH=象素值或百分比,对象宽度 . ALIGN=CENTER, 居中 ,HEIGHT= 象素值或百分比,对象高度 . ALIGN=RIGHT, 右对齐 . 色彩属性 : COLOR=#RRGGBB,前景色 ,参考色彩对照表. BGCOLOR=#RRGGBB,背景色 . 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 24 页 - - - - - - - - - 表示绝对居中. 表格标识的开始和结束. 属性 : cellpadding=数值单位

37、是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width= 数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址 ,定义表格背景图 表格中一个表格行的开始和结束; 表格中行内一个单元格的开始和结束属性 : Colspan=,单元格跨越多列; Rowspan=,单元格跨越多行; Width=; 定义表格宽度Height=; 定义表格高度Align=; 对齐方式Valign=; Border=, 边框宽度 ; Bgcolor=, 背景色 ; Bordercolor=, 边框颜色 ; Bordercolor

38、light=, 边框明亮面的颜色; Bordercolordark=, 边框暗淡面的颜色; Cellpadding=, 内容与边框的距离(默认为 2); Cellspacing=,单元格间的距离(默认为 2); 强制换行 文本标识的开始和结束属性 : face=字体color=颜色加粗文字标识的开始和结束属性 : style=font-size:40pt;, 用样式表方式控制字体大小,这里是 40 点, 分区标识的开始和结束属性 : align=|center|left|right|水平对齐方式 动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动属性 : scrollamount=16

39、0, 滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时 ,单位 :毫秒段落标识 , 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 24 页 - - - - - - - - - 空格符 , 贴图标识属性 : src=././ 图片链接地址 ,贴图标识必备属性style=filter:Alpha(opacity=100,style=2); filter: 样式表滤镜 ; Alpha:透明滤镜 , opacity

40、:不透明度 100(0100); style:样式 2(03), rules=none 不显示内框 多媒体文件标识属性 : SRC=././FILENAME, 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav 等音频 ,还可播放 .swf 和.mov 等视频. AUTOSTART=TRUE/FALSE, 是否要音乐文件传送完就自动播放,TRUE是要 ,FALSE 是不要 ,默认为 FALSE LOOP=, 设定播放重复次数,LOOP=6表示重复6 次,true 或-1 为无限循环 ,false 为播放一次即停止. STARTIME= 分:秒 , 设定乐曲的开始播放时间,如 2

41、0 秒后播放写为STARTIME=00:20 VOLUME=0-100, 设定音量的大小.如果没设定的话,就用系统的音量. WIDTH,HEIGHT, 设定控制面板的大小,都设为 0 可隐藏播放器HIDDEN=TRUE, 隐藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE, 设定控制面板的样子, ,背景音乐标识 ,只能用于 .wav 和.mp3 格式 . 属性 : LOOP=, 设定播放重复次数,LOOP=6表示重复6 次,true 或-1 为无限循环 ,false 为播放一次即停止. 表单标签 : 表格标识的开始和结束,表单的内容都放在这里. 下边的标签放在表单内: 下拉

42、选择框 属性 : Multiple, 多选, 大量文字输入的编辑块属性 : 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 24 页 - - - - - - - - - Cols=,行; Rows=,列; , 文本框, 密码框, 提交按扭, 复选框, 单选框, 重置按扭, 图片按扭, 隐藏域,按扭, 浏览文件公共属性 : Name=; Value= Size= 框架标签 : .,定义框架 . , 放在框架标签内,定义每个框架的内容. 属性 : Cols= Rows= F

43、rameborder= Framespacing= src= Scrolling=,滚动条 (No,Yes); Noresize,框加大小不可变; Marginhight=, 高度空余空间; Marginwidth=, 宽度空余空间; Target=,目标框架 . 其他标签 : ,背景音乐 ; Src= Loop=, 循环次数 ; ,媒体播放块 ; Src= Loop=, 循环次数 ; , 滚动部分 ; 属性 : Bgcolor= Behavior,设置或获取文本如何在字幕中滚动. Direction=, 滚动方向 ; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - -

44、- - - - - - - - - - 名师精心整理 - - - - - - - 第 18 页，共 24 页 - - - - - - - - - Height= Width= Loop=, 环次数 ; scrollAmount=, 设置或获取介于每个字幕绘制序列之间的文本滚动像素数. scrollDelay=, 设置或获取字幕滚动的速度. scrollHeight=, 获取对象的滚动高度; scrollLeft=, 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离. scrollTop=,设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离. trueSpeed=, 设置或

45、获取字幕的位置是否使用scrollDelay 和 scrollAmount 属性计算 ,已过的实际时间来自于时钟计时. ,注释标记 ,在之间的内容将不在浏览器中显示. - 基本标签 : , 创建一个 HTML 文档 ; ,设置文档标题和其它在网页中不显示的信息; , 设置文档的标题; , 最大的标题 ; , 预先格式化文本; ,下划线,黑体字 ; ,斜体字 ; , 打字机风格的字体; , 引用 ,通常是斜体 ; ,强调文本 (通常是斜体加黑体); , 加重文本 (通常是斜体加黑体); ,设置字体大小从1 到 7,颜色使用名字或RGB的十六进制值 ; ,基准字体标记; ,字体加大 ; , 字体缩

46、小 ; ,加删除线 ; , 程式码 ; , 键盘字 ; ,范例 ; , 变量 ; ,向右缩排 ; , 述语定义 ; ,地址标记 ; ,上标字 ; , 下标字 ; . 固定宽度字体(在文件中空白、换行、定位功能有效) . 固定宽度字体(不执行标记符号); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页，共 24 页 - - - - - - - - - ., 固定宽度小字体; .字体颜色 ; . 最小字体 ; .无限增大 . 参考视频： 51 自学网Dreamweaver CS

47、5网页制作教程笔记编写人：陈泳超家乡：福建漳州QQ：532777032 格式标签 : ,创建一个段落; ,将段落按左、中、右对齐; ,换行 ,插入一个回车换行符; , 从两边缩进文本; , 列表标签 ,定义列表 ; ,定义列表标题 ; ,定义列表内容 ; 例: 标题 1 内容 11 内容 12 标题 2 内容 21 内容 22 , 列表标签 ,定义一个标有数字的列表; , 列表标签 ,定义一个标有圆点的列表; ,放在每个列表项之前; 放在 之间则每个列表项加上一个数字,放在 之间则每个列表项加上一个圆点; , 分区标签 ,用来排版大块HTML 段落 ,也用于格式化表; ,选项清单 ; , 目录

48、清单 ; , 强行不换行 ; 水平线 (设定宽度 ); , 水平居中 . 链接标签 : ,创建超文本链接; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页，共 24 页 - - - - - - - - - ,创建自动发送电子邮件的链接; , 创建位于文档内部的书签; , 创建指向位于文档内部书签的链接; , 文档中不能被该站点辨识的其它所有链接源的URL; , 定义一个链接和源之间的相互关系; 链接标签注解 : target=., 决定链接源在什么地方显示(用户自定义的名字

49、,_blank,_parent,_self,_top); rel=., 发送链接的类型; rev=., 保存链接的类型; accesskey=.,指定该元素的热键; shape=., 允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly); coord=., 使用像素或者长度百分比来定义形状的尺寸; tabindex=., 使用定义过的tabindex 元素设置在各个元素之间的焦点获取顺序(使用 tab 键使元素获得焦点 ). 表格标签 : , 创建一个表格 ; , 表格中的每一行; , 表格中一行中的每一个格子; , 设置表格头 :通常是黑体居中文字

50、; , 设置表格格子之间空间的大小; , 设置边框的宽度; , 设置表格格子边框与其内部内容之间空间的大小; , 设置表格的宽度.用绝对像素值或总宽度的百分比; , 设置表格格子的水平对齐方式(left,center,right,justify); , 设置表格格子的水平对齐方式(left,center,right,justify); , 设置表格格子的垂直对齐方式(baseline,bottom,middle,top); , 设置一个表格格子跨占的列数(缺省值为1); , 设置一个表格格子跨占的行数(缺省值为1); , 禁止表格格子内的内容自动断行; , 表格的标题 ; ,定义多个列为一组列