• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qt-net.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

网页设计网页设计技巧:如何隐藏网页中的层DIV
网页设计CSS实用教程(一)
网站制作CSS实现当前页的滑动门菜单效果方法
网页设计使用Web标准建站第2天:什么是名字空间
网站设计Photoshop结合Dreamweaver制作网页相册方法
网站建设Flash视频教程:1.1 启动和界面
北京网站建设Flash视频教程:1.9 颜料桶工具
北京网站制作如何制作会移动的广告条
北京网站制作HTML与渲染
网站建设CSS滤镜之blur属性


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网站制作 >> 网页设计网站设计dreamweaver mx教程十六:表格的使用

网页设计网站设计dreamweaver mx教程十六:表格的使用


作者: 北京网站建设   日期:2008-03-27 06:03:35  来源: http://www.qt-net.com

资深北京网站建设公司企通互联,专业致力于北京网站建设 网站设计,北京网站制作 网页设计,北京网站设计, 企通互联北京网页设计领域,千余网站建设案例,公司拥有国内一流的网站建设、网站制作、网页设计团队,如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址:http://www.qt-net.com =======================================================================================
虽然您能够在“布局”视图中调整绝大部分设计元素,但有一些改变却必须在“标准”视图中才能完成。本文主要内容是表格的使用。北京网站建设
主要内容:网页设计
(1) 理解单元格,表格,间距,填充,边框。www.qt-net.com
(2)调整行和列的宽度、高度。 网站制作北京网页设计
(3)制作一象素表格。北京网站设计
(4)拆分和合并单元格。企通互联
第一部分:北京网站制作
当单元格边距和单元格间距没有指定数值时,Netscape Navigator,Microsoft Internet Explorer和Dreamweaver都将以间距2,填充 北京网站建设1的设置显示表格。网站制作
填充:单元格内容和单元格边框之间的距离(单位:象素)。企通互联
间距:单元格之间的距离(单位:象素)。北京网站设计
插入一个表格,为了便于分析表格,这里单元格间距设置为10。网站制作
企通互联
插入一个表格:网站制作
北京网页设计
◇单元格:在表格中点击以选定单元格,也可以在标签选择器里点击<td>标签以选择单元格。www.qt-net.com
企通互联
◇表格:在标签选择器里点击<table>标签以选择表格。北京网站设计
网站制作
◇一行:在标签选择器里点击<td>标签选择一行。本实例是以一个一行二列的表格为基础的。www.qt-net.com
北京网站建设
◇一个“一行一列”的表格,至少有两个边框。设置边框为1边框颜色黑色的表格如下图。网站建设
企通互联
◇红色为表格边框,绿色为单元格边框。表格边框和单元格边框的颜色可以分别指定。网站设计
间距:边框和边框之间的距离就是间距。网站建设
网站制作
为了便于观看填充的效果,在属性面板中,填充输入为30。网站建设 网站建设
北京网站制作
◇填充:单元格边框和内容之间的距离就是填充。企通互联
网站建设
第二部分:调整行和列的宽度北京网页设计
◇鼠标放在一列的上面,出现向下的箭头时,单击,就可以选中一列。在属性面板中可以设置所选列的宽和高。北京网页设计
网站设计
北京网站制作鼠标放在一行的左边,出现横向的箭头时,单击,就可以选中一行。在属性面板中可以设置所选行的宽和高。网页设计
北京网页设计
第三部分:制作一像素表格北京网站制作
◇制作一像素的表格,实质上是设置间距的大小和颜色。实例为便于观看效果,把间距设置为10。单元格填充和边框设置为0。单元格填充和边框不输入数值效果类似。www.qt-net.com
网站设计
在单元格中点击,或者选中标签选择器中的<td>选中单元格。设置单元格的背景颜色为白色。网站制作
网站建设
选中表格,设置表格的背景颜色为黑色。一个10象素宽的表格就做好了。实际上是把间距的颜色设置成了黑色。企通互联
北京网页设计
把间距改成1。企通互联
北京网站制作
发布在浏览器中的效果。北京网站建设
北京网站建设
第四部分:拆分和合并单元格北京网站设计
◇嵌套表是在表格中的一个表格。在一个单元格中,插入一个表格,就是嵌套表。网站建设
北京网站设计
◇合并单元格:按Ctrl,点单元格,选中表格,在属性面板中点“合并所选单元格,使用跨度”。 www.qt-net.com北京网页设计
网站制作
合并后的效果:企通互联
网站制作
拆分单元格:插入一个表格。网站建设
北京网站制作
企通互联
◇在单元格中单击,选中单元格。点击属性面板中的“拆分单元格为行或列”,设置拆分方式。北京网站制作
北京网站建设
拆分为二行一列的表格如下图。网站设计
企通互联
www.qt-net.com
字体:【大】【中】【小】

上一篇:企通互联dreamweaver mx教程十七:使用超级链接

下一篇:北京网站建设dreamweaver mx教程十五:在布局视图中设置对象属性(二)

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qt-net.com Free Website Templates