导航:首页 > 万维百科 > 网站建设在单元格嵌套表格

网站建设在单元格嵌套表格

发布时间:2020-10-19 03:10:31

1、用DREAMVEAVER设计网页时,嵌套插入表格,在表格中插入图片时..怎样调整图片大小和位置?

一般情况下只要改变图片控件的宽和高就可以调整图片的大小,列也就是<td width="" height=""></td>,如果你图片所在的表格是被嵌套的,那首先你要控制好外面那层表格的大小,然后只要不超过外面表格的大小,你调整内部列的宽好高就能控制,如果超过就会被外层表格的大小所限制。如果你外层表格的大小不设定那就没关系了,会自动调整。或者你直接调整图片控件的属性也行,只要外层的宽和高别定义就没问题。
打个比方:
例子1:
<tadle>
<tr>
<td>
<table>
<tr>
<td>
<img src="url" width="300px" height="300px"/>//如果你原来的图片大小是600*600,这样就会调整到300*300,px以像素为单位。
</td>
</tr>
</table>
</td>
</tr>
</table>
例子2:
<tadle width="100px" height="100px">//预先定义了表格的宽和高
<tr>
<td>
<table>
<tr>
<td>
<img src="url" width="300px" height="300px"/>//如果你原来的图片大小是600*600,这样就会调整到300*300,px以像素为单位。(由于你外层的表格大小已经定义为100*100,所以你这里调整到300*300无效,会以100*100的大小显示)
</td>
</tr>
</table>
</td>
</tr>
</table>
总之,如果你是嵌套的表格,而外层的表格大小或列已经预先定义宽和高,那外层就享有优先权,这时候你调整图片大小的时候就必须要考虑到外层的大小,如果没定义,那就没关系,系统会自动调整。如果你外层大小定义width="100%" height="100%",那你就可随意调整图片的大小,如果你嵌套的多,就蛮麻烦的,建议不要嵌套太多表格,因为这样浏览器读取你页面的时候会花费比较长的时间,最好用div+css来布局,或者一定要用表格,最好分清层次,能不嵌套的尽量别嵌套,很多窍门还需你自己慢慢琢磨,不是三言而语能说清的。

2、HTML网页设计中嵌套表格可以基层嵌套?最多不要超过几个嵌套表格比较好?

愿意套多少层都行,表格未必加载会慢,相反,DIV的布局,如果不是很精通,反而影响加载速度,另外SEO与你布局方式没有任何的关系,只不过,表格不是那么主流而已。

楼上的应该多学学基础,至少表格布局兼容性要少很多麻烦。

当然,我这么说,并不代表我提倡表格布局,技术总是在向前的。

3、网页制作—表格嵌套问题

不要这样重复书写某一个数字和字母,这样的书写,在网页里不会自动转到下一行会,一直显示为一行。造成页面的错误。

没有明白你所说的意思,但是这个错误的确是上述原因造成的,以后不要这样测试页面,多打几个数字或字母,并打标点符号,如果表格设定了固定宽度,基本上可以自动转到下一行。
==========================================
另外表格嵌套排版,像你做这样比较复杂的板块,还要多嵌套几层,才能固定每一个表格,或者在最外围的表格设置单元格,固定宽度。

这就是表格排版的弊病,使用css就没有这样的麻烦了。

4、如何在 Dreamweaver 中制作嵌套的表格

表格嵌套通常是用一个总表格做整体布局的规划,它负责排版安排,然后在它内部嵌套一些表格负责子内容的排版。 布局规划:上面区域是标题链接栏,起导航作用。内容列表分为左右两栏,而左侧的内容列表还可以在分成上下两行。用 table 布局方法,做出这块内容最简单的方法需要用到五个表格,包括一个负责布局的总表格和四个负责子内容的内部表格。


操作步骤

1、搭建框架

1)新建一个页面,设置页面属性字体大小 12 像素,上下左右边距为零,链接颜色和已访问链接颜色为 #16387c,变换图像链接和活动链接颜色为 #FF0000,下划线样式定义为仅在变换图像时显示下划线。 点击菜单栏中的「插入」—「表格」,或直接点击插入工具栏中的「插入表格图标」,打开插入表格对话框,准备填入相关信息。 因为插入表格的时候不能控制左侧要几行,右侧要几行,所以只能计算需要用到的行数和列数的总和。插入的表格为三行两列,宽度为 580 像素,页眉选择第一项「无」,然后点击确定。


2)「合并单元格」,将第一行的左右两列选中,方法是点击左侧单元格,按住鼠标从左划到右侧单元格,然后点击属性面板中最下角的合并单元格按钮,第一行就合并成功了。


3)将表格右侧第二行和第三行的单元格进行合并,方法和前面的相同。 将这两项合并工作完成后,表格的样式基本上符合了布局规划,下面就是定义尺寸了。 点击第一行,在属性面板中高度中填入 27。 点击左侧第二行,在属性面板宽度中填入 290,高度填入 95。 点击左侧第三行,在属性面板高度中填入 75。 点击右侧第二行,在属性面板宽度中填入 290。 这下布局框架算是大功告成了。


2、嵌入表格

框架搭建完毕,接下来就是往其中嵌入表格。

1)嵌入标题链接栏。将鼠标点在第一行,插入表格,这次插入的表格属性为:一行,两列,宽度为 100%,高度 27,页眉无。点击刚插入表格的左侧单元格,定义宽度为 27,背景为 h_bg_11.gif,在「水平」选项处选择「居中对齐」,最后在单元格中输入「软件」,点击右侧的单元格,输入标题链接栏中相关的其他内容。


2)插入图片列表。将鼠标点击在左侧第二行,插入表格,表格为两行三列,宽度暂为空,无页眉,然后点击确定。插入表格完成后,选中该表格,在属性面板中的对齐选项中选择「居中对齐」,选中第一行的三个单元格,宽度定义为 95 像素,高度定义为 70 像素,水平选项中选择「居中对齐」,之后将第二行的三个单元格的水平选项也选为「居中对齐」。最后在上面的三个单元格中插入三张图片并加上链接,第二行输入文字链接。

3)插入文章列表一 。点击左侧第三行单元格,插入表格,三行两列,宽度暂为空,无页眉,然后点击确定。随后向上面一样,定义表格对齐方式为「居中对齐」。定义第一列的宽度为 230 像素,第二列的宽度为 60 像素,使第二列的单元格水平对齐方式为「右对齐」,之后定义各行的高度为 20 像素,最后在第一列输入文章的标题,第二列输入作者名称。

4)插入文章列表二。现在就剩下右侧最大的单元格是空余的了,最后就把最多的文章列表嵌入到里面。 点击右侧第二行单元格,插入表格,表格为七行一列,然后将表格设置为水平居中,宽度定义为 90%,随后设置每个单元格的高度为 22 像素,最后在单元格中添加一些内容。 到这里,表格的嵌套基本上完成了,可以点击 F12 预览一下。

5、HTML表格中单元格内嵌套表格排版问题

网页中的表格 编辑需要注意标签,你发给我帮你看下呢。一般都是选错了造成的

6、网页设计中嵌套表格的两个背景色怎么混合

可以背景色透明度来混合。
filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
-moz-opacity:0.5; /*Firefox私有,透明度50%*/
opacity:0.5;/*其他,透明度50%*/

7、请问用frontpage制作网站,怎样才能在网站中嵌套excel表格?

其实你可先将一个EXCEL文档做好,然后另存为网页,同时选中“可交互”这样“发布”后,再用frontpage修改一下这个网页,你可试试看。

8、网页设计:如何解决嵌套在同一单元格中的多个表格间的空隙?

不要在td中套了吧。用css就好了

9、利用表格嵌套来实现网页的布局,谢谢啦,第二题

DIV+CSS的优势
1、符合W3C标准。这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、对浏览者和浏览器更具亲和力。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。这样就支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是什么,您的网站都能很好的兼容。
3、使页面载入得更快。页面体积变小,浏览速度变快,由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。
4、保持视觉的一致性。以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。
5、修改设计时更有效率。由于使用了DIV+CSS制作方法,使内容和结构分离,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式,在团队开发中更容易分工合作而减少相互关联性。
6、搜索引擎更加友好。相对与传统的table,
采用DIV+CSS技术的网页,由于将大部分的HTML代码和内容样式写入了CSS文件中,这就使得网页中代码更加简洁,正文部分更为突出明显,便于被搜索引擎采集收录。
CSS+DIV网站设计的缺陷
尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要表现在:
1、对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。
2、CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在一个或几个外部文件中,这些文件有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
3、对于CSS网站设计的浏览器兼容性问题比较突出。虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,CSS+DIV还有待于各个浏览器厂商的进一步支持。
4、CSS+DIV对搜索引擎优化与否取决于网页设计的专业水平而不是CSS+DIV本身。CSS+DIV网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
如何更有效、更合理的运用WEB2.0设计标准,这需要很长时间的学习和锻炼。而如何将DIV+CSS运用的更好,需要通过不断的实践和体检,积累丰富的设计经验,才能很好的掌握这门技术。
函数名称:CONCATENATE 主要功能:将

与网站建设在单元格嵌套表格相关的知识