Html教程：
一、新建网页及保存：
1.开始——附件——记事本
2.打开记事本，输入源码
3.文件——另存为——文件名（a1.html），保存类型（所有文件）——保存
二、文字格局：
1.换行标记
<pre></pre>：原样显示文本
<br>：换行
<p></p>：段落标记，比<br>多了一行空行
2.文本格式：
字体：<font></font>
属性包含：face-字体；size-大小；color-颜
字体样式：<b></b>加粗<i></i>倾斜<u></u>下划线
对齐方式：
方法一：作为属性可以添加在<p></p>;<div></div>中
方法二：直接给一个<center></center>，注意要放在<font></font>的外面。
三、页面
1.页面背景颜及文字颜：
均是作为body标记的属性来进行设置。
bgcolor：背景颜；text：静态文字的颜；
link：可链接文字的颜；alink：点击链接时文字的颜
vlink：访问过链接的颜。
2.背景图像-作为body标记的属性来进行设置
background=图像的相对路径，
注释：由于放图片的img文件夹和网页a1.html同为test文件夹下的成员，所有盘符和test文件夹中路径当中就可以省略了。
3.插入图像：
<img src=img\daiyu.jpg alt=黛玉是个好姑娘！width=200 height=300 align=left>
src：图像存放路径，alt：图像解释文字，width和height是图像中页面中显示的大小，align指的是图像相对于文字的对齐格式4.插入声音：
<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>
链接内容的地址：
1.相对路径（本地机器上的某一个页面、图片、文件）
2.地址：××××@####：
注意，href后面跟的是mailto：××××@####
3.internet上的某一个网站的地址
链接内容：
1.文字，
2.图片
六、框架网页
框架网页是由框架集页面与分框架网页构成
框架集页面：<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基础
一、文字的录入
1.换行<br>:shift+enter
段落<p></p>:enter
2.插入空格：
●插入——html——特殊字符——不换行空格
●在源代码中输入空格字符 
●ctrl+shift+space
●编辑——首选参数——编辑选项——允许输入多个连续空格
3.插入日期：
●插入——日期——弹出日期对话框——选择日期/星期/时间的显示格式
●常用工具栏——日期图标——弹出日期对话框——进行设置
4.插入水平线
●插入——html——水平线——属性面板可以设置水平线属性
●常用工具栏——html工具栏——水平线按钮
二、文字的编辑
1.文字的基本操作：（选取/复制/粘贴/剪切全部同word一样）
注意：选择性粘贴可以选择仅粘贴文本，也可以选择带样式粘贴
2.文字的属性设置：在属性面板中选择相应的设置选项即可
3.背景颜及图案可以在属性面板中的页面属性进行设置
三、链接的添加
1.选择要添加链接的内容（文字/图片）
2.在属性面板中到链接选项：可以直接输入网址，也可以点击右侧浏览文件的按钮选择要链接的对象。
3.在目标下拉框中选择需要的内容，如_blank
三、插入flash
1.flash
方法：插入——媒体——flash/常用工具栏——媒体按钮——flash
使背景透明的参数：
切换到代码视图，到插入flash的代码，添加一行新参数
<param name=”wmode” value=”transparent”>
2.flash按钮：
1.注意flash按钮的背景和页面背景保持一致
2.flash的保存路径必须是全英文的。
四、插入图像：
方法：常用工具栏——图像按钮——插入图片
注意：dw支持的格式：jpg，gif，png，不支持的格式：bmp
第四次课表格
一、表格的插入
●常用工具栏——表格按钮
●插入——表格
dw滚动文字代码●ctrl+alt+t
二、表格的基本操作
1.选择整个表格
●将光标定位在某一单元格中，右键单击——快捷菜单——表格——选择表格，即可选择整个表格
●光标定位在某一单元格中——修改——表格——选择表格
●ctrl+a+a
●利用<table>标记
2.选择表格的行/列：利用标记
三、表格的属性
边距（填充）：表示的是单元格的内容与单元格边界（四周）之间的距离
间距：单元格与单元格之间的距离
对齐：
●表格属性中的对齐指的是整个表格相对于页面的对齐方式
●单元格属性中的对齐，指的是单元格内容相对于表格的对齐方式
表格的格式化：命令——格式化表格
特表格的制作
一、利用表格制作细线
1.插入一个1×1的表格
2.设置表格的边框、间距、边距均为0
3.设置表格的背景为细线的颜
4.进入代码视图，将<td></td>标记中的 ；去掉，即可
二、细线表格的制作
1.插入一个3×4的表格
2.设置边框=0，边距（填充）=0，间距=1
3.设置整个表格的背景为细线的颜（蓝）
4.选择所有单元格将单元格背景设为白，保存即可。
三、制作隔距表格
1.插入1×4的表格
2.设置间距=2，边距（填充）=1，边框=0
3.设置所有单元格的背景为隔距表格的边框（绿）
4.在1×4的表格的每个单元格中插入1×1的表格，设置其宽度、高度均为100%，背景设为白。
5.复制该1×1的表格，粘贴到1×4的表格的其他单元格中。保存预览即可。
四、缺少边框的表格
1.插入2×5的表格
2.修改代码<table frame=#>
#:visides，表示只显示左右边框，hsides表示只显示水平边框
lhs表示只显示左边框，rhs表示只显示右边框，void表示不显示任何边框，above，只显示上边框，below，只显示下边框。
五、制作立体表格
1.插入一个2×5的表格
2.设置单元格背景为灰“#b7b7b7”
3.修改代码
<table bodercolorlight=”#ffffff” bordercolordark=”#ffffff”>
<td bodercolorlight=”#000000” bordercolordark=”#eeeeee”>
第五次课电子相册的制作
一、准备工作
1.安装fireworks，并且在开始制作电子相册时将Dreamweaver和fireworks全部打开。
2.将所有准备入相册的图片改成大小一致，并且放入同一个文件夹里（图片源文件夹dreamsky），保证路径为纯英文。
3.建立一个存放相册的独立文件夹（目标文件夹photo），同时保证路径为纯英文。
二、建立相册
1.Dreamweaver的命令——创建网站相册——弹出创建网站相册对话框：相册名称、副标题、选择图片源文件夹（dreamsky）、目标文件夹（photo）、设置缩略图大小（100*100）、列数（4）、建立导览页面（选中）
2.修饰页面：
●设置页面背景为黑
●更改标题样式，制作带阴影的文字
⏹插入——布局对象——层
⏹层中插入文字，设置为笔画较粗的字体（梦幻天空），颜设为深
⏹记录该层的位置、大小（左300px，上25px，宽是200px，高是45px）——属性面板
⏹鼠标在空白处单击一下（为了防止层的嵌套），再次插入一个新层，层中插入与第一层大小、字体相同的文字，颜可设为与
第一层系相同，颜较浅。
⏹将新层的大小、位置设为与第一层一致，并将该层偏左偏上微调（2个px即可），可利用键盘上的方向键，前提是选中该层。
3.相册中文件夹的清单：
index.html——相册首页
images文件夹——原图的拷贝
thumbnail文件夹——相册首页的缩略图
pages文件夹——每个图片的导览页面
第六次课
环形导航布局
1.在excel表格中涉及好布局，有7个flash按钮，则需建立（15×8）的表格。
2.设置页面颜为深
3.插入15×8的表格，表格边框设置为0
4.根据自己的设计，从表格的最右边最中间的部位开始合并单元格，将单元格合并完毕后，依次插入flash按钮，注意flash按钮和网页中同一个文件夹下，并且路径为纯英文。
5.flash按钮的背景与页面背景保持一致，使页面效果协调
6.插入主题图片，将其所在单元格的对齐方式设为垂直居中
页面过渡效果设置：
1.在常用工具栏中切换到html面板，单击文件头按钮，选择meta
属性：HTTP-equivalent；值：page-exit
内容:revealTrans(duration=x,transition=y)
注意：加入我是从A页面过渡到B页面，我们是将meta标记放在A页面中的。此外，A页面的链接目标必须不是在新窗口打开。
第六次课
玩具总动员
1.新建页面，插入一个2×2的表格
2.将事先准备好的背景图片插入，将边框/间距/边距均设为0使得背景图片可以很好的贴合作一起。
3.插入一个层，层中插入1×5的表格
4.将光标置于1，3，5单元格内，选择插入——图像——鼠标经过图像
5.在弹出的对话框中分别选择原始图像和鼠标经过图像即可
6.选中“预载鼠标经过图像”的复选框，可以使得鼠标经过图像提前加载在页面缓存中，使得图像转换更为流畅。
电影大世界制作
一、框架集
1.切换常用工具栏到“布局”工具栏——框架
2.选择“顶部和嵌套的左侧框架”
3.选中框架集网页，单击“文件”——“框架集另存为”——保存框架集页面film.html
二、框架页
1.依次建立6个页面：
topfilm.html——顶部的标题页面
left.html——左侧的菜单页面
1.html~4.html为主框架中介绍电影的页面
2.为各个框架指定源文件页面：
●将页面切换到film.html中
●按下alt键，同时点击要添加源文件的框架（topframe，leftframe，mainframe）中属性面板的源文件处，点击浏览按钮，选择对应
的源文件网页。
3.为left.html添加链接属性：
●回到film.html中，中此框架中的left页面里添加链接，注意，每个链接选择的目标是mainframe
第八次课行为
行为=事件+该事件所触发的动作，添加行为的对象
一、弹出信息窗口
添加行为的对象：<body>标记
事件：onload
动作：弹出信息
二、设置状态条文本
添加行为对象：带有空链接的文字（制作空链接：在文本区输入一行文字，选中，在属性面板的添加链接处输入一个英文状态下的#）事件：onmouseover
动作：状态栏文本改变
三、改变属性
添加行为的对象：带有空链接的文字
事件：onclick
动作：层的背景颜（属性）发生改变
方法：
●插入层layer1，输入“我是黄”，背景设为黄
●鼠标在页面空白处单击一下，然后分别插入layer2，layer3，底设为红和绿，分别在层内输入变为红，变为绿，并将该
文字添加空链接。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。