dreamweaver表格背景颜色单元格背景有什么不同.docx
- 文档编号:3718318
- 上传时间:2022-11-24
- 格式:DOCX
- 页数:8
- 大小:23.06KB
dreamweaver表格背景颜色单元格背景有什么不同.docx
《dreamweaver表格背景颜色单元格背景有什么不同.docx》由会员分享,可在线阅读,更多相关《dreamweaver表格背景颜色单元格背景有什么不同.docx(8页珍藏版)》请在冰豆网上搜索。
dreamweaver表格背景颜色单元格背景有什么不同
竭诚为您提供优质文档/双击可除
dreamweaver,表格背景颜色,单元格背景,有什么不同
篇一:
用dreamweaver8表格进行页面布局教程
用dreamweaver8表格进行页面布局教程本文介绍如何在macromediadreamweaver8中创建基于表格的页面布局。
页面布局将确定您的页面在浏览器中会如何显示,例如,显示菜单、图像和macromediaFlash内容将如何放置。
表格是用于在html页上显示表格式数据以及对文本和图形进行布局的强有力的工具。
您可以使用表格快速轻松地创建布局。
在本教程中,您将在一个新的dreamweaver文档中创建若干表格。
这些表格的行和单元格实际上用作您将在以后添加的内容的"容器框"。
通常,创建web站点并不是以打开dreamweaver并立即对页面进行布局开始的。
创建web站点的初始工作从纸张或图(dreamweaver,表格背景颜色,单元格背景,有什么不同)形编辑应用程序(如
macromediaFireworks)开始。
图形设计人员通常会画出web站点综合图形的草图(也称为"草样"),以便向客户展示并确保站点的初始构思能让客户满意。
设计草样由客户要求其web站点具有的任意数目的页面元素组成。
例如,客户可能会提出:
"页面顶端要有徽标,要有能链接到其它页面的导航功能,有用于联机存储的部分和可以插入视频剪辑的位置。
"根据这些讨论,设计人员开始对站点布局进行规划,并制作满足客户要求的示例页面草图。
本教程向您提供为cafetownsend(一个需要制作web站点的虚构餐馆)设计的、完整的和符合要求的设计草样。
作为web设计人员,您需要对草样进行转换,使之最终形成可以使用的web页面(通常需要其他图形设计人员与Flash开发人员的帮助)。
您可以看到,图形设计人员已经向您提供了web页面设计草样,其中包括一些内容区域和图形方案。
在下面的部分,您将使用dreamweaver展示此设计。
您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。
可以在cafe_townsend文件夹(在教程:
设置站点和项目文件中已将该文件夹复制到了硬盘上)的fireworks_assets文件夹中找到设计草样homepage-mockup.jpg。
在创建页面时,还可以打印草样以便随时查看,创建并保存新页面。
建立站点并检查设计草样后,您就可以开始创建web页面了。
首先您将创建一个新页面,并将它保存到您的web站点的本地根文件夹cafe_townsend中。
该页面最终将成为虚构餐馆cafetownsend的主页。
如果您尚未创建本地根文件夹cafe_townsend,则必须先完成创建,然后再继续。
在dreamweaver中,选择"文件">"新建"。
在"新建文档"对话框的"常规"选项卡上,从"类别"列表中选择"基本页",从"基本页"列表中选择"html",然后单击"创建"。
选择"文件">"另存为"。
在"另存为"对话框中,浏览至定义为站点的本地根文件夹的cafe_townsend文件夹并打开该文件夹。
在教程:
设置站点和项目文件中,您在名为local_sites的文件夹中创建了此文件夹。
在"文件名"文本框中输入index.html,然后单击"保存"。
文件名即出现在应用程序窗口顶部的标题栏中。
在新文档顶部的"文档标题"文本框中,键入cafetownsend。
这就是页面的标题(与文件名不同)。
站点访问者在web浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。
选择"文件">"保存"来保存该页面。
插入表格
接下来,您将添加一个表格,用于放置文本、图形和macromediaFlash资源。
在页面上单击一次,在页面左上角放置插入点。
选择"插入">"表格"。
在"插入表格"对话框中,执行下面的操作:
在"行数"文本框中,输入3。
在"列数"文本框中,输入1。
在"表格宽度
"文本框中,输入700。
在"表格宽度"弹出式菜单中,选择"像素"。
在"边框粗细"文本框中,输入0。
在"单元格边距"文本框中,输入0。
在"单元格间距"文本框中,输入0。
单击"确定"。
一个三行一列的表格即出现在文档中。
该表格的宽度为700像素,边框、单元格边距和单元格间距均为0。
关于表格的更多信息表格是用来在html页上显示表格式数据以及对文本和图形进行布局的强有力工具。
表格由一行或多行组成;每行又由一个或多个单元格组成。
当您创建包含多个单元格的多行表格时,这些单元格形成列。
从技术上来说,一个单元格是水平行中的一个区域,而一列是由这些单元格区域垂直堆积而成的。
当选定了表格或表格中有插入点时,dreamweaver会显示表格宽度和表格选择器(由绿色线条指示)中的每个表格列的列宽。
宽度旁边是表格标题菜单与列标题菜单的箭头。
使用菜单可以快速访问一些与表格相关的常用命令。
还可以通过选择"查看">"可视化助理">"表格宽度"来启用或禁用宽度和菜单的显示。
表格可以具有边框,表格的单元格可以具有边距、间距或同时具有边距和间距。
单元格边距是指单元格内容和单元格边界之间的像素数。
单元格间距是指相邻的表格单元格之间的像素数。
如果您没有明确指定单元格边距和单元格间距的值,则大多数浏览器按单元格边距设置为1、单元格间距设置为2来显示表格。
若要确保浏览器显示的表格没有边距和间距,请将单元格边距和单元格间距设置为0。
单击一次该表格右侧取消对它的选择。
选择"插入">"表格"以插入另一个表格。
在"插入表格"对话框中,对第二个表格执行下面的操作:
在"行数"文本框中,输入1。
在"列数"文本框中,输入3。
在"表格宽度"文本框中,输入700。
在"表格宽度"弹出式菜单中,选择"像素"。
在"边框粗细"文本框中,输入0。
在"单元格边距"文本框中,输入0。
在"单元格间距"文本框中,输入0。
单击"确定"。
第二个表格(该表格具有一行三列)即出现在第一个表格下方。
单击该表格右侧取消对它的选择。
通过选择"插入">"表格",然后在"插入表格"对话框中输入以下值来插入第三个表格:
在"行数"文本框中,输入1。
在"列数"文本框中,输入1。
在"表格宽度"文本框中,输入700。
在"表格宽度"弹出式菜单中,选择"像素"。
在"边框粗细"文本框中,输入0。
在"单元格边距"文本框中,输入0。
在"单元格间距"文本框中,输入0。
单击"确定"。
第三个表格(该表格具有一行一列)即出现在第二个表格下方。
单击该表格右侧取消对它的选择。
您的页面现在应如下所示:
注意插入表格后可能会看到表格选择器(由绿色线条指示)。
通过在表格外单击,通常可以隐藏表格选择器。
也可以通过选择"查看">"可视化助理">"表格宽度"禁用表格选择器。
设置表格属性。
现在将使用"扩展表格"模式设置具体的表格属性,"扩展表格"模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。
特别需要指出的是,它使您能够精确地放置插入点,而不会意外选择错误的表格或其它表格内容。
注意在"扩展表格"模式下完成对表格属性的设置后,应总是返回到"标准"
模式。
"扩展表格"模式不属于所见即所得环境,因此某些操作(如调整大小)不会得到预期的结果。
选择"查看">"表格模式">"扩展表格模式"。
注意如果出现"开始使用扩展表格模式"对话框,请单击"确定"。
在第一个表格的第一行内单击一次。
在"属性"检查器("窗口">"属性")的"单元格高度"文本框中输入90,然后按enter键(windows)或Return键(macintosh)。
注意如果未出现"单元格高度"文本框,请单击"属性"检查器右下角的展开箭头。
在第一个表格的第二行内单击一次。
篇二:
dreamweavercs520xx年秋习题1、2及答案
20xx年秋季学期dreamweavercs5习题
(一)
班别座号姓名
一、填空题(每空2分,共计28分)
1、___和_____是构成网页的两个最基本的元素。
2、dreamweaver提供了、__、3种视图方式。
3、html被称为。
6、在一文字网页下的链接可以使用。
7、在dreamweaver中,可以对文本设置的对齐方式有:
、
、。
8、链接路径可以分为三种:
路径、路径、路径。
二、判断题(每题1分,共计10分)
1、在dreamweaver中,编辑好的页面不必保存到站点目录下()
2、在dreamweaver中,一个网站所用到的图片最好保存到网站目录下,名为images的文件夹里()
3、在dreamweaver中,图片的位置可以用鼠标的左键拖动而改变()4、在dreamweaver中,属性面板始终是浮动在编辑窗口的下方()5、在dreamweaver中,网站目录中,仅仅用来保存以后制作的网页()6、Flash\Fireworks软件都是网页美化工具。
()7、站点无大小,可以大到一个网站,小到一个网页。
()8、dreamweaver站点地图仅适用于本地站点。
()
9、图像可以用于充当网页内容,但不能作为网页背景。
()
10、在dreamweaver中可以导入xml模板、表格式数据、word及excel文档等应用程序文件。
()
1
三、单项选择题(每题1分,共计20分)1、所谓网页制作三剑客不包括()
a、dreamweaverb、Flashc、Fireworksd、authorware
2、比较稳重的方案,给人整洁、经典感觉,最适合于内容比较严肃的配色方案是()。
a、单色方案b、相似色配色方案c、互补色配色方案d、三色配色方案
3、在预览网页时,提示必须保存才可以在浏览器中预览,怎么才可以直接预览而无需保存?
()
a.设置为其它浏览器b.使用快捷键来代替菜单命令c.设置“使用临时文件预览”d.设置当前浏览器为“主浏览器”4、设置空链接的方法是在链接栏处输入()
a、#ob、#c、*d、@5、在dreamweaver中,在()中可以修改表格属性
a、代码面板b、设计面板c、文件面板d、属性面板6、网页制作中下列不可以使用的文件命名规则()
a、英文命名b、中文命名c、数字命名d、拼音命名7、在“页面属性”对话框中,我们不可以设定的属性有:
()
a、默认字体家族b、字号大小c、背景颜色d、超链接数量8、打开软件窗口后,如果没有出现属性面板。
可执行()菜单中的“属性”命令将其打开。
a、插入b、修改c、窗口d、命令9、在网页中不支持的图片格式有()
a、bmpb、pngc、giFd、jpg
10、使用dreamweaver的()可让站点内的部分页面共用相同的部分,还可以方
便地将这些网页统一更新。
a、模板b、行为c、等时线d、层11、启动浏览器进行浏览的快捷键是()。
a、F2b、F4c、F12d、F812、在进行网页制作时,设置超级链接时应尽量采用()。
a、绝对路径b、相对路径c、混合路径d、直接输入文件名13、html通常指的是()。
a、超文本标记语言b、超链接c、网络协议d、网络服务14、在dreamweaver中,建立e-mail链接时,正确的表示方法是:
()。
a、mailto:
student@b、mailto:
c、http:
//student@d、15、图像映射上的热点区域不可以是以下()形状中的一种
a、矩形b、圆形c、任意多边形d、五角星16、dreamweaver中,“撤销”操作的快捷键是()
a、ctrl+xb、ctrl+Vc、ctrl+zd、ctrl+c17、在dreamweaver中如何建立站点()
a、文件|新建b、插入|图像c、站点|新建站点d、修改|页面属性18、在dreamweaver中,为什么要建立站点文件夹()
a、只是用来保存页面文件b、即使不建立也可以发布站点
c、可有可无的,只是方便而已d、使以后所有的网页文件都存在此目录下19、将dreamweaver的背景设置颜色,在那里设置()
a、文件|新建b、插入|图像c、站点|新建站点d、修改|页面属性20、在dreamweaver插入表格()
a、文件|新建b、插入|图像c、站点|新建站点d、插入|表格四、名词解释(每题6分,共计12分)
1、单色方案:
2、相对路径:
五、简答题(每题10分,共计30分)
1、网站色彩的搭配原则有哪些?
2、模板有什么作用?
3、写出两种插入特殊字符的方法。
2
20xx年秋季学期dreamweavercs5习题
(二)
班别座号姓名
一、填空题(每空2分,共计12分)
1、在色彩圆环上选择彼此相邻的几种颜色构成的配色方案叫。
2、网页一般又称作,是一种可以在因特网上传输,能被浏览器识别和翻译成页面并显示出来的文件。
3、色彩总的应用原则应该是。
4、表态网页的扩展名一般是或。
5、系统默认的工作区是。
二、判断题(每题2分,共计20分)
1、通过单击面板组左边中间的三角形按钮,可以隐藏和显示面板组()2、在dreamweaver中建完的站点不可以修改名字。
()3、在dreamweaver中必须在桌面上建立站点()
4、、在dreamweaver中可以导入声音、Flash动画,giF动画。
()5、网页中不能导入word文档()
6、文档的标题将与文件名一起出现在文档标题栏中。
()7、站点名称必须为英文()
18、可以通过导入将flash插入网页中()
9、在网页文件上右键新建文件可以建立新的网页()
10、internet提供的服务主要包括万维网、电子邮件、文件传输、远程登录。
()三、单项选择题(每题1分,共计15分)
1、在dreamweaver中,下列说法不正确性的是()
a、设置背景图片之前,最好先将所用的图片保存到网站目录里
3
b、如果要发布网站,则它所用的图片必须保存到网站目录里c、设置背景图片之前,不必先将所用的图片保存到网站目录里d、设置网页的字体颜色,可以有多种方法
2、在dreamweaver插入的表格修改填充颜色,使用属性中的()
a、背景颜色b、宽c、高d、水平3、在dreamweaver中,有关图片的说法正确的是()
a、图片的大小不可以调整b、只可以改变图片在网页中的位置c、单击图片,其周围会出现拖动手柄d、图片的格式必须为:
jpg4、在dreamweaver中,作超级链接的文字,其颜色是()
a、点击前是蓝色,之后是红色b、一直是绿色
c、点击前是红色,之后是蓝色d、要看在页面属性中的设置5、在dreamweaver中,作为站内超级链接用的页面()
a、只要保存到本地磁盘即可b、保存到本地站点的目录下c、必须保存到images目录下d、不必考虑保存的路径6、在dreamweaver中,要添加超级链接必须()
a、先选择链接的目标页面b、先选定要作链接的文字或图片c、连接到本地的网页上d、保证所连接的不是连接所在页面7、在dreamweaver中,下面关于首页制作的说法错误的是:
()
a、首页的文件名称可以是index.htm或index.htmlb、可以使用布局表格和布局单元格来进行定位网页元素c、可以使用表格对网页元素进行定位d、首页的文件名称可以用汉字
8、在dreamweaver中,表格的作用是()
a、实现超级链接b、用来表现图片
c、实现网页的精确排版和定位d、用来设计新的连接页面9、在dreamweaver中,给网页文件或图片命名时()
a、尽量取中文名字,便于管理b、必须取中文名字,因为是中文网站c、最好取英文名字,因为可能不支持汉字d、必须取英文名字,因为不支持汉字
10、在dreamweaver中,首页文件的名字最好取为()
a、index.htmb、front.htmc、首页.htmd、首页.html11、在dreamweaver中,下面关于拆分单元格说法错误的是:
()
a、用鼠标将光标定位在要拆分的单元格中,在属性面板中单击按钮
b、用鼠标将光标定位在要拆分的单元格中,在拆分单元格中选择行,表示水平拆分单元格
c、用鼠标将光标定位在要拆分的单元格中,在拆分单元格选择列,表示垂直拆分单元格
d、拆分单元格只能是把一个单元格拆分成两个
12、dreamweaver中,设置表格背景颜色可以使用()面板。
a、属性b、层c、插入d、库
13、dreamweaver中,创建网页内部链接可以使用()
a、超级链接b、按钮c、指向文件按钮和锚点d、页面属性14、dreamweaver中,页面的视图模式没有()
a、设计b、拆分c、代码d、插入15、在dreamweaver使用表格来进行布局,可以()
a、“插入”|“表格”,设置表格的行和列b、插入好的表格不可以在进行拆分单元格
4
c、绘制好的表格不可以设置表格的背景颜色
d、“插入”|“表格”,设置表格的行和列必须为3行,3列四、名词解释(每题10分,共计20分)
1、模板:
2、站点:
五、简答题(每题11分,共计33分)
1、写出四种在文本中插入空格的方法。
2、写出创建锚点的具体操作步骤。
3、写出创建图像链接的方法。
20xx年秋季学期dreamweavercs5习题
(一)答案
一、填空题
1、__文字_和__图像___2、__代码__、_拆分__、_设计_3、超文本标记语言。
6、锚点。
7、_左对齐_、__居中__、__右对齐__、_两端对齐__8、绝对、相对、根。
二、判断题(每空2分,共计10分)
1、x2、√3、x4、√5、x6、√7、√8、x9、x10、√三、单项选择题
1—5dacbd6—10bdcaa11—15cbaad16—20dcddd四、名词解释
1、单色方案:
p7页,单色方案指在网站设计中始终使用一种基本颜色。
为避免单调,可以通过调整这种基本颜色的灰度和亮度来得到更多的颜色。
2、相对路径:
p55页,是以当前文件所在位置为起点到被链接文件经由的路径。
五、简答题
1、网站色彩的搭配原则有哪些?
答:
p7页①、色彩的鲜明性②、色彩的独特性③、色彩的艺术性④、色彩搭配的合理性2、模板有什么作用?
答:
p85页,使用模板既能快速创建风格一致的各个网页,还能快速改变整个站点的布局和外观,为后期的网站维护提供方便。
3、写出两种插入特殊字符的方法。
答:
p39页①、选择菜单“插入/html/特殊字符”命令,在其子菜单中选择要插入的特殊需要字符。
②、用鼠标右键单击输入法工具条上的软键盘,从打开的列表中选择相应的符号组,单击插入特殊字符。
20xx年秋季学期dreamweavercs5习题
(二)答案
一、填空题
1、2、4、。
5二、判断题(每空2分,共计10分)1—10√xx√xxxx√√三、单项选择题
1—5cacdb6—10bdcda11—15dacda四、名词解释
1、模板:
p85页,模板是一种用于设计统一风格页面的特殊类型文档。
2、站点:
p29页,站点可以简单地理解为管理和存放网站中所有网页及各种素材的文件夹。
五、简答题
4、写出四种在文本中插入空格的方法。
答:
p38页,①选择“插入”面板中的“文本”类别,在“字符”下拉菜单中选择“↓”。
②选择菜单“插入/html/特殊字符/不换行空格”命令③按“ctRl+shiFt+space”组合键④切换中文输入法为全角状态,按空格键可以输入多个空格。
5、写出创建锚点的具体操作步骤。
答:
p57页,①将光标定位到要插入命名锚点的位置,执行“插入/命名锚点”命令。
②弹出“命名锚点”对话框,输入锚记名称,单击“确定”。
6、写出创建图像链接的方法。
答:
p56页,①在“档”窗口中选中要创建超链接的图像②在属性面板上选择热点工具,在图像上创建相
应形状的热点。
创建热点后,该区域显示为蓝色半透明状态。
③租用“指针热点工具”选择图像热点,如果要选择多个热点,可按住“shiFt”键。
④在“热点”属性面板中完成超链接的设置。
5
篇三:
表格处理dreamweaver
第五章表格处理1、表格的作用:
1)存放数据2)布局页面
2、插入表格步骤:
1)单击网页中需要插入表格的地方
2)在菜单栏选择“插入记录”->“表格”命令,或者单击“常用”工具栏里的“表格”
按钮
,或者运用组合键ctRl+alt+t
3、设置表格大小
行数和列数:
表格宽度:
表示表格在页面中宽度的大小。
像素设置的是表哥宽度的实际值,百分比设置的是表格与页面宽度的相对比值。
边框粗细:
设置表格边框的粗细效果。
单元格边距:
是指单元格中填充内容距离边框的距离大小。
单元格间距:
是指相邻单元格之间的距离。
概念:
单元格,指的是表格里的每一个格子,就叫做单元格。
理解表格边框、单元格边框、间距、填充(边距)
4、页眉与辅助功能
页眉:
用于设置表格的行或列的标题
无:
表示不设置表格的行或列的标题
左:
表示一行归为一类,可以为每行在第一栏设置一个标题顶部:
表示一列归为一类,可以为每列在头一栏设置一个标题两者:
表示可以同时输入“左”端和“顶部”的标题标题:
设置表格的标题名称,默认会出现在表格的上方。
摘要:
为表格的备注,不会在网页中显示。
二、表格的设置
1实例一足球明星相册
要求:
1)标题“足球明星”设置字体:
黑体、大小:
36像素、颜色:
#FFcc33、居中对齐2)创建导航位置的表格1行5列、表格宽度700像素、边框为0、填充3、间距0、背景
颜色为:
#FF99cc、每个单元格必须一样宽,且里面的文字居中对齐。
3)设置网页背景颜色为:
#009900,设置导航链接4)创建图像展示表格3行4列。
知识点:
1)选定表格和单元格
表格包括行、列、单元格3个组成部分。
a、选定整个表格b、选定行或列c、选定单元格
2)设置表格和单元格的属性3)调整表格的尺寸
选定表格→鼠标拖动
设置属性值
调整行和列的宽度
2、实例二、制作课程表
步骤一:
插入5行6列的表格,宽度为500像素,边框、填充、间距各为1;并调整表格录入文字如下图所示:
知识点:
1)添加/删除行列
通过表格【属性】面板增加与删除表格的行和列
通过【修改】菜单完成增加与删除表格的行和列2)单元格的合并和拆分
3)单元格的复制、粘贴、移动和清除在网页编辑窗口中选中要复制的对象
1.复制--按ctrl+c,或【编辑】|【复制】命令。
2.移动--按ctrl+x,或【编辑】|【剪切】]命令。
3.粘贴--按ctrl+V,或【编辑】|【粘贴】命令。
4.拖动--按住ctrl+拖,则完成复制操作。
直接拖曳可完成对象的操作。
5.清除--按delete,或【编辑】|【清除】命令。
步骤二:
在步骤一的基础上,设置表格属性,如下图所示效果:
步骤三:
设置单元格属性,完成课程表。
如下图所示:
要求:
1)所有单元格居中对齐,字体大小为12px2)第
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dreamweaver 表格 背景 颜色 单元格 什么 不同