第一篇：動漫設計與制作實訓方案
動 漫 設 計 實 訓 方 案
實訓項目簡介
一、實訓模式
1、以日本、中國動漫設計對制作人員的職業(yè)要求為標準。
2、目標：綜合職業(yè)能力 ●動漫設計能力 ●動漫制作工具
●無紙化動畫片制作流程 ●團隊合作及溝通能力 ●對動漫項目的理解能力
二、師資：動漫專家團隊（導演）1、3年以上的動漫制作經驗。
2、熟悉動畫片制作流程和團隊合作模式。
3、由在職專家團隊（導演、分鏡師、后期導演）培訓動漫人才，優(yōu)勢不言而喻。
三、實訓體系
1、動畫片案例。
●描述工作場景、面臨的問題和要求，引導學員關注實際問題和涉及到的技術。
●學員扮演不同類型動漫制作公司中工作的動漫設計師。●學員4-6人一組，完成分鏡、動畫、后期制作等流程制作，能制作動畫短片。
2、水木項目實訓。
●學員綜合應用能學到動畫片制作全部流程，并能承擔其中一個步驟的開發(fā)。
●在導演的指導下分組獨立完成任務，詳細學習動漫制作?！駵蕟T工式的培訓，項目制的教研體系，豐富的動畫片開發(fā)管理經驗，使員工能夠在進入企業(yè)之前，熟悉動漫制作的規(guī)范流程，掌握人設、背景、場景設計等技能；培訓結業(yè)的員工在進入社會后，能夠勝任動漫企業(yè)嚴格的動漫制作的項目管理模式。
四、實訓核心競爭力
●獨家全部由在職專家團隊提供的實訓。●完善的實訓體系。●動畫片實際案例。
●學員第一時間與動漫企業(yè)接軌。
附件1：二維動畫實訓任務書
時 間：21天（6課時/天 共126課時）內 容： 學員要求：
要求已系統學習過動畫片制作或具備深厚的美術基礎，熟練掌握人設、動作或背景、場景等知識，對二維動畫制作有一定了解，能夠通過軟件簡單實現動畫片制作。有良好的團隊精神。指導教師：
三年以上動畫制作的導演。實訓基本說明：
課程設計是對課堂教學的補充，是實踐性教學環(huán)節(jié)，通過強化的項目制模塊實踐環(huán)節(jié)，提高對該課程所涉及的專項軟件技術進行深入的理解和熟練應用。該環(huán)節(jié)不要求對動畫片制作全流程有深入了解，關鍵在于通過短時間實踐提高某一項動畫制作技術的熟練應用。實訓教學保障：
為保證教學和實踐的順利展開，實訓基地應充分利用信息學習的平臺，從多方面提供教學配置管理：
1、為每位學生提供獨立的教學電腦和手寫板。
2、提供學習日志系統，加強學習過程管理，并最終記錄到質量跟蹤文檔。
3、提供教學考評系統，加強教師的教學指導管理。
4、提供已完成開發(fā)的教學實踐項目，和若干模塊的詳細劃分。
5、提供信息考勤管理模塊，加強學員考勤管理。
6、提供以教學質量跟蹤文檔為表現形式的質量保證體系，以質量跟蹤文檔提供對教學過程的真實記錄。實訓目標：
1、學習動畫綜合創(chuàng)作講解、動畫理念、人物常規(guī)動作、動物動畫、自然現象、分鏡頭的設計、動畫的時間掌握（原畫）、動畫綜合創(chuàng)作講解、動畫綜合創(chuàng)作。
2、實戰(zhàn)制作動畫片片段
考核：
1、通過評審，且在規(guī)定時間內制作完畢，考核成績?yōu)閮?yōu)良。
2、通過評審，但未在規(guī)定時間內制作完成，考核成績?yōu)橹谢蚣案瘛?/p>
3、未通過評審，且未完成制作，考核成績?yōu)椴患案?。注意事項?/p>
1、遲到3次或缺席1次，成績下降一個檔次，遲到6次或缺席2次，成績再下降一個檔次，依次類推。
2、上機時發(fā)現玩游戲1次，成績下降一個檔次，玩游戲2次，成績再下降一個檔次，依次類推。
附件2：三維動畫實訓任務書
周 期：21天（6課時/天 共126課時）內 容： 學員要求：
要求已系統學習過三維動畫制作或具備深厚的美術基礎，熟練3D、MAYA等知識，對三維動畫制作有一定了解，能夠通過軟件簡單實現動畫片制作。有良好的團隊精神。指導教師：
三年以上三維動畫導演。實訓基本說明：
課程設計是對課堂教學的補充，是實踐性教學環(huán)節(jié)，通過強化的項目制模塊實踐環(huán)節(jié)，提高對該課程所涉及的專項軟件技術進行深入的理解和熟練應用。該環(huán)節(jié)不要求對動畫片制作全流程有深入了解，關鍵在于通過短時間實踐提高某一項動畫制作技術的熟練應用。實訓教學保障：
為保證教學和實踐的順利展開，實訓基地應充分利用信息學習的平臺，從多方面提供教學配置管理：
1、為每位學生提供獨立的教學電腦和手寫板。
2、提供學習日志系統，加強學習過程管理，并最終記錄到質量跟蹤文檔。
3、提供教學考評系統，加強教師的教學指導管理。
4、提供已完成開發(fā)的教學實踐項目，和若干模塊的詳細劃分。
5、提供信息考勤管理模塊，加強學員考勤管理。
6、提供以教學質量跟蹤文檔為表現形式的質量保證體系，以質量跟蹤文檔提供對教學過程的真實記錄。實訓目標：
1、前期角色設定,前期場景設定、模型Modeling、專業(yè)場景建模規(guī)則、復雜場景建模實戰(zhàn)、人體Polygon建模、控制畫面效果、Maya燈光制作方案、生產流程中材質規(guī)范及注意事項、三維動作節(jié)奏設計。
2、實戰(zhàn)制作三維動畫片片段 考核：
1、通過評審，且在規(guī)定時間內制作完畢，考核成績?yōu)閮?yōu)良。
2、通過評審，但未在規(guī)定時間內制作完成，考核成績?yōu)橹谢蚣案瘛?/p>
3、未通過評審，且未完成制作，考核成績?yōu)椴患案瘛Ｗ⒁馐马棧?/p>
1、遲到3次或缺席1次，成績下降一個檔次，遲到6次或缺席2次，成績再下降一個檔次，依次類推。
2、上機時發(fā)現玩游戲1次，成績下降一個檔次，玩游戲2次，成績再下降一個檔次，依次類推。
3、學員在參加實訓期間，應自覺遵守馬鞍山水木數字培訓學校的各項管理規(guī)定和獎懲制度。
4、學員實訓期間的日常表現將作為實訓成績評定的依據之一，實訓結束后一并報送學院備案。
第二篇：《網頁設計與制作》綜合實訓
《網頁制作》期末大作業(yè)
一、概述：
要求設計并制作一個表達某個主題的網站，通過網站的制作，綜合運用本課程各單元所學的知識。網站的內容不能是一些素材如圖片、音樂等的堆積，必須有鮮明的主題?？梢詮木W上下載部分資料，但不能超過整個內容的30%，更不要指望從網上下一個完整的網站應付老師?？偟捻摂祽^10頁（一個包含主題內容的htm文件算一頁）。請同學們注意不要下載相同的資料，如果出現網頁內容雷同，雙方都要扣分，嚴重的必須重做。
二、網站內容：
自行選擇如下內容：科普、科幻知識；公益形象宣傳；大、中、小學教學用動畫形象；奧林匹克體育；環(huán)境保護；戰(zhàn)爭與和平；求職；校園生活；誠信、傳統美德；交通安全；衛(wèi)生與健康；愛心；教育；新青年；管理；實用工具等。自己確定一個主題，整個網站要突出主題，信息分類合理，導航清晰。要求必須有自己創(chuàng)作的內容，這些原創(chuàng)內容可以是文字、圖片、動畫等。
三、版面及格式：
l、要求圖文并茂，顏色搭配合理，但是圖片及聲音文件不要太大。如果能加入自己創(chuàng)作的動態(tài)元素(如Flash，Gif動畫等)將獲得加分。希望充分發(fā)揮自己的創(chuàng)作能力。
2、要求每個網頁都使用表格布局。
3、要求網頁中插入有Web組件，包括懸停按鈕、滾動字幕、橫幅廣告管理器等。
4、導航設計簡潔明了，不能有“死鏈接”，要保證能夠在網絡上瀏覽。
5、自創(chuàng)內容越多越好，得分越高。
四、遞交方式：
1、每個同學以自己的學號姓名建一個文件夾，上交時間為18周2、所做網頁的首頁文件名必須為index.htm3、所有文件名和目錄名全部使用英文字母和數字，不得使用漢字或全角符號，否則，網絡將出現死鏈接。
4、遞交時必須把網頁中所有用到的圖片、聲音、動畫等都一起上傳到服務器。網頁的總容量一般不要大于3MB5、建議將網頁中的素材分類，建立不同的子目錄存放。
五、網頁評分標準:
整個網頁的評分強調“自己的創(chuàng)意”，不管主題是什么，也不論是哪一個欄目的內容，如果創(chuàng)意獨特，有自己鮮明的個性、觀點，得分較高。
1、主題鮮明，有關主題的內容豐富（30分）
2、原創(chuàng)內容豐富，能體現自己的想法，文字流利通順（30分）
3、版面布局合理，整理效果美觀（20分）
4、其他內容如友情鏈接、相關資料等（5分）
5、插入的圖片等素材恰當、美觀（5分）
6、技術含量（使用了各種效果、技術等）（10分）
六、網頁制作特別注意事項：
1、網頁文件名最好全部用英文字母或數字（不能包含漢字）；
2、整理圖片和其他素材；
3、在與網頁主文件（index.htm)同級的目錄中建立子目錄image(圖片）、wave(聲音）、?等，將取得的素材按類保存好，在制作網頁（即編輯HTM文件）時，必須從這些目錄中插入素材，以保證顯示正確，不能從其他目錄插入，提示另外保存圖片時，不要改變保存目錄，直接按[確定]即可。同學們要改變那種在編輯網頁時到處找圖片，找到了就往HTML文件中插的壞習慣(也不管這個文件在哪里）；
4、作好筆記將對后期調試非常有利，從開始規(guī)劃起就記錄目錄名、文件名的分配，以便調試時節(jié)省時間。
第三篇：網頁設計與制作實訓報告[范文]
《網頁設計與制作》
實習報告
指導老師：
實習地點：
實習時間：
實習班級：
學生姓名：
一、實習目的① 學會制作新聞發(fā)布系統。
② 學會制作在線調查系統。
③ 熟悉購物網站的主要功能和欄目。
④ 學會購物網站數據庫表的創(chuàng)建和數據庫連接的創(chuàng)建。
⑤ 學會購物系統前臺頁面制作和后臺管理制作。
二、實訓內容
1.創(chuàng)建數據庫表
① 啟動Microsoft Access，執(zhí)行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數據庫”。
② 彈出“文件新建數據庫”對話框，在對話框中選擇數據庫保存的路徑，“文件名”文本框中輸入shop。
③ 單擊“創(chuàng)建”按鈕，在對話框中雙擊“使用設計器創(chuàng)建表”選項。
④ 彈出“表1：表”對話框，在對話框中輸入“字段名稱”和字段所對應的“數據類型”，將shopID字段設置為主鍵。
⑤ 執(zhí)行“文件”——“保存”命令，彈出“另存為”對話框，在對話框的“表名稱”文本框中輸入products。
⑥ 單擊“確定”按鈕，保存表。按以上步驟的方法，創(chuàng)建表fen和admin。
2.創(chuàng)建數據庫連接
新建一個網頁文件夾，打開IIS信息服務，創(chuàng)建IIS虛擬目錄，在文件夾安全性把來賓用戶的權限修改為完全控制，并導入數據庫。
3.制作購物網系統頁面
① 用index.html創(chuàng)建zhanshi.asp商品分類展示頁，新建站點，導入shop.mdb數據庫文件建立數據庫連接。插入表格并插入圖片、文字，創(chuàng)建記錄集并在表格相應位置綁定數據。在服務器行為里為表格設置重復區(qū)域，創(chuàng)建記錄集RS2并在左邊的商品分類表格里綁定
數據，在服務器行為里為左側的表格添加重復區(qū)域和轉到詳細頁，制作記錄集導航條。
② 用index.html創(chuàng)建xiangxi.asp商品詳細信息頁，首先創(chuàng)建記錄集并制作左側的商品分類表格，之后在中間區(qū)域插入表格，在表格中插入圖片、文字，創(chuàng)建記錄集RS2并將數據綁定在表格相應位置。
③ 用index.html創(chuàng)建denglu.asp商品詳細信息頁,創(chuàng)建記錄集并制作左側的商品分類表格，在中間區(qū)域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設置檢查表單。創(chuàng)建記錄集RS2并在服務器行為里添加登錄用戶。
④ 用index.html創(chuàng)建fenlei.asp添加商品分類頁，插入表單，在表單里插入文字、文本域、表單按鈕，創(chuàng)建記錄集并在服務器行為里添加插入記錄和限制對頁的訪問。再用index.html創(chuàng)建fenleiok.asp,在其中插入表格輸入文字，并設置返回鏈接。
⑤ 用index.html創(chuàng)建tianjia.asp添加商品頁，創(chuàng)建記錄集，用插入記錄表單向導創(chuàng)建插入記錄表單，在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建tianjiaok.asp,在其中插入表格輸入文字，并設置返回鏈接。
⑥ 用index.html創(chuàng)建guanli.asp商品管理頁，創(chuàng)建記錄集并制作左側的商品分類表格，在中間區(qū)域插入表格并插入文字，創(chuàng)建記錄集RS2并在表格相應位置綁定數據，為該表格設置服務器行為的重復區(qū)域，制作修改和刪除鏈接，制作記錄集導航條。
⑦ 用tianjia.asp創(chuàng)建xiugai.asp修改頁面，創(chuàng)建記錄集在對應的文本域中綁定數據，把服務器行為里的插入記錄刪除并添加更新記錄。在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建xiugaiok.asp,在其中插入表格輸入文字，并設置返回鏈接。
⑧ 用index.html創(chuàng)建shanchu.asp刪除頁面,插入表格并插入文字，建立記錄集，在表格相應位置綁定數據，插入表單和表單按鈕，創(chuàng)建服務器行為限制對頁的訪問和刪除記錄。再用index.html創(chuàng)建shanchuok.asp,在其中插入表格輸入文字，并設置返回鏈接。
三、疑難解惑
① 網頁不能正常打開，電腦用戶權限沒有修改，在文件夾安全性把來賓用戶的權限修改為完全控制。
② 創(chuàng)建重復區(qū)域時，總顯示相同的內容，仔細閱讀教材，發(fā)現創(chuàng)建重復區(qū)域時要選中表格，而不是文字內容。
③ 登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。
④ 創(chuàng)建添加商品頁面時，無法顯示商品分類。在插入記錄表單時，應將feileiID“顯
示為”下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。
⑤ 修改頁面點進去初始內容都一樣，“唯一鍵列”下拉列表中應選擇shpID。
⑥ 商品分類點進去每個種類都一樣，查找原因，發(fā)現記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。
四、實訓心得
經過一周動態(tài)網頁的實訓，使我們對本學期的這門課進行了整體的匯總。在這匯總期間，也算是對自己本學期的一個考核，此次實訓暴露出了許多我自身存在的問題，同時也對自身有了很大的提高。
在這次實訓中，我也有許多收獲。首先，我體會到了作為一個計算機專業(yè)的人，不會用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自制作動態(tài)網頁，難免會遇到過各種各樣的問題，同時在制作的過程中發(fā)現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固。在此過程當中彌補了我許多知識上的缺陷，弄清的以前沒有搞懂的知識點。經過多番的努力和辛酸，我成功地完成了這次過程艱辛的實訓，而且我從中體會到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會的。
在實訓過程中，我更體會到了基礎知識的重要性，也許我們正在迷惘，我們是否學到了東西，但事實說明零零散散的知識，在項目開發(fā)當中起到了非常關鍵的作用，我們不缺少時間和工具，我們只是缺少經驗和動手能力，如果我們以后能更好的在各方面增長自己的經驗，相信我們能在長長的就業(yè)隊伍中脫穎而出的！相信自己，相信未來。今后我將會更加努力的學習，不斷提高自身素質，為我將來的就業(yè)打下良好的基礎
第四篇：網頁設計與制作實訓報告
《Dreamweaver網頁設計與制作案例教程》
實訓報告
專 業(yè)： 計算機網絡技術 年 級： 2013級 姓 名： 學 號： 輔導老師：
制作電子商務類網站首頁
一、網站建設的前期準備工作
1、網站整體需求分析
網站整體需求主要包括以下幾個方面： 1)網站建設背景及目標 2)網站建設現狀分析 3)網站建設目標分解
4)網站建設資金及人員投入情況分析
2、確定網站風格
根據電子商務網站的特點，確定網站的整體風格，即網站的色彩和版式。網站風格是在網站整體需求分析的基礎上，通過明確網站設計的目的和用戶需求、訪問者的特點等得出的結論。本實例是針對一個工業(yè)產品交易平臺的網站，網站與用戶交互性強，因此確定其主色調為暖色系的橘黃色給人以輕松愉快的瀏覽環(huán)境。如圖是電子商務網站的LOGO。
3、網站素材搜集
明確網站主題和劃分板塊后，接著要為后續(xù)的網站建設搜集素材。若想讓網站有聲有色，能夠吸引客戶注意，就要盡量搜集文字、圖片、音頻、視頻、動畫等多媒體素材。對于一些通用素材，可以從網上搜集得到，也可以根據需求自行制作素材，比如，通過Photoshop圖像處理軟件對圖像進行優(yōu)化處理，使用Flash制作動畫等。如圖所示。
二、創(chuàng)建站點
1、網站建設的第一步是創(chuàng)建本地站點。
2、創(chuàng)建的站點信息將顯示在“文件”面板中。如果需要對站點參數進行修改，可以單擊“站點→管理站點”對站點進行重新設置。
三、網站主頁制作
1.使用Div+CSS布局頁面
使用Div+CSS實現頁面布局，具體操作如下：
4）為AP Div元素設置CSS樣式。由于網站首頁和子頁面采取相同的布局風格，因此樣式表采用外部鏈接樣式表。
5）選中創(chuàng)建的AP元素“container”，在右側的“CSS樣式”面板中單擊鼠標右鍵，選擇“新建”命令，打開“新建CSS規(guī)則”對話框，并作相應設置，如圖所示。
6）單擊確定按鈕，彈出“#container的CSS規(guī)則定義”對話框，選擇分類列表框下的“背景”選項卡，設置文檔的“背景顏色”為#FFF；在分類列表框中，切換到“區(qū)塊”選項卡，設置“文本對齊”屬性為左對齊；在分類列表框中，切換到“方框”選項卡，設置Ap Div的“寬”為960 px，“上邊界”為1 px，“下邊界”為0 px；“邊框”和“列表”選項卡的屬性保持默認設置；切換到“定位”選項卡，單擊確定按鈕，完成對“#container”元素樣式的定義。設置后的“CSS樣式”面板如圖所示。
/* ==整體布局定義開始== */ #Container { width:960px;/*定義頁面寬度*/ visibility:visible;/*設置可見度*/ margin:1px auto 0;/*設置外邊距*/ background-color: #FFF;/*定義背景顏色*/ } 2.設置頁面屬性
在style.css樣式表文件內部設置網頁的頁面屬性。頁面屬性是對
標簽屬性的設置。代碼如下所示： body{ font-size:12px;/*定義字號*/ color:#666;/*定義字體顏色*/ background:#FFF;/*定義背景顏色*/ text-align:center;/*定義文本位置*/ margin:0;/*定義外邊距*/ padding:0;/*定義外邊距*/ border:0;/*定義邊框粗細*/ background: transparent;/*定義背景透明*/ } 也可以打開index.html，選擇“修改→頁面屬性”菜單命令，在打開的“頁面屬性”對話框中進行相應設置。3.插入圖片
在頂部的“top”元素中插入一幅圖像。如圖所示。
4.添加導航條
網頁導航條是非常重要的網頁元素，網頁間的跳轉，需要通過導航條來完成。
1）將光標定位在“nav” Div元素中，在其內部輸入列表項，并為列表項的各個單元設置超鏈接。設置情況如圖所示。
2）添加CSS樣式，需要在style.css文件中輸入相關代碼。#nav { height:30px;/*定義高度*/ width:100%;/*定義寬度*/ background-color:#c00;/*定義背景顏色*/ overflow: hidden;/*定義溢出效果*/ } #nav ul { font-size:12px;/*定義字號*/ color:#FFF;/*定義字體顏色*/ line-height:30px;/*定義字體行高*/ white-space:nowrap;/*定義區(qū)塊空格*/ margin:0 0 0 30px;/*定義外邊距*/ padding:0;/*定義內邊距*/ } #nav li { list-style-type:none;/*定義列表類型*/ display:inline;/*定義區(qū)塊顯示效果*/ } #nav li a { text-decoration:none;/*定義字體修飾*/ font-family:Arial, Helvetica, sans-serif;/*定義字體*/ color:#FFF;/*定義字體顏色*/ padding:7px 10px;/*定義內邊距*/ } #nav li a:hover { color:#ff0;/*定義字體顏色*/ background-color:red;/*定義背景顏色*/ 該樣式表使用列表項實現導航菜單功能。效果如圖所示。
5.推薦廠家
1）把光標置于DIV元素“l(fā)eft”中，創(chuàng)建新的DIV元素 sideBarLefta1，并定義相關樣式
2）在DIV元素“sideBarLefta1”的內部插入推薦廠家標志及說明文字等信息，定義相關樣式如圖所示。
3）在style.css樣式表中插入下面的代碼，#left { float:left;/*定義浮動位置 */ width:640px;/*定義寬度 */ height:832px;/*定義高度 */ }.sideBarLeftb1 { width:238px;/*定義寬度 */ height:240px;/*定義高度*/ border:#ebcbb4 solid 1px;/*定義邊框的顏色、粗細、樣式*/ } 6.網頁廣告設計制作
1）將光標置于div元素“#left”中，插入一個嵌套的div元素#sideBarLefta2，2）將光標置于DIV元素“banner”中，插入一個已經準備好的SWF元素。
3）選中“banner”下面DIV元素，并定義類為“hot”，在4個小DIV元素中分別插入準備好的廣告圖，效果如圖所示
style.css樣式表中插入的代碼如下： #sideBarLefta2 {
float:left;/*定義浮動位置 */ width:390px;/*定義寬度 */ height:268px;/*定義高度*/ overflow: hidden;/*定義溢出效果*/ } #banner { margin-top:5px;/*定義頂端外邊距*/ border:#999 solid 1px;/*定義邊框的顏色、粗細、樣式*/ width:390px;/*定義寬度 */ }.hot{ display:inline;/*定義區(qū)塊顯示效果*/ border:#999 1px solid;/*定義邊框的顏色、粗細、樣式*/ width:91px;/*定義寬度 */ height:70px;/*定義高度*/ float:left;/*定義浮動位置 */ margin:2px;/*定義外邊距*/ } 7.頁面右側欄目設計
1）將光標置于DIV元素“right”中，插入已經準備好的圖片service.jpg。如圖所示。
2）在service.jpg下面插入兩個div，分別定義為.sideBarRightb3和.sideBarRightb4，在新建的div中插入準備好的廣告圖像ad1.jpg和ad2.jpg并在屬性面板中定義超鏈接，效果如圖所示。
在style.css中添加的代碼如下： #right { float:left;/*定義浮動位置 */ width:320px;/*定義寬度 */ height:832px;/*定義高度 */ }.sideBarRightb3 { height:60px;/*定義高度*/ margin-top:5px;/*定義頂端外邊距*/ border:#ebcbb4 1px solid;/*定義邊框的顏色、粗細、樣式*/ }.sideBarRightb4 { height:93px;/*定義高度*/ margin-top:5px;/*定義頂端外邊距*/
border:#ebcbb4 1px solid;/*定義邊框的顏色、粗細、樣式*/ margin-bottom:5px;/*定義底端外邊距*/ }.sideBarRightb3,.sideBarRightb4 img { text-align:center;/*定義文本位置 */ padding:5px;/*定義內邊距*/ } 8.行業(yè)欄目設計
1）將光標置于DIV元素“l(fā)eft”中，在其下側插入一個嵌套的DIV元素“sideBarLeftb2”。
2）選中Div元素“sideBarLeftb2”，將光標定位在其內部，創(chuàng)建多個新Div，為了方便日后的維護我們將新建Div單獨定義為.sideBarLeftb3。
3）選中DIV元素“sideBarLeftb3”，在style.css中添加的代碼如下：
sideBarLeftb3 { text-align:left;/*定義文本位置 */ float:left;/*定義浮動位置 */ height:150px;/*定義高度*/ width:280px;/*定義寬度 */ padding:4px;/*定義內邊距*/ } 4）將光標移到sideBarLeftb3的DIV元素中，插入兩行列表并對列表設置相關CSS參數。在style.css中添加的代碼如下：.sideBarLeftb3 ul { font-size:12px;/*定義字號*/ line-height:6px;/*定義字體行高*/ float:left;/*定義浮動位置 */ width:270px;/*定義寬度 */ margin:0 0 0 5px;/*定義外邊距*/ padding:0;/*定義內邊距*/ } 5）在列表中添加列表內容，代碼如下：
- 密封件
- 粉碎機
- 壓縮機
- 減速機
- 機械加工
- 焊機
- 風機
- 機床
- 彈簧
- 齒輪
- 鍋爐
- 更多
第五篇：網頁設計與制作實訓十二
《網頁設計與制作》實訓
表單設計
實訓內容：用戶注冊界面設計
操作提示：
第一步：制作“用戶注冊”界面
1）在Dreamweaver CS4中新建一個網頁文件，將網頁標題設置為“用戶注冊”。2）選擇“插入→表單→表單”命令在文檔中插入一個表單，如圖12-1所示。
圖12-1 插入表單
3）將光標置于創(chuàng)建的表單內，插入一個12行2列的表格，并設置表格的寬度為530像素、間距為0像素、邊框為0像素。
4）選中第一行的兩個單元格，單擊“修改→表格→合并單元格”命令，將它們合并為一個單元格。用同樣的方法將最后一行的單元格合并為一個單元格，如圖12-2所示。
圖12-2
插入的表格 5）將光標置于第一行的單元格中，輸入“用戶注冊”，在單元格“屬性”面板中設置文本居中對齊。
6）根據圖12-3提供的界面內容，分別在表格第1列的其它單元格中輸入昵稱、真實姓名、密碼等文本。選中輸入的文本，并將它們設置為粗體、右對齊方式。
圖12-3
輸入文本
7）選中表格中所有的單元格，在單元格“屬性”面板中設置單元格的高為30。第二步：插入文本域
1）在圖12-2所顯示的表格中，將光標置于“昵稱：”后面的單元格中，單擊“表單”標簽中的“文本字段”按鈕，或者選擇“插入→表單→文本域”命令，均將打開“輸入標簽輔助功能屬性”對話框，如圖12-4所示。
圖12-4
“輸入標簽輔助功能屬性”對話框
2）單擊【確定】按鈕，在光標處插入了一個單行的文本域。3）選中插入的文本域，其對應的“屬性”面板如圖12-5所示。
圖12-5
文本域“屬性”面板
文本域“屬性”面板中各選項含義如下：
文本域：用于標志該文本域的名稱。每個文本域的名稱都不能相同，它相當于表單中的一個變量名，服務器通過這個變量名來處理用戶在該文本域中輸入的值。
字符寬度：設置文本域中最多可顯示的字符數。當設置該選項后，若是多行文本域，標簽中增加cols屬性，否則標簽增加size屬性。如果用戶的輸入超過字符寬度，則超出的字條將不被表單指定的處理程序接收。
最多字符數：設置單行、密碼文本域中最多可輸入的字符數。當設置該項后，標簽增加maxlength屬性，如果用戶的輸入超過最大字符數，則表單產生警告聲。
類型：設置文本域的類型，可在單行、多行或密碼3個類型中任選一個?！皢涡小鳖愋蛯a生一個標簽，它的type屬性為text，這表示此文本域為單行文本域?！岸嘈小鳖愋蛯a生一個