實(shí)訓(xùn)報(bào)告-網(wǎng)頁制作與網(wǎng)站建設(shè)項(xiàng)目實(shí)戰(zhàn)(參考版)
2024-10-17 22:32本頁面
【正文】 主要是看我們更新的是什么哦~ 也可以讓各位動(dòng)漫迷提前看到劇情的發(fā)展，好看又過癮啊！親?？绰嬳撁?，是我們制作的重點(diǎn)，并且為了讓大家能看漫畫，我們專門找了類似翻頁的網(wǎng)頁特效，方便讀者的翻閱，而且讓網(wǎng)站更炫，也不容易覺得無趣及疲勞。動(dòng)漫介紹頁面動(dòng)漫排行榜是為了讓瀏覽者更方便更快更準(zhǔn)確地了解到動(dòng)漫的最新信息而制作的，紅色的為最熱門的TOP5，分別有：總排行、日本漫畫排行、香港漫畫排行、大陸漫畫排行等排行榜榜單。頁面中，中間的頁面主要包含動(dòng)漫介紹，周邊產(chǎn)品，但瀏覽者有了新的認(rèn)識(shí)后，可以點(diǎn)擊下方的“點(diǎn)擊看漫畫”按鈕來進(jìn)入第三層頁面（漫畫頁面）。右下邊插入的是表格，表格中添加了淺紅色的背景圖片。制作網(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)漫的文件夾來存放圖片。首頁下方是關(guān)于動(dòng)漫匯，為了突出字，用ps進(jìn)行加工。插入表單，是關(guān)于用戶的登錄，點(diǎn)擊跳轉(zhuǎn)至登錄或是注冊(cè)界面。插入視頻時(shí)需要設(shè)置好相關(guān)的，視頻名稱中不能有中文，是flv格式的。我們需要插入圖片，大小要適合，以動(dòng)漫海報(bào)為網(wǎng)頁的背景，則設(shè)置好頁面設(shè)置，選好準(zhǔn)備好的海報(bào)圖。三．網(wǎng)站技術(shù)解決方案網(wǎng)站的制作工具做網(wǎng)頁時(shí)主要使用的是Dreamweaver CS3另外，為了處理網(wǎng)頁中的其他元素，還使用了Photoshop、FLASH等軟件。首頁的圖片不只有圖片，鼠標(biāo)放至圖片上會(huì)有文字出現(xiàn)，是動(dòng)漫的簡(jiǎn)介。同時(shí)也插入視頻，使得網(wǎng)站有活力一些。整個(gè)網(wǎng)頁色彩明顯，我們添加了gif圖，這樣網(wǎng)頁稍微有活力，背景都是用動(dòng)漫海報(bào)。里面有動(dòng)漫的詳細(xì)介紹，有動(dòng)態(tài)圖欣賞左側(cè)是關(guān)于動(dòng)漫的周邊產(chǎn)品。鼠標(biāo)進(jìn)過動(dòng)漫圖時(shí)，會(huì)有相應(yīng)的動(dòng)漫簡(jiǎn)介。主頁的背景圖是動(dòng)漫海報(bào)，由兩層疊加。左邊是一個(gè)動(dòng)態(tài)動(dòng)漫圖，顯得主頁可愛又有動(dòng)漫氣息等。我們動(dòng)漫匯主要是要向客戶介紹動(dòng)漫，包括動(dòng)漫的介紹，動(dòng)漫的周邊產(chǎn)品，動(dòng)漫的圖片及動(dòng)漫的漫畫或是動(dòng)漫片段。網(wǎng)頁布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。然后點(diǎn)綴其他不同的顏色相配，突出主題，顏色沒有過多，過雜，用以避免給人一種雜亂的感覺。我是用素材拼音命名網(wǎng)站名，用以方便存儲(chǔ)和轉(zhuǎn)發(fā)。二、網(wǎng)站的規(guī)劃設(shè)計(jì)我的網(wǎng)站共有5個(gè)主頁面：首頁、動(dòng)漫之家、動(dòng)漫排行榜、動(dòng)漫連載、周邊產(chǎn)品。要想做好自己的網(wǎng)站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。主要在網(wǎng)站上搜集所要的網(wǎng)頁信息，包括圖片、文字、相關(guān)的產(chǎn)品。同人：也叫二次創(chuàng)作，由漫畫、動(dòng)畫、游戲、小說、影視等作品甚至現(xiàn)實(shí)里已知的人物、設(shè)定衍生出來的文章及其他如圖片影音游戲等等，或“自主”的創(chuàng)作。動(dòng)畫音樂：一部動(dòng)漫作品中的音樂，包括主題音樂和背景音樂（BGM）。OVA（OAD）：原創(chuàng)動(dòng)畫錄影帶，其中OVA是單獨(dú)發(fā)售，OAD是隨書發(fā)售的。按版本分類： 電視動(dòng)畫（TV）：電視頻道上播映的動(dòng)畫作品。另外，英文詞cartoon的中文音譯“卡通”，也是漫畫與動(dòng)畫的合稱，但被用來特指美國(guó)動(dòng)畫。許多動(dòng)漫游戲應(yīng)運(yùn)而生，例如《死神bleach》PSP平臺(tái)的游戲，也有許多GALGAME被改編成動(dòng)漫作品。動(dòng)漫領(lǐng)域衍生出的許多術(shù)語均已經(jīng)被廣泛應(yīng)用，例如：正太，蘿莉，御姐，百合,BL等。這就是現(xiàn)代故事漫畫容易和動(dòng)畫結(jié)合的一個(gè)原因，因?yàn)樗焐拖駝?dòng)畫的分鏡頭劇本，讀者在看漫畫時(shí)仿佛就是在看一部電影。當(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)用就成為一種必需了。由于漫畫本身的發(fā)展形成了現(xiàn)代故事漫畫的表現(xiàn)形式，將影視藝術(shù)融入漫畫之中，使得漫畫與動(dòng)畫更容易結(jié)合，影視藝術(shù)獨(dú)特的地方在于它能通過鏡頭的推拉搖移和片段剪輯的蒙太奇技巧來表達(dá)想法和感受。在中國(guó)以外，并沒有此種說法。動(dòng)漫，是動(dòng)畫和漫畫的合稱與縮寫，取這兩個(gè)詞的第一個(gè)字合二為一稱之為“動(dòng)漫”。同時(shí)，網(wǎng)站里的每一個(gè)網(wǎng)頁都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎ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 3網(wǎng)站的主題 更多第五篇：網(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)站 齒輪 機(jī)床 焊機(jī) 減速機(jī) 粉碎機(jī)/*定義內(nèi)邊距*/ } 5）在列表中添加列表內(nèi)容，代碼如下： 機(jī)械 軸承 閥門 模具 刀具夾具 泵 /*定義寬度 */ margin:0 0 0 5px。/*定義字體行高*/ float:left。：.sideBarLeftb3 ul { fontsize:12px。/*定義寬度 */ padding:4px。/*定義浮動(dòng)位置 */ height:150px。3）選中DIV元素“sideBarLeftb3”，：sideBarLeftb3 { textalign:left。/*定義內(nèi)邊距*/ } 1）將光標(biāo)置于DIV元素“l(fā)eft”中，在其下側(cè)插入一個(gè)嵌套的DIV元素“sideBarLeftb2”。/*定義底端外邊距*/ }.sideBarRightb3,.sideBarRightb4 img { textalign:center。/*定義頂端外邊距*/border:ebcbb4 1px solid。/*定義邊框的顏色、粗細(xì)、樣式*/ }.sideBarRightb4 { height:93px。/*定義高度*/ margintop:5px。/*定義寬度 */ height:832px。： right { float:left。如圖所示。/*定義浮動(dòng)位置 */ margin:2px。/*定義寬度 */ height:70px。/*定義區(qū)塊顯示效果*/ border:999 1px solid。/*定義邊框的顏色、粗細(xì)、樣式*/ width:390px。/*定義溢出效果*/ } banner { margintop:5px。/*定義寬度 */ height:268px。3）選中“banner”下面DIV元素，并定義類為“hot”，在4個(gè)小DIV元素中分別插入準(zhǔn)備好的廣告圖，效果如圖所示： sideBarLefta2 {float:left。/*定義高度*/ border:ebcbb4 solid 1px。/*定義高度 */ }.sideBarLeftb1 { width:238px。/*定義浮動(dòng)位置 */ wi
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1