百分百游戏盒子下载官网

書名： HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)與布局：從新手到高手
作者名：王修洪張振
本章字?jǐn)?shù)： 640字
更新時(shí)間： 2019-12-09 14:36:34

4.7 新手訓(xùn)練營(yíng)

練習(xí)1：制作個(gè)人主頁(yè)

downloads\4\新手訓(xùn)練營(yíng)\個(gè)人主頁(yè)

提示：本練習(xí)中，首先設(shè)置網(wǎng)頁(yè)標(biāo)題，以及背景圖片和body的CSS樣式。具體代碼如下所示。

然后，在<body>標(biāo)簽內(nèi)插入相應(yīng)的表格，設(shè)置表格屬性，并設(shè)置單元格的具體內(nèi)容。最終效果如下圖所示。

練習(xí)2：制作軟件下載頁(yè)

downloads\4\新手訓(xùn)練營(yíng)\軟件下載頁(yè)

提示：本練習(xí)中，首先，在<head>標(biāo)簽內(nèi)輸入設(shè)置body和表格屬性的CSS樣式，并鏈接外部的CSS文件。具體代碼如下所示。

然后，在<body>標(biāo)簽內(nèi)插入相應(yīng)的Div層及表格，設(shè)置表格屬性，并設(shè)置單元格的具體內(nèi)容。最終效果如下圖所示。

練習(xí)3：制作相冊(cè)展示頁(yè)面

downloads\4\新手訓(xùn)練營(yíng)\相冊(cè)展示頁(yè)面

提示：首先，在<head>標(biāo)簽內(nèi)輸入設(shè)置body和表格屬性的CSS樣式，并鏈接外部的CSS文件。

然后，在<body>標(biāo)簽內(nèi)插入相應(yīng)的Div層及表格，設(shè)置表格屬性，并設(shè)置單元格的具體內(nèi)容。最終效果如下圖所示。

練習(xí)4：排序數(shù)據(jù)

downloads\4\新手訓(xùn)練營(yíng)\排序數(shù)據(jù)

提示：在本練習(xí)中，首先在Dreamweaver軟件中新建空白文檔，執(zhí)行【插入】|【表格】命令，插入一個(gè)12行11列的表格。然后，在表格中輸入數(shù)據(jù)，并在【屬性】面板中設(shè)置單元格區(qū)域的背景顏色。最后，選擇表格，執(zhí)行【命令】|【排序表格】命令，在彈出的【排序表格】對(duì)話框中，將【排序按】設(shè)置為“列11”，將【順序】設(shè)置為“按數(shù)字排序”，單擊【確定】按鈕后，表格中的數(shù)據(jù)即按總成績(jī)的升序進(jìn)行排列，如下圖。

練習(xí)5：制作飲食文化網(wǎng)頁(yè)

downloads\6\新手訓(xùn)練營(yíng)\飲食文化網(wǎng)頁(yè)

提示：本練習(xí)中，在<head>標(biāo)簽內(nèi)輸入設(shè)置body和表格屬性的CSS樣式，并鏈接外部的CSS文件。

然后，插入6行3列的表格，設(shè)置表格屬性，添加表格內(nèi)容以制作表格結(jié)構(gòu)，如下圖。

官术网_书友最值得收藏!

HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)與布局：從新手到高手

4.7 新手訓(xùn)練營(yíng)