實(shí)訓(xùn)報(bào)告-網(wǎng)頁制作與網(wǎng)站建設(shè)項(xiàng)目實(shí)戰(zhàn)(存儲(chǔ)版)
【正文】 */ backgroundcolor:c00。/*定義內(nèi)邊距*/ } nav li { liststyletype:none。/*定義背景顏色*/ 該樣式表使用列表項(xiàng)實(shí)現(xiàn)導(dǎo)航菜單功能。/*定義高度*/ border:ebcbb4 solid 1px。/*定義邊框的顏色、粗細(xì)、樣式*/ width:390px。如圖所示。/*定義邊框的顏色、粗細(xì)、樣式*/ }.sideBarRightb4 { height:93px。3）選中DIV元素“sideBarLeftb3”，：sideBarLeftb3 { textalign:left。/*定義字體行高*/ float:left。 減速機(jī) 更多第五篇：網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告《網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)報(bào)告書設(shè)計(jì)題目：起止日期： 工作室或公司網(wǎng)站設(shè)計(jì)目錄一、關(guān)于網(wǎng)站 ： 同時(shí)，網(wǎng)站里的每一個(gè)網(wǎng)頁都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎng)頁的主題都是圖片加上文字介紹，用以展示自己性格的效果。當(dāng)要講述的故事越發(fā)復(fù)雜、人物越發(fā)豐富的時(shí)候，用傳統(tǒng)單線式敘事的方法就越行不通，蒙太奇的介入就成為一種需要了； 當(dāng)漫畫家在傳統(tǒng)表現(xiàn)手段中無法找到更合適的抒發(fā)感情的方法的時(shí)候；當(dāng)讀者需要作品有更強(qiáng)的沖擊力和表現(xiàn)力的時(shí)候，各種鏡頭的靈活運(yùn)用就成為一種必需了。另外，英文詞cartoon的中文音譯“卡通”，也是漫畫與動(dòng)畫的合稱，但被用來特指美國動(dòng)畫。同人：也叫二次創(chuàng)作，由漫畫、動(dòng)畫、游戲、小說、影視等作品甚至現(xiàn)實(shí)里已知的人物、設(shè)定衍生出來的文章及其他如圖片影音游戲等等，或“自主”的創(chuàng)作。我是用素材拼音命名網(wǎng)站名，用以方便存儲(chǔ)和轉(zhuǎn)發(fā)。左邊是一個(gè)動(dòng)態(tài)動(dòng)漫圖，顯得主頁可愛又有動(dòng)漫氣息等。整個(gè)網(wǎng)頁色彩明顯，我們添加了gif圖，這樣網(wǎng)頁稍微有活力，背景都是用動(dòng)漫海報(bào)。我們需要插入圖片，大小要適合，以動(dòng)漫海報(bào)為網(wǎng)頁的背景，則設(shè)置好頁面設(shè)置，選好準(zhǔn)備好的海報(bào)圖。制作網(wǎng)站時(shí)，首先要做的就是站點(diǎn)的規(guī)劃，建立一個(gè)本地站點(diǎn)“web”，建立的各個(gè)頁面都應(yīng)該放在本地站點(diǎn)中，在網(wǎng)頁制作時(shí)所需的各個(gè)元素都進(jìn)行了統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類型的文件，我在制作時(shí)建立了各類動(dòng)漫的文件夾來存放圖片?？绰嬳撁?，是我們制作的重點(diǎn)，并且為了讓大家能看漫畫，我們專門找了類似翻頁的網(wǎng)頁特效，方便讀者的翻閱，而且讓網(wǎng)站更炫，也不容易覺得無趣及疲勞。動(dòng)漫介紹頁面動(dòng)漫排行榜是為了讓瀏覽者更方便更快更準(zhǔn)確地了解到動(dòng)漫的最新信息而制作的，紅色的為最熱門的TOP5，分別有：總排行、日本漫畫排行、香港漫畫排行、大陸漫畫排行等排行榜榜單。首頁下方是關(guān)于動(dòng)漫匯，為了突出字，用ps進(jìn)行加工。三．網(wǎng)站技術(shù)解決方案網(wǎng)站的制作工具做網(wǎng)頁時(shí)主要使用的是Dreamweaver CS3另外，為了處理網(wǎng)頁中的其他元素，還使用了Photoshop、FLASH等軟件。里面有動(dòng)漫的詳細(xì)介紹，有動(dòng)態(tài)圖欣賞左側(cè)是關(guān)于動(dòng)漫的周邊產(chǎn)品。我們動(dòng)漫匯主要是要向客戶介紹動(dòng)漫，包括動(dòng)漫的介紹，動(dòng)漫的周邊產(chǎn)品，動(dòng)漫的圖片及動(dòng)漫的漫畫或是動(dòng)漫片段。二、網(wǎng)站的規(guī)劃設(shè)計(jì)我的網(wǎng)站共有5個(gè)主頁面：首頁、動(dòng)漫之家、動(dòng)漫排行榜、動(dòng)漫連載、周邊產(chǎn)品。動(dòng)畫音樂：一部動(dòng)漫作品中的音樂，包括主題音樂和背景音樂（BGM）。許多動(dòng)漫游戲應(yīng)運(yùn)而生，例如《死神bleach》PSP平臺(tái)的游戲，也有許多GALGAME被改編成動(dòng)漫作品。由于漫畫本身的發(fā)展形成了現(xiàn)代故事漫畫的表現(xiàn)形式，將影視藝術(shù)融入漫畫之中，使得漫畫與動(dòng)畫更容易結(jié)合，影視藝術(shù)獨(dú)特的地方在于它能通過鏡頭的推拉搖移和片段剪輯的蒙太奇技巧來表達(dá)想法和感受。 2 5 5 6 6 7 7 8 913 14 14一、關(guān)于網(wǎng)站網(wǎng)站的主題我的網(wǎng)站的主旨在于從各個(gè)方面全面的介紹動(dòng)漫，展示動(dòng)漫產(chǎn)品以及漫畫，包括有動(dòng)漫排行榜，小短片，另外，網(wǎng)站里還有漫畫，以及周邊產(chǎn)品。所用技術(shù) 網(wǎng)站的制作工具 三．網(wǎng)站技術(shù)解決方案 3 齒輪 粉碎機(jī)：.sideBarLeftb3 ul { fontsize:12px。/*定義內(nèi)邊距*/ } 1）將光標(biāo)置于DIV元素“l(fā)eft”中，在其下側(cè)插入一個(gè)嵌套的DIV元素“sideBarLeftb2”。/*定義高度*/ margintop:5px。/*定義浮動(dòng)位置 */ margin:2px。/*定義溢出效果*/ } banner { margintop:5px。/*定義高度 */ }.sideBarLeftb1 { width:238px。/*定義內(nèi)邊距*/ } nav li a:hover { color:ff0。/*定義區(qū)塊空格*/ margin:0 0 0 30px。nav { height:30px。/*定義邊框粗細(xì)*/ background: transparent。頁面屬性是對(duì)標(biāo)簽屬性的設(shè)置。5）選中創(chuàng)建的AP元素“container”，在右側(cè)的“CSS樣式”面板中單擊鼠標(biāo)右鍵，選擇“新建”命令，打開“新建CSS規(guī)則”對(duì)話框，并作相應(yīng)設(shè)置，如圖所示。若想讓網(wǎng)站有聲有色，能夠吸引客戶注意，就要盡量搜集文字、圖片、音頻、視頻、動(dòng)畫等多媒體素材。在此過程當(dāng)中彌補(bǔ)了我許多知識(shí)上的缺陷，弄清的以前沒有搞懂的知識(shí)點(diǎn)。在插入記錄表單時(shí)，應(yīng)將feileiID“顯示為”下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。在服務(wù)器行為里添加限制對(duì)頁的訪問。③ ,創(chuàng)建記錄集并制作左側(cè)的商品分類表格，在中間區(qū)域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設(shè)置檢查表單。⑤ 執(zhí)行“文件”——“保存”命令，彈出“另存為”對(duì)話框，在對(duì)話框的“表名稱”文本框中輸入products。② 學(xué)會(huì)制作在線調(diào)查系統(tǒng)。將動(dòng)態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來再后，調(diào)試過程，好多次本來在Deamweaver CS3里好好的，把字調(diào)的好好的，位置很對(duì)，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了。再后是設(shè)計(jì)網(wǎng)頁圖片，用flash制作動(dòng)畫，用Photoshop制作靜態(tài)圖片。其內(nèi)容是多樣化的，制作網(wǎng)頁用的軟件是Deamweaver CS3軟件。做好個(gè)格子網(wǎng)和首頁后，接下來就是通過模板的鏈接，將整個(gè)網(wǎng)站中的網(wǎng)頁鏈接起來，過程其實(shí)很簡單，主要是把要鏈接的文字和圖標(biāo)選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。確定導(dǎo)航欄的各個(gè)分類標(biāo)題之后對(duì)于建立二級(jí)子網(wǎng)尤為重要，我們運(yùn)用Photoshop CS3技術(shù)來設(shè)計(jì)出導(dǎo)航欄，制作切片，建立導(dǎo)航欄，將整體的主頁效果建立起來。因此我們相互討論之后，確定制作以“婚紗”為主題的“喜多坊時(shí)尚婚紗網(wǎng)”。該部分可以為網(wǎng)站的創(chuàng)意，網(wǎng)站的架構(gòu)，網(wǎng)站的整體版式，網(wǎng)站的風(fēng)格，還可以是網(wǎng)站使用的典型的特效，突出的功能模塊等）五、實(shí)訓(xùn)中遇到的問題和解決方法六、心得體會(huì)第二篇：網(wǎng)頁制作實(shí)訓(xùn)報(bào)告《網(wǎng)站設(shè)計(jì)與制作》實(shí)訓(xùn)報(bào)告X學(xué)院XX班XXX號(hào)一．實(shí)訓(xùn)時(shí)間：2010年6月7日到2010年6月13日二．實(shí)訓(xùn)地點(diǎn)
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1