動(dòng)漫設(shè)計(jì)與制作實(shí)訓(xùn)方案-資料下載頁
2025-11-06 12:49本頁面
【正文】 /*定義外邊距*/ } 1）將光標(biāo)置于DIV元素“right”中。如圖所示。2），，效果如圖所示。： right { float:left。/*定義浮動(dòng)位置 */ width:320px。/*定義寬度 */ height:832px。/*定義高度 */ }.sideBarRightb3 { height:60px。/*定義高度*/ margintop:5px。/*定義頂端外邊距*/ border:ebcbb4 1px solid。/*定義邊框的顏色、粗細(xì)、樣式*/ }.sideBarRightb4 { height:93px。/*定義高度*/ margintop:5px。/*定義頂端外邊距*/border:ebcbb4 1px solid。/*定義邊框的顏色、粗細(xì)、樣式*/ marginbottom:5px。/*定義底端外邊距*/ }.sideBarRightb3,.sideBarRightb4 img { textalign:center。/*定義文本位置 */ padding:5px。/*定義內(nèi)邊距*/ } 1）將光標(biāo)置于DIV元素“l(fā)eft”中，在其下側(cè)插入一個(gè)嵌套的DIV元素“sideBarLeftb2”。2）選中Div元素“sideBarLeftb2”，將光標(biāo)定位在其內(nèi)部，創(chuàng)建多個(gè)新Div。3）選中DIV元素“sideBarLeftb3”，：sideBarLeftb3 { textalign:left。/*定義文本位置 */ float:left。/*定義浮動(dòng)位置 */ height:150px。/*定義高度*/ width:280px。/*定義寬度 */ padding:4px。/*定義內(nèi)邊距*/ } 4）將光標(biāo)移到sideBarLeftb3的DIV元素中，插入兩行列表并對(duì)列表設(shè)置相關(guān)CSS參數(shù)。：.sideBarLeftb3 ul { fontsize:12px。/*定義字號(hào)*/ lineheight:6px。/*定義字體行高*/ float:left。/*定義浮動(dòng)位置 */ width:270px。/*定義寬度 */ margin:0 0 0 5px。/*定義外邊距*/ padding:0。/*定義內(nèi)邊距*/ } 5）在列表中添加列表內(nèi)容，代碼如下： 機(jī)械 軸承 閥門 模具 刀具夾具 泵 密封件 粉碎機(jī) 壓縮機(jī) 減速機(jī) 機(jī)械加工 焊機(jī) 風(fēng)機(jī) 機(jī)床 彈簧 齒輪 鍋爐 更多第五篇：網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)十二《網(wǎng)頁設(shè)計(jì)與制作》實(shí)訓(xùn)表單設(shè)計(jì)實(shí)訓(xùn)內(nèi)容：用戶注冊(cè)界面設(shè)計(jì)操作提示：第一步：制作“用戶注冊(cè)”界面1）在Dreamweaver CS4中新建一個(gè)網(wǎng)頁文件，將網(wǎng)頁標(biāo)題設(shè)置為“用戶注冊(cè)”。2）選擇“插入→表單→表單”命令在文檔中插入一個(gè)表單，如圖121所示。圖121 插入表單3）將光標(biāo)置于創(chuàng)建的表單內(nèi)，插入一個(gè)12行2列的表格，并設(shè)置表格的寬度為530像素、間距為0像素、邊框?yàn)?像素。4）選中第一行的兩個(gè)單元格，單擊“修改→表格→合并單元格”命令，將它們合并為一個(gè)單元格。用同樣的方法將最后一行的單元格合并為一個(gè)單元格，如圖122所示。圖122插入的表格 5）將光標(biāo)置于第一行的單元格中，輸入“用戶注冊(cè)”，在單元格“屬性”面板中設(shè)置文本居中對(duì)齊。6）根據(jù)圖123提供的界面內(nèi)容，分別在表格第1列的其它單元格中輸入昵稱、真實(shí)姓名、密碼等文本。選中輸入的文本，并將它們?cè)O(shè)置為粗體、右對(duì)齊方式。圖123輸入文本7）選中表格中所有的單元格，在單元格“屬性”面板中設(shè)置單元格的高為30。第二步：插入文本域1）在圖122所顯示的表格中，將光標(biāo)置于“昵稱：”后面的單元格中，單擊“表單”標(biāo)簽中的“文本字段”按鈕，或者選擇“插入→表單→文本域”命令，均將打開“輸入標(biāo)簽輔助功能屬性”對(duì)話框，如圖124所示。圖124“輸入標(biāo)簽輔助功能屬性”對(duì)話框2）單擊【確定】按鈕，在光標(biāo)處插入了一個(gè)單行的文本域。3）選中插入的文本域，其對(duì)應(yīng)的“屬性”面板如圖125所示。圖125文本域“屬性”面板文本域“屬性”面板中各選項(xiàng)含義如下：文本域：用于標(biāo)志該文本域的名稱。每個(gè)文本域的名稱都不能相同，它相當(dāng)于表單中的一個(gè)變量名，服務(wù)器通過這個(gè)變量名來處理用戶在該文本域中輸入的值。字符寬度：設(shè)置文本域中最多可顯示的字符數(shù)。當(dāng)設(shè)置該選項(xiàng)后，若是多行文本域，標(biāo)簽中增加cols屬性，否則標(biāo)簽增加size屬性。如果用戶的輸入超過字符寬度，則超出的字條將不被表單指定的處理程序接收。最多字符數(shù)：設(shè)置單行、密碼文本域中最多可輸入的字符數(shù)。當(dāng)設(shè)置該項(xiàng)后，標(biāo)簽增加maxlength屬性，如果用戶的輸入超過最大字符數(shù)，則表單產(chǎn)生警告聲。類型：設(shè)置文本域的類型，可在單行、多行或密碼3個(gè)類型中任選一個(gè)?！皢涡小鳖愋蛯a(chǎn)生一個(gè)標(biāo)簽，它的type屬性為text，這表示此文本域?yàn)閱涡形谋居??！岸嘈小鳖愋蛯a(chǎn)生一個(gè)
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1