dreamweaver2个表格并排.docx
《dreamweaver2个表格并排.docx》由会员分享，可在线阅读，更多相关《dreamweaver2个表格并排.docx（6页珍藏版）》请在冰豆网上搜索。
dreamweaver2个表格并排
竭诚为您提供优质文档/双击可除
dreamweaver,2个表格并排
篇一：
dreamweaver_2--基于表格的页面布局
dreamweavercs4网站制作入门网站制作实例一：
cafetownsend
cafetownsend
一、创建工作目录
工作目录就是你建立站点时所要使用的本地文件夹，dreamweaver将此文件夹称为本地站点。
本地文件夹通常是你的计算机硬盘上的一个文件夹，例如：
d:
\mywebsites。
1、在d：
盘上创建名为mywebsites的新文件夹。
2、下载所需素材。
cafe_townsend.rar
3、将下载得到的素材解压缩到mywebsites文件夹中。
你将使用d:
\mywebsites\cafe_townsend文件夹作为站点“cafetownsend”的根文件夹（主文件夹）。
二、定义本地文件夹
您必须为创建的每一个新web站点定义dreamweaver本地文件夹。
本地文件夹是您在硬盘上用来存储站点文件的工作副本的文件夹。
如果不定义本地文件夹，dreamweaver中的某些功能可能
无法正确运行。
如果定义了本地文件夹，您还可以管理文件，并使用一些文件传输方法在本地与web服务器之间传输文件。
1、启动dreamweaver，选择“站点”>“管理站点”。
2、在弹出的“管理站点”对话框中单击“新建”按钮，然后选择“站点”。
3、在弹出的“站点定义”对话框中，如果显示向导（“基本”选项卡），则单击“高级”选项卡，然后从“分类”列表中选择“本地信息”（它应当是默认选项）。
4、在“站点名称”文本框中，输入cafetownsend作为站点名称。
5、在“本地根文件夹”文本框中，指定在上一节中复制到d:
\mywebsite文件夹中的cafe_townsend文件夹。
你可以单击文件夹图标来浏览并选择该文件夹，或者在“本地根文件夹”文本框中输入路径。
6、在“默认图像文件夹”文本框中，指定cafe_townsend文件夹中已有的images文件夹。
你可以单击文件夹图标来浏览并选择该文件夹，或者在“默认图像文件夹”文本框中输入路径。
7、单击“确定”。
随即出现“管理站点”对话框，显示您的新站点。
8、单击“完成”关闭“管理站点”对话框。
此时“文件”面板显示当前站点的新本地根文件夹。
“文件”面板中的文件列表将充当文件管理器，允许您复制、粘贴、删除、移动和打开文件，就象在计算机桌面上一样。
现在，已经为您的站点定义了一个本地根文件夹。
本地根文件夹是本地计算机上用来存储web页面的工作副本的文件夹。
如果您以后想要发布页面并使其可供公众访问，则需要在运行web服务器的远程计算机上定义一个远程文件夹，用来存储本地文件的已发布副本。
三、了解你的任务
下图是一张为cafetownsend（一个需要制作web站点的虚构餐馆）设计的、完整的和符合要求的设计草样。
作为web设计人员，您需要对草样进行转换，使之最终形成可以使用的web页面。
创建基于表格的页面布局
表格是用于在html页上显示表格式数据以及对文本和图形进行布局的强有力的工具。
你可以使用表格快速轻松地创建布局。
在本实例中，你将在一个新的dreamweaver文档中创建若干表格。
这些表格的行和单元格实际上将用作你将在以后添加的内容的“容器框”。
一、创建并保存新页面
建立站点并检查设计草样后，你就可以开始创建web页面了。
首先你将创建一个新页面，并将它保存到你的web站点的本地根文件夹mysite中。
该页面最终将成为虚构餐馆cafetownsend的主页。
1、在dreamweaver中，选择“文件”>“新建”。
2、在“新建文档”对话框的“常规”选项卡上，从“类别”列表中选择“基本页”，从“基本页”列表中选择“html”，然后单击“创建”。
3、选择“文件”>“另存为”。
4、在“另存为”对话框中，浏览至定义为站点的本地根文件夹的mysite文件夹并打开该文件夹。
5、在“文件名”文本框中输入index.html，然后单击“保存”。
文件名即出现在应用程序窗口顶部的标题栏中。
6、在新文档顶部的“文档标题”文本框中，键入cafetownsend。
这就是页面的标题。
站点访问者在web浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。
7、选择“文件”>“保存”来保存该页面。
保存前：
保存后：
二、插入表格：
接下来，您将添加一个表格，用于放置文本、图形和macromediaFlash资源。
1、在页面上单击一次，在页面左上角放置插入点。
2、选择“插入”>“表格”。
3、在“插入表格”对话框中，执行下面的操作：
a.在“行数”文本框中，输入3。
在“列数”文本框中，输入1。
在“表格宽度”文本框中，输入700。
在“表格宽度”弹出式菜单中，选择“像素”。
在“边框粗细”文本框中，输入1。
在“单元格边距”文本框中，输入0。
在“单元格间距”文本框中，输入0。
篇二：
dreamweaver教程-表格内部文字自动换行技巧2
在使用dreamweaver制作网页时，遇到制作表格的时候，内部的文字没有自动换行，我应该怎么做呢？
下面提出两种解决方案，大家可以参考！
在这里你如果知道该技巧，你可以略过！
如果你不知道，不要说什么现在网页中已经没有表格了这样绝对的话啊？
web标准时代网页中照样应该是不能把表格完全抛弃的！
呵呵.解决表格中文字自动的换行的情况有两种可能：
第一种，你用css把表格内文字的字体设置成了英文字体，这样在dreamweaver里表格内的文字不会自动换行，但这仅是dreamweaver里的显示效果，在ie里其实是可以正常换行的。
如果希望在dreamweaver的编辑状态也能使文字自动换行，把表格内文字的字体设置为中文字体即可（例如“宋体”）。
第二种，你在表格中输入了连串无空格的英文或数字，它们被ie识别为一个完整的单词，所以不会自动换行，遇到这种情况，你可以通过css把文字强行打散，例如：
aaaaaaaaaaaa...aaaaaaaaaaaa
篇三：
《dreamweaver网页设计》综合练习题
（二）及答案
《dreamweaver网页设计》综合练习题
（二）及解答
一、选择填空题（每空2分，共20分）
1．html
2．uRl
3．icp
4．sgml
5．css
（_____）网络内容服务商
（_____）网络内容服务商
（_____）标准通用标记语言
（_____）统一资源定位符
（_____）超文本标识语言
答案：
（___3_）网络内容服务商
（__5_）网络内容服务商
（__4_）标准通用标记语言
（___2__）统一资源定位符
（___1_）超文本标识语言
1．标签
2．标签
3．标签
4．标签
5．标签
（____）指定链接地址
（____）图片标记
（____）表单
（____）无序列表
（____）框架标记
二、单项选择题（每个题只有一个选项是正确的。
每题3分，共45分）
1、如下所示的这段css样式代码，定义的样式效果是（）。
a:
link{color:
#ff0000;}
a:
visited{color:
#00ff00;}
a:
hover{color:
#0000ff;}
a:
active{color:
#000000;}
其中#ff0000为红色，#00000为黑色，#0000ff为蓝色，#00ff00为绿色
a．默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色
b．默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色
c．默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色
d．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色答案：
d．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色
2、下图为dreamweaver8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。
a．基本页类别中的“html”选项
b．基本页类别中的“html模板”选项
c．动态页类别中的选项
d．入门页面中的选项
参考答案：
a
3、在dreamweaver8中，设置超级链接的属性，目标设置为_top时，表示（）。
a．新开一个浏览窗口来打开链接
b．在当前框架打开链接
c．在当前框架的父框架中打开链接
d．在当前浏览器的最外层打开链接
参考答案：
d
4、在dreamweaver8中，下面的操作不能实现插入到下图浅黄区域一行的是（）。
a．将光标定位在第三行单元格中，选择“修改”菜单下“表格”子菜单中的“插入行”命令
b．在第三行的一个单元格中单击鼠标右键，打开快捷菜单，选择“表格”子菜单中的“插入行”命令
c．把光标定位在最后一行的第一个单元格中，将该单元格拆分为两行
d．将光标定位在最后一行的最后的一个单元格中，按下tab键，在当前行下会添加一个新行
参考答案：
c
5、在dreamweaver8中，下面对象中可以添加热点的是（）。
a．文字b．图像
c．层d．动画
参考答案：
b
6、下面关于“编辑样式表”对话框的设置说法错误的是（）。
a．可以设置连接独立的外部样式表文件
b．可以新建一个html元素样式
c．可以同时编辑存在样式表中的两个元素样式
d．可以删除当前样式表中的样式元素
参考答案：
c
7、关于网页中的换行，说法错误的是（）。
a．可以直接在html代码中按下回车键换行，网页中的内容也会换行
b．可以使用
标签换行
c．可以使用 标签换行
d．使用
标签换行，行与行之间没有间隔；使用 标签换行，两行之间会空一行参考答案：
a
8、为链接定义目标窗口时，_blank表示的是（）。
a.在上一级窗口中打开
b.在新窗口中打开
c.在同一个帧或窗口中打开
d.在浏览器的整个窗口中打开，忽略任何框架
参考答案：
b
9、关于dreamweaver的布局模式，下列说法错误的是（）。
a.在布局模式下，用户可以在网页中直接画出表格与单元格
b.在布局模式下，单元格和表格均可以用鼠标自由拖动，调整其位置
c.利用布局模式对网页定位非常方便
d.使用布局模式的缺点是生成的表格比较复杂，不适合大型网站使用，一般只应用于
中小型网站。
参考答案：
b
10、关于在dreamweaver中插入Flash文本，说法错误的是（）。
a.通过插入Flash文本，用户可以直接创建一个Flash文本对象的动画
b.可以设置Flash文本的字体、字号、文本颜色、鼠标转滚颜色等属性
c.可以设置Flash文本的动态效果，如淡入淡出等
d.可以为Flash文本设置链接
参考答案：
c
11、关于表格背景，说法正确的是（）。
a.只能定义表格背景颜色，不能用图片作为表格背景
b.可以使用颜色或图片作为表格背景图，但图片格式必须是giF格式
c.可以使用颜色或图片作为表格背景图，但图片格式必须是jpeg格式
d.可以使用颜色或图片作为表格背景图，可以使用任何的giF或者jpeg图片文件参考答案：
d
12、如果想对图片进行裁剪，可以选择（）按钮。
a.
在箭头1指向的b.在箭头2指向的c.在箭头3指向的d.在箭头4指向的参考答案：
b
13、添加背景音乐的html标签是（）。
a.
b.
c.
d.
参考答案：
a
14、下列（）是dreamweaver8中库文件的扩展名。
a..dwt
b..htm
c..lbi
d..cop
参考答案：
c
15、在html语言中，如果要对文字的颜色进行修饰，则在代码段中会有（）代码。
a.font-family:
"宋体";
b.font-size:
9pt;
c.color:
#990000
d.href="../example1/2.html"
参考答案：
c
三、多项选择题（每题3分，共15分）
1、giF图像的优点有（）
a．它支持动画格式
b．支持透明背景
c．无损方式压缩
d．支持24位真彩色
答案：
abc
2、图像的样式表img{border:
1pxsolid#000000;}所表示的含义正确的是（
a．1px是边框的粗细
b．solid是实线的意思，虚线是dashed
c．#000000是颜色，可以把你需要的颜色加在#后面
d．如果只想要定义颜色也可以用border-color:
#000000；
答案：
abcd
3、关于超链接标记a，下列属性描述正确的是（）。
a.href：
链接地址
b.name：
访问标记的名称
c.target：
指定链接的目标窗口
d.title：
鼠标悬停在超链接上的时候，显示该超链接的文字注释答案：
abcd
4、关于以下工具按钮的正确描述是（）。
a.点击标志1：
插入表格
b.点击标志2：
插入图片
c.点击标志3：
插入Flash动画
d.点击标志4：
插入日期
答案：
abcd
5、以下（）属于表单标记属性的正确描述。
a.src：
指定表单的数据源）
升级会员 