文档介绍:DREAMWEAVER8基础
安装好Dreamweaver8中文版后,运行,选择Dreamweaver8工作区后,将看到下面的画面:
一、①为菜单区,和其它的软件一样,该软件所有的操作命令都可以从这一个区内找到,举个例
子,选),可以对数据库进行操作。
三、对④区的详解如下图:
国:1-:无标题文档操作举例题目:用DREAMWEAVER8制作一个简单网页
文件哲建用子看国网帖
同时裳于;代M制设i+班图
慢走冏、的M3
网电网
在上图中,点击带有向下小箭头的工具,会弹出更多选择。
四、
⑤ 区为网页设计区,你所设计的网页或代码将出理在该区。
五、
⑥区为属性区(属性面板),在该区可以对选中的对象进行一些设置(后面将有详细讲解)。
六、
⑦区如下图所示,详细的使用将在后面的章节详细讲述。
实验操作步骤:
打开DM8,点击Insert插入工具栏表格按钮,在弹出对话框中设置表格属性。
设置行为5,列为1,宽度width为700像素
在表格第一行中输入文本的标题
点击菜单windowproperies修改,打开属性面板。
.鼠标点击表格第二行,在属性面板中点击“bg”背景后的颜色框,如图,设置表格背景为
深蓝色,代码为“003366”
第三行为空
第四行输入文本内容,回车,点击insert工具栏图片按钮,选择一个图片插入表格中。
设置居中,再回车输入几个文字,也设置居中。
鼠标点击表格第二行,点击Insert工具栏图片按钮,插入一个1*1像素大小的透明图片。
设置表格高度为1,单元格成为一条直。
写上网页的标题。
.完成本页制作,按F12键预览网页效果。
实验二
图文并茂
实验目的:学会使用图像和直线的做法
一、直线问题
L打刑feamwe和部界,点击Insert工具栏直段按铀插入-M据
2/触巾涯篮疑和喊豪并且居也
浦靛上角胃示代印鲍进入源照㈱:
4,“加”奸ftxxxr,设施埃鹿为红色
5凄聘仙M纥赌不刚他
员瓶翻制值阚2镶觥顺费悬
、图像排列
㈱阳州皿骗骷hwrtXRg/槌H在耨眦耀帼戏稠卷?
工修睇-神T肿加人-
4在新Q狮鞠入您雅要版菽
&藏神制作"打魂殿服躅
L打开Dfmim的廿融MXr输入几出文字
Z点击In聘吐工具栏图片按钮,在立字中播入一个图片.
3选中图片,在属性Porperties,,"Loft"
儿可以推动图片到您所希望的地方;
、这样就做好了一个文字环境图像的网页,完成本根闾作r按F12例测览网页效果,
四、项目列表
MK*输/“我的爱JF,设置售中
2点击Imwt工具拈Text”按钮,打开文本弹5t再点击技能,为无择别就
,鬓似“粒的矍好;分别再做»独的收霰,”三个无序打委的项乩
4在“我的相册批下再输入三个项目,,”
“有序见雷校科透中的三个项目就成了如图所示的看序列JL
6,相耦设置居申,设置右边疆进
工先成本例冽作,按F12耀保登网页城果
五、移动文字
I,打开加防叫ea^r魅,输人如图文笈选中第一行文字,查看源代码,
.如图^marqueedirection=ltift>P,表示文字从右向左耨动
.第三行文字"<marqufteheh3vior=ECroll>P,表示文字的动作是循环澳动:
.重明行文字设置了移动延N九
5,最后一行文字,分别表示边框垂直距离30和水平独离20,边框宪60:渝索I背景包代利为阡faa励「变字居也
8完成本例制作,按F12倍^览网页效臬
实验三
表格应用
实验目的:学会表格在网页中的用法
实验内容:
3-1图片的叠字问题
1打开Dzm加抑的1K,点点去*收工具栏表楣按杷,在弹出对话框申设置表格IS性.
r-'
3,南击倡柱而机在对话裾中点击“B屋的文件夹校通选择一篇图片作为背曩图片.
4朋标点毓格边检蹄袤稼如图所赤便袅醐长宽大小与背融片的大小相同.
5芯表格中输入鸵般箕洲就在图片上淞加了焯.
6完成搦制化窗陶施览网员效果
3-2表格的背景
L打开山蜘螂㈢丫⑼:
.在部面板也点击飞葭的文件夹拉也在一个单元格巾插入T菅即出
.鼠标点击表格逆国拖动表格।使其长更大小与背景图片的大小适当,
4,再然个表翱一个背蒯片。插入一个3行3列的表落选中整个去格