dw全部教程.doc

Html教程:
一、新建网页及保存:
——附件——记事本
,输入源码
——另存为——文件名(),保存类型(所有文件)——保存
二、文字格局:

<pre></pre>:原样显示文本
<br>:换行
<p></p>:段落标记,比<br>多了一行空行
:
字体:<font></font>
属性包含:face-字体;size-大小;color-颜色
字体样式:<b></b>加粗<i></i>倾斜<u></u>下划线
对齐方式:
方法一:作为属性可以添加在<p></p>;<div></div>中
方法二:直接给一个<center></center>,注意要放在<font></font>的外面。
三、页面
:
均是作为body标记的属性来进行设置。
bgcolor:背景颜色;text:静态文字的颜色;
link:可链接文字的颜色;alink:点击链接时文字的颜色
vlink:访问过链接的颜色。
-作为body标记的属性来进行设置
background=图像的相对路径,
注释:,所有盘符和test文件夹中路径当中就可以省略了。
:
<img src=img\ alt=黛玉是个好姑娘! width=200 height=300 align=left>
src:图像存放路径,alt:图像解释文字,width和height是图像中页面中显示的大小,align指的是图像相对于文字的对齐格式
:
<embed>标记:
src:声音文件存放路径;autostart:自动播放;
loop:循环播放,其值可以是true/false,也可是数字代表循环次数
hidden:隐藏播放器;width和height是播放器大小
<bgsound>标记:
src:声音文件存放路径
loop:循环播放,其值可以是true/false,也可是数字代表循环次数
注意:bgsound嵌入声音文件默认自动播放和隐藏
四、表格
<table></table>:表格的起始标记:
align属性控制整个表格相对于页面的对齐方式
width和height属性控制整个表格的宽和高
border属性控制表格边框粗细
<tr></tr>:表格的行标记
align属性控制表格内容相对于表格单元格的对齐方式
bgcolor:该行的背景颜色
width和height控制当前行的宽和高
<td></td>:表格的列标记
在表格中是先画大框架,再画行,行里面画列
控制表格内容字体可加<font>标记
五、超级链接
<a href=链接内容的地址>链接内容</a>
链接内容的地址:
相对路径(本地机器上的某一个页面、图片、文件)
电子邮件地址:××××@####:
注意,href后面跟的是mailto:××××@####
上的某一个网站的地址
链接内容:
,
六、框架网页
框架网页是由框架集页面与分框架网页构成
框架集页面:<frameset></frameset>
rows:表示将页面横向划分,可以采用像素/百分比/比值三种形式
ex:rows=80,*就代表将页面分为上下两个部分,上方高为80像素
其余部分为下方所占。
cols:表示将页面纵向划分
分框架网页:<frame></frame>
src:该框架所包含的页面的路径
name:该框架的名称,以便以后添加链接使用。
七、滚动文字
<marquee></marquee>:使标记之间的对象滚动起来
direction=left(默认)/right/up/down
behavior=alternate(交替)/scroll(循环)/slide(幻灯片)
bgcolor=滚动条的背景色
添加行为:
onmoseover=stop()鼠标放上停止滚动
onmouseout=start()鼠标离开开始滚动
第二部分:Dreamweaver 8
第三次课:dw基础
一、文字的录入
<br>:shift+enter
段落<p></p>:enter
:
插入——html——特殊字符——不换行空格
在源代码中输入空格字符&nbsp;
ctrl+shift+space
编辑——首选参数——编辑选项——允许输入多个连续空格
:
插入——日期——弹出日期对话框——选择日期/星期/时间的显示格式
常用工具栏——日期图标——弹