網(wǎng)頁設(shè)計筆記

時間：2023-09-28 09:36:01 | 來源：網(wǎng)站運營

時間：2023-09-28 09:36:01 來源：網(wǎng)站運營

網(wǎng)頁設(shè)計筆記： 網(wǎng)頁布局

第三部分（主體）




外層表格：

1、插入表格——1行3列 1000 0 0 0 居中對齊

2、列寬：1列 250像素 3 200像素

行高不設(shè)







內(nèi)層（左邊嵌套）

1、光標(biāo)定位第一個單元格中

2、插入表格——2行1列 100% 0 0 0

3、第一行行高：40像素

第二行行高：150像素




4、表格間距設(shè)置成1 邊框設(shè)置成0

5、表格的背景顏色

代碼中添加：bgcolor

6、設(shè)置單元格的背景顏色




7、選中嵌套表格——復(fù)制ctrl+c——單擊鍵盤上向右箭頭——ctrl+v

8、在外層第三個單元格內(nèi)——垂直——頂端——ctrl+v




內(nèi)層（中間嵌套）

1、光標(biāo)定位在中間單元格——垂直 頂端 水平 居中

2、插入表格——2行1列 96% 0 0 0

3、第一行拆分單元格 3列

4、列寬：第一列 20% 第3列 10%

5、行高：第一行 45像素 第二行 200像素

6、輸入文字




第四部分（版權(quán)）

1、插入表格——1行1列 1000像素 0 0 0 居中對齊

2、設(shè)置行高 60像素

3、設(shè)置背景顏色 水平 居中對齊

4、輸入文字







歐妮雅網(wǎng)站首頁：

1、插入表格：1行5列 1000像素 0 0 0 居中對齊

2、列寬 1列 25像素 2列 126像素 3列 136像素 4列 669像素

行高：58像素

3、在第2、4列分別插入圖片：main_02







主體外層

1、插入表格——1行7列 1000像素 0 0 0 居中對齊

2、列寬：1列 39像素 2列 311像素 3列 44像素

4列 252像素 5列 48像素 6列 247像素 7列不設(shè)

行高不設(shè)




左側(cè)嵌套

1、光標(biāo)定位在外層表格的第二列內(nèi)

2、插入表格——4行1列 100% 0 0 0

3、在第1、3、4行分別插入圖片：main_10、main_21、main_27




中間嵌套

1、光標(biāo)定位在外層表格的第四列內(nèi)

2、插入表格——4行1列 100% 0 0 0

3、在第2、3行分別插入圖片：main_13、main_20




如果嵌套表格垂直方向居中，

需要設(shè)置該嵌套表格所在的單元格垂直頂端對齊




選中嵌套的表格——點擊鍵盤上向右的箭頭——屬性欄中設(shè)置垂直 頂端對齊




右側(cè)嵌套

1、光標(biāo)定位在外層表格的第六列內(nèi)——垂直 頂端對齊

2、插入表格——6行1列 100% 0 0 0

3、在2——5行內(nèi)分別插入圖片：main_16、main_24、main_30、main_33




選擇外層所有的單元——設(shè)置背景顏色 紫色




第四部分（版權(quán)信息）

1、插入表格——1行4列 1000像素 0 0 0 居中對齊

2、列寬 1列 25像素 2列 126像素 3列 200像素

行高 70像素

3、在第2、4單元格——插入圖片main_38、main_40