【正文】 鍋爐 彈簧 風(fēng)機(jī) 機(jī)械加工 壓縮機(jī) 密封件/*定義外邊距*/ padding:0。/*定義浮動(dòng)位置 */ width:270px。/*定義字號(hào)*/ lineheight:6px。/*定義內(nèi)邊距*/ } 4）將光標(biāo)移到sideBarLeftb3的DIV元素中，插入兩行列表并對(duì)列表設(shè)置相關(guān)CSS參數(shù)。/*定義高度*/ width:280px。/*定義文本位置 */ float:left。2）選中Div元素“sideBarLeftb2”，將光標(biāo)定位在其內(nèi)部，創(chuàng)建多個(gè)新Div。/*定義文本位置 */ padding:5px。/*定義邊框的顏色、粗細(xì)、樣式*/ marginbottom:5px。/*定義高度*/ margintop:5px。/*定義頂端外邊距*/ border:ebcbb4 1px solid。/*定義高度 */ }.sideBarRightb3 { height:60px。/*定義浮動(dòng)位置 */ width:320px。2），效果如圖所示。/*定義外邊距*/ } 1）將光標(biāo)置于DIV元素“right”中。/*定義高度*/ float:left。/*定義邊框的顏色、粗細(xì)、樣式*/ width:91px。/*定義寬度 */ }.hot{ display:inline。/*定義頂端外邊距*/ border:999 solid 1px。/*定義高度*/ overflow: hidden。/*定義浮動(dòng)位置 */ width:390px。/*定義邊框的顏色、粗細(xì)、樣式*/ } 1）將光標(biāo)置于div元素“l(fā)eft”中，插入一個(gè)嵌套的div元素sideBarLefta2，2）將光標(biāo)置于DIV元素“banner”中，插入一個(gè)已經(jīng)準(zhǔn)備好的SWF元素。/*定義寬度 */ height:240px。/*定義寬度 */ height:832px。3），left { float:left。效果如圖所示。/*定義字體顏色*/ backgroundcolor:red。/*定義字體顏色*/ padding:7px 10px。/*定義字體修飾*/ fontfamily:Arial, Helvetica, sansserif。/*定義列表類型*/ display:inline。/*定義外邊距*/ padding:0。/*定義字體行高*/ whitespace:nowrap。/*定義字號(hào)*/ color:FFF。/*定義背景顏色*/ overflow: hidden。/*定義高度*/ width:100%。2）添加CSS樣式。1）將光標(biāo)定位在“nav” Div元素中，在其內(nèi)部輸入列表項(xiàng)，并為列表項(xiàng)的各個(gè)單元設(shè)置超鏈接。如圖所示。/*定義背景透明*/ } ，選擇“修改→頁面屬性”菜單命令，在打開的“頁面屬性”對(duì)話框中進(jìn)行相應(yīng)設(shè)置。/*定義外邊距*/ border:0。/*定義文本位置*/ margin:0。/*定義字體顏色*/ background:FFF。代碼如下所示： body{ fontsize:12px。/*定義背景顏色*/ } 。/*設(shè)置可見度*/ margin:1px auto 0。/* ==整體布局定義開始== */ Container { width:960px。6）單擊確定按鈕，彈出“container的CSS規(guī)則定義”對(duì)話框，選擇分類列表框下的“背景”選項(xiàng)卡，設(shè)置文檔的“背景顏色”為FFF；在分類列表框中，切換到“區(qū)塊”選項(xiàng)卡，設(shè)置“文本對(duì)齊”屬性為左對(duì)齊；在分類列表框中，切換到“方框”選項(xiàng)卡，設(shè)置Ap Div的“寬”為960 px，“上邊界”為1 px，“下邊界”為0 px；“邊框”和“列表”選項(xiàng)卡的屬性保持默認(rèn)設(shè)置；切換到“定位”選項(xiàng)卡，單擊確定按鈕，完成對(duì)“container”元素樣式的定義。由于網(wǎng)站首頁和子頁面采取相同的布局風(fēng)格，因此樣式表采用外部鏈接樣式表。如果需要對(duì)站點(diǎn)參數(shù)進(jìn)行修改，可以單擊“站點(diǎn)→管理站點(diǎn)”對(duì)站點(diǎn)進(jìn)行重新設(shè)置。二、創(chuàng)建站點(diǎn)網(wǎng)站建設(shè)的第一步是創(chuàng)建本地站點(diǎn)。對(duì)于一些通用素材，可以從網(wǎng)上搜集得到，也可以根據(jù)需求自行制作素材，比如，通過Photoshop圖像處理軟件對(duì)圖像進(jìn)行優(yōu)化處理，使用Flash制作動(dòng)畫等。網(wǎng)站素材搜集明確網(wǎng)站主題和劃分板塊后，接著要為后續(xù)的網(wǎng)站建設(shè)搜集素材。本實(shí)例是針對(duì)一個(gè)工業(yè)產(chǎn)品交易平臺(tái)的網(wǎng)站，網(wǎng)站與用戶交互性強(qiáng)，因此確定其主色調(diào)為暖色系的橘黃色給人以輕松愉快的瀏覽環(huán)境。今后我將會(huì)更加努力的學(xué)習(xí)，不斷提高自身素質(zhì)，為我將來的就業(yè)打下良好的基礎(chǔ)第五篇：網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作案例教程》實(shí)訓(xùn)報(bào)告專 業(yè)： 計(jì)算機(jī)網(wǎng)絡(luò)技術(shù) 年 級(jí)： 2013級(jí) 姓 名： 學(xué) 號(hào)： 輔導(dǎo)老師：制作電子商務(wù)類網(wǎng)站首頁一、網(wǎng)站建設(shè)的前期準(zhǔn)備工作網(wǎng)站整體需求分析網(wǎng)站整體需求主要包括以下幾個(gè)方面： 1)網(wǎng)站建設(shè)背景及目標(biāo) 2)網(wǎng)站建設(shè)現(xiàn)狀分析 3)網(wǎng)站建設(shè)目標(biāo)分解4)網(wǎng)站建設(shè)資金及人員投入情況分析確定網(wǎng)站風(fēng)格根據(jù)電子商務(wù)網(wǎng)站的特點(diǎn)，確定網(wǎng)站的整體風(fēng)格，即網(wǎng)站的色彩和版式。經(jīng)過多番的努力和辛酸，我成功地完成了這次過程艱辛的實(shí)訓(xùn)，而且我從中體會(huì)到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會(huì)的。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨(dú)自制作動(dòng)態(tài)網(wǎng)頁，難免會(huì)遇到過各種各樣的問題，同時(shí)在制作的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固。在這次實(shí)訓(xùn)中，我也有許多收獲。四、實(shí)訓(xùn)心得經(jīng)過一周動(dòng)態(tài)網(wǎng)頁的實(shí)訓(xùn)，使我們對(duì)本學(xué)期的這門課進(jìn)行了整體的匯總。⑤ 修改頁面點(diǎn)進(jìn)去初始內(nèi)容都一樣，“唯一鍵列”下拉列表中應(yīng)選擇shpID。④ 創(chuàng)建添加商品頁面時(shí)，無法顯示商品分類。② 創(chuàng)建重復(fù)區(qū)域時(shí)，總顯示相同的內(nèi)容，仔細(xì)閱讀教材，發(fā)現(xiàn)創(chuàng)建重復(fù)區(qū)域時(shí)要選中表格，而不是文字內(nèi)容。,在其中插入表格輸入文字，并設(shè)置返回鏈接。,在其中插入表格輸入文字，并設(shè)置返回鏈接。⑦ ，創(chuàng)建記錄集在對(duì)應(yīng)的文本域中綁定數(shù)據(jù)，把服務(wù)器行為里的插入記錄刪除并添加更新記錄。,在其中插入表格輸入文字，并設(shè)置返回鏈接。,在其中插入表格輸入文字，并設(shè)置返回鏈接。創(chuàng)建記錄集RS2并在服務(wù)器行為里添加登錄用戶。② ，首先創(chuàng)建記錄集并制作左側(cè)的商品分類表格，之后在中間區(qū)域插入表格，在表格中插入圖片、文字，創(chuàng)建記錄集RS2并將數(shù)據(jù)綁定在表格相應(yīng)位置。插入表格并插入圖片、文字，創(chuàng)建記錄集并在表格相應(yīng)位置綁定數(shù)據(jù)。新建一個(gè)網(wǎng)頁文件夾，打開IIS信息服務(wù)，創(chuàng)建IIS虛擬目錄，在文件夾安全性把來賓用戶的權(quán)限修改為完全控制，并導(dǎo)入數(shù)據(jù)庫。⑥ 單擊“確定”按鈕，保存表。④ 彈出“表1：表”對(duì)話框，在對(duì)話框中輸入“字段名稱”和字段所對(duì)應(yīng)的“數(shù)據(jù)類型”，將shopID字段設(shè)置為主鍵。② 彈出“文件新建數(shù)據(jù)庫”對(duì)話框，在對(duì)話框中選擇數(shù)據(jù)庫保存的路徑，“文件名”文本框中輸入shop。⑤ 學(xué)會(huì)購物系統(tǒng)前臺(tái)頁面制作和后臺(tái)管理制作。③ 熟悉購物網(wǎng)站的主要功能和欄目。四、設(shè)計(jì)地點(diǎn)與時(shí)間安排：時(shí)間：第1718教學(xué)周地點(diǎn)：實(shí)訓(xùn)樓第四篇：網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告[范文]《網(wǎng)頁設(shè)計(jì)與制作》實(shí)習(xí)報(bào)告指導(dǎo)老師：實(shí)習(xí)地點(diǎn)：實(shí)習(xí)時(shí)間：實(shí)習(xí)班級(jí)：學(xué)生姓名：一、實(shí)習(xí)目的① 學(xué)會(huì)制作新聞發(fā)布系統(tǒng)。站點(diǎn)各級(jí)頁面的鏈接添加及測(cè)試對(duì)做好的各級(jí)頁面進(jìn)行鏈接，在這里可以用到庫，避免了繁瑣的步驟，最后測(cè)試網(wǎng)站。在二級(jí)頁面則是用到了大量的嵌入式框架，來對(duì)文字進(jìn)行編輯。之前切片切好的頁面用來做插入時(shí)鐘代碼的時(shí)候，結(jié)果造成網(wǎng)頁擁擠，后來又重新進(jìn)行切片，插入背景，然后再放入時(shí)鐘代碼，效果就做好了。首頁動(dòng)態(tài)展示欄以及時(shí)鐘的設(shè)計(jì)完成上面的全圖像頁面設(shè)計(jì)后，就開始用Dreamweaver軟件對(duì)首頁進(jìn)行動(dòng)態(tài)設(shè)計(jì)。網(wǎng)站導(dǎo)航及板塊設(shè)計(jì)、版權(quán)信息設(shè)計(jì) 導(dǎo)航欄的設(shè)計(jì)主要用到的技術(shù)是PS中圓角矩形框工具以及文字工具進(jìn)行設(shè)計(jì)，版權(quán)信息則是參考教材中的格式進(jìn)行設(shè)計(jì)。網(wǎng)站各級(jí)頁面的設(shè)計(jì) 本次設(shè)計(jì)使用的是PS 專業(yè)繪圖軟件，通過使用PS的各項(xiàng)功能來設(shè)計(jì)網(wǎng)站的各級(jí)頁面（一級(jí)頁面，二級(jí)頁面）。配置服務(wù)器及站點(diǎn)建立 開始進(jìn)行配置服務(wù)器及站點(diǎn)的建立。網(wǎng)站架構(gòu)的確定以及目錄鏈接的確定 架構(gòu)的設(shè)計(jì)用到了word，網(wǎng)站的目錄確定為 首頁、概述、課程介紹、工具和資源、思科網(wǎng)絡(luò)學(xué)院在中國(guó)5個(gè)導(dǎo)航信息欄，以及設(shè)計(jì)了各級(jí)頁面中的導(dǎo)航信息。設(shè)計(jì)過程：首先分析站點(diǎn)的設(shè)計(jì)思路及方法。本次設(shè)計(jì)的網(wǎng)站主要是用來幫助大家快速了解思科網(wǎng)絡(luò)學(xué)院的最新動(dòng)態(tài)以及學(xué)習(xí)到思科網(wǎng)絡(luò)知識(shí)，由于站點(diǎn)的容量有限，在這里我總結(jié)了幾種學(xué)習(xí)思科網(wǎng)絡(luò)的方式方法和經(jīng)典題型。三、設(shè)計(jì)內(nèi)容、過程以及設(shè)計(jì)效果設(shè)計(jì)內(nèi)容：我此次設(shè)計(jì)的網(wǎng)站主題是教育類網(wǎng)站，名為《思科網(wǎng)絡(luò)學(xué)院》，設(shè)計(jì)中包含了4個(gè)導(dǎo)航信息，多個(gè)二級(jí)頁面以及少許的三級(jí)頁面，題型資料可供下載使用。陳佑宏1402713102第三篇：《靜態(tài)網(wǎng)頁制作與素材加工實(shí)訓(xùn)報(bào)告》山西工程職業(yè)技術(shù)學(xué)院 《靜態(tài)網(wǎng)頁制作》 實(shí)訓(xùn)報(bào)告書系別：計(jì)算機(jī)工程系 專業(yè)：計(jì)算機(jī)網(wǎng)絡(luò) 設(shè)計(jì)班級(jí)：網(wǎng)14班 姓名：張靜龍指導(dǎo)教師：?jiǎn)涛谋氤＞?012年12月27日一、指導(dǎo)教師喬文彪常娟二、設(shè)計(jì)目的與要求此次的網(wǎng)站設(shè)計(jì)使我們必須具備有：（1）色彩構(gòu)成、（2）圖形、圖像素材的獲取與編輯處理、（3）音頻、視頻、動(dòng)畫素材的獲取和處理、（4）簡(jiǎn)單數(shù)據(jù)庫設(shè)計(jì)、（5）Dreamweaver軟件的應(yīng)用等相關(guān)知識(shí)。或許實(shí)訓(xùn)的結(jié)束代表一段新生活的開始，但是我認(rèn)為它不但是一門課，需要我們?nèi)フ莆?，同時(shí)還可以鍛煉我們的邏輯思維能力和思維的嚴(yán)密性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯(cuò)的藝術(shù)審美觀，這樣，你做出的網(wǎng)頁才會(huì)賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達(dá)到頂級(jí)。在這一周的時(shí)間里，我一心只做網(wǎng)頁，做自己喜歡的風(fēng)格的網(wǎng)頁。雜亂無章的網(wǎng)站是不會(huì)有大的發(fā)展的。（2）網(wǎng)站風(fēng)格方面：一個(gè)網(wǎng)站的各個(gè)頁面之間風(fēng)格應(yīng)該是統(tǒng)一的，只有圍繞一個(gè)風(fēng)格才會(huì)成功。存在的問題及解決思路(1)在Dreamweaver基礎(chǔ)方面：制作網(wǎng)頁時(shí)如何實(shí)現(xiàn)網(wǎng)頁不跳轉(zhuǎn)就可以出現(xiàn)新的內(nèi)容，實(shí)現(xiàn)頁面內(nèi)的鏈接；用代碼編寫網(wǎng)頁上的按鈕，25 實(shí)現(xiàn)按鈕的各種功能，如刷新，重置，確定操作。在瀏覽器中運(yùn)行時(shí)出現(xiàn)冗余代碼時(shí)返回代碼頁面重新進(jìn)行查看修改。（3）文本編寫，我們的網(wǎng)頁中需要大量的文字材料，這就要在網(wǎng)頁編輯器中用HTML語言中的標(biāo)簽編寫。（2）網(wǎng)頁的版式設(shè)計(jì)，版式設(shè)計(jì)時(shí)我們應(yīng)該有重點(diǎn)，把重要的內(nèi)容新聞放在醒目的位置上。Dreamweaver工具為我們實(shí)現(xiàn)這些提供了便利，下面我將網(wǎng)頁制作和網(wǎng)站