導航:首頁 > 萬維百科 > 網站建設在單元格嵌套表格

網站建設在單元格嵌套表格

發布時間: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 主要功能:將

與網站建設在單元格嵌套表格相關的知識