網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告[范文]-wenkub.com
2024-10-18 00:11 本頁面
【正文】 我堅(jiān)信，用血淚去做自己認(rèn)為應(yīng)該做的事，努力的開拓我們的極限，沒有什么是不可能的。經(jīng)過一周的實(shí)訓(xùn)練習(xí)讓我學(xué)到了許多知識(shí),也有了很大的收獲。例如，我做的產(chǎn)品展示頁面，預(yù)覽效果，所有的產(chǎn)品名字都羅列在一個(gè)位置，不知道怎么回事。其實(shí)網(wǎng)頁的制作過程差不多，大同小異，只要慢慢做就可以了，我用代碼做了，可是有問題，一直找不到有效地解決方法，所以就放棄了。如果訪問被拒絕。如果訪問被拒絕。選中文字修改，單機(jī)服務(wù)器行為轉(zhuǎn)到詳細(xì)頁面，選中文字刪除，單機(jī)服務(wù)器行為—轉(zhuǎn)到詳細(xì)頁面。下面制作商品管理頁面。下面制作商品添加頁面。將光標(biāo)置入第2行第2列，分別插入提交和重置兩個(gè)表單按鈕。將光標(biāo)置入第4行第2列，插入表單按鈕，改為登錄，在插入一個(gè)表單按鈕，改為重置。用同樣的方法制作商品詳細(xì)頁面。再添加記錄集Rs2，將光標(biāo)置入相應(yīng)位置，綁定fenlei字段，單擊服務(wù)器行為，選擇重復(fù)區(qū)域。再次，打開dreamwever，建立站點(diǎn)，插入4行1列的表格，將光標(biāo)置入第1行，插入圖像，在后面的表格輸入相應(yīng)的文字，在綁定面板添加記錄集Rs1。其次，開始創(chuàng)建模板。主要是看我們更新的是什么哦~ 也可以讓各位動(dòng)漫迷提前看到劇情的發(fā)展，好看又過癮??！親。動(dòng)漫介紹頁面動(dòng)漫排行榜是為了讓瀏覽者更方便更快更準(zhǔn)確地了解到動(dòng)漫的最新信息而制作的，紅色的為最熱門的TOP5，分別有：總排行、日本漫畫排行、香港漫畫排行、大陸漫畫排行等排行榜榜單。右下邊插入的是表格，表格中添加了淺紅色的背景圖片。首頁下方是關(guān)于動(dòng)漫匯，為了突出字，用ps進(jìn)行加工。插入視頻時(shí)需要設(shè)置好相關(guān)的，視頻名稱中不能有中文，是flv格式的。三．網(wǎng)站技術(shù)解決方案網(wǎng)站的制作工具做網(wǎng)頁時(shí)主要使用的是Dreamweaver CS3另外，為了處理網(wǎng)頁中的其他元素，還使用了Photoshop、FLASH等軟件。同時(shí)也插入視頻，使得網(wǎng)站有活力一些。里面有動(dòng)漫的詳細(xì)介紹，有動(dòng)態(tài)圖欣賞左側(cè)是關(guān)于動(dòng)漫的周邊產(chǎn)品。主頁的背景圖是動(dòng)漫海報(bào)，由兩層疊加。我們動(dòng)漫匯主要是要向客戶介紹動(dòng)漫，包括動(dòng)漫的介紹，動(dòng)漫的周邊產(chǎn)品，動(dòng)漫的圖片及動(dòng)漫的漫畫或是動(dòng)漫片段。然后點(diǎn)綴其他不同的顏色相配，突出主題，顏色沒有過多，過雜，用以避免給人一種雜亂的感覺。二、網(wǎng)站的規(guī)劃設(shè)計(jì)我的網(wǎng)站共有5個(gè)主頁面：首頁、動(dòng)漫之家、動(dòng)漫排行榜、動(dòng)漫連載、周邊產(chǎn)品。主要在網(wǎng)站上搜集所要的網(wǎng)頁信息，包括圖片、文字、相關(guān)的產(chǎn)品。動(dòng)畫音樂：一部動(dòng)漫作品中的音樂，包括主題音樂和背景音樂（BGM）。按版本分類： 電視動(dòng)畫（TV）：電視頻道上播映的動(dòng)畫作品。許多動(dòng)漫游戲應(yīng)運(yùn)而生，例如《死神bleach》PSP平臺(tái)的游戲，也有許多GALGAME被改編成動(dòng)漫作品。這就是現(xiàn)代故事漫畫容易和動(dòng)畫結(jié)合的一個(gè)原因，因?yàn)樗焐拖駝?dòng)畫的分鏡頭劇本，讀者在看漫畫時(shí)仿佛就是在看一部電影。由于漫畫本身的發(fā)展形成了現(xiàn)代故事漫畫的表現(xiàn)形式，將影視藝術(shù)融入漫畫之中，使得漫畫與動(dòng)畫更容易結(jié)合，影視藝術(shù)獨(dú)特的地方在于它能通過鏡頭的推拉搖移和片段剪輯的蒙太奇技巧來表達(dá)想法和感受。動(dòng)漫，是動(dòng)畫和漫畫的合稱與縮寫，取這兩個(gè)詞的第一個(gè)字合二為一稱之為“動(dòng)漫”。 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ù)解決方案 5 3 齒輪 焊機(jī) 粉碎機(jī)/*定義寬度 */ margin:0 0 0 5px。：.sideBarLeftb3 ul { fontsize:12px。/*定義浮動(dòng)位置 */ height:150px。/*定義內(nèi)邊距*/ } 1）將光標(biāo)置于DIV元素“l(fā)eft”中，在其下側(cè)插入一個(gè)嵌套的DIV元素“sideBarLeftb2”。/*定義頂端外邊距*/border:ebcbb4 1px solid。/*定義高度*/ margintop:5px。： right { float:left。/*定義浮動(dòng)位置 */ margin:2px。/*定義區(qū)塊顯示效果*/ border:999 1px solid。/*定義溢出效果*/ } banner { margintop:5px。3）選中“banner”下面DIV元素，并定義類為“hot”，在4個(gè)小DIV元素中分別插入準(zhǔn)備好的廣告圖，效果如圖所示： sideBarLefta2 {float:left。/*定義高度 */ }.sideBarLeftb1 { width:238px。1）把光標(biāo)置于DIV元素“l(fā)eft”中，創(chuàng)建新的DIV元素 sideBarLefta1，并定義相關(guān)樣式2）在DIV元素“sideBarLefta1”的內(nèi)部插入推薦廠家標(biāo)志及說明文字等信息，定義相關(guān)樣式如圖所示。/*定義內(nèi)邊距*/ } nav li a:hover { color:ff0。/*定義區(qū)塊顯示效果*/ } nav li a { textdecoration:none。/*定義區(qū)塊空格*/ margin:0 0 0 30px。/*定義溢出效果*/ } nav ul { fontsize:12px。nav { height:30px。網(wǎng)頁導(dǎo)航條是非常重要的網(wǎng)頁元素，網(wǎng)頁間的跳轉(zhuǎn)，需要通過導(dǎo)航條來完成。/*定義邊框粗細(xì)*/ background: transparent。/*定義背景顏色*/ textalign:center。頁面屬性是對(duì)標(biāo)簽屬性的設(shè)置。/*定義頁面寬度*/ visibility:visible。5）選中創(chuàng)建的AP元素“container”，在右側(cè)的“CSS樣式”面板中單擊鼠標(biāo)右鍵，選擇“新建”命令，打開“新建CSS規(guī)則”對(duì)話框，并作相應(yīng)設(shè)置，如圖所示。創(chuàng)建的站點(diǎn)信息將顯示在“文件”面板中。若想
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1