【正文】 。在頂部的“top”元素中插入一幅圖像。/*定義邊框粗細(xì)*/ background: transparent。/*定義外邊距*/ padding:0。/*定義背景顏色*/ textalign:center。/*定義字號(hào)*/ color:666。頁(yè)面屬性是對(duì)標(biāo)簽屬性的設(shè)置。/*設(shè)置外邊距*/ backgroundcolor: FFF。/*定義頁(yè)面寬度*/ visibility:visible。設(shè)置后的“CSS樣式”面板如圖所示。5）選中創(chuàng)建的AP元素“container”，在右側(cè)的“CSS樣式”面板中單擊鼠標(biāo)右鍵，選擇“新建”命令，打開“新建CSS規(guī)則”對(duì)話框，并作相應(yīng)設(shè)置，如圖所示。三、網(wǎng)站主頁(yè)制作+CSS布局頁(yè)面使用Div+CSS實(shí)現(xiàn)頁(yè)面布局，具體操作如下：4）為AP Div元素設(shè)置CSS樣式。創(chuàng)建的站點(diǎn)信息將顯示在“文件”面板中。如圖所示。若想讓網(wǎng)站有聲有色，能夠吸引客戶注意，就要盡量搜集文字、圖片、音頻、視頻、動(dòng)畫等多媒體素材。如圖是電子商務(wù)網(wǎng)站的LOGO。網(wǎng)站風(fēng)格是在網(wǎng)站整體需求分析的基礎(chǔ)上，通過明確網(wǎng)站設(shè)計(jì)的目的和用戶需求、訪問者的特點(diǎn)等得出的結(jié)論。主要是看我們更新的是什么哦~ 也可以讓各位動(dòng)漫迷提前看到劇情的發(fā)展，好看又過癮啊！親?？绰嬳?yè)面，是我們制作的重點(diǎn)，并且為了讓大家能看漫畫，我們專門找了類似翻頁(yè)的網(wǎng)頁(yè)特效，方便讀者的翻閱，而且讓網(wǎng)站更炫，也不容易覺得無趣及疲勞。動(dòng)漫介紹頁(yè)面動(dòng)漫排行榜是為了讓瀏覽者更方便更快更準(zhǔn)確地了解到動(dòng)漫的最新信息而制作的，紅色的為最熱門的TOP5，分別有：總排行、日本漫畫排行、香港漫畫排行、大陸漫畫排行等排行榜榜單。頁(yè)面中，中間的頁(yè)面主要包含動(dòng)漫介紹，周邊產(chǎn)品，但瀏覽者有了新的認(rèn)識(shí)后，可以點(diǎn)擊下方的“點(diǎn)擊看漫畫”按鈕來進(jìn)入第三層頁(yè)面（漫畫頁(yè)面）。右下邊插入的是表格，表格中添加了淺紅色的背景圖片。制作網(wǎng)站時(shí)，首先要做的就是站點(diǎn)的規(guī)劃，建立一個(gè)本地站點(diǎn)“web”，建立的各個(gè)頁(yè)面都應(yīng)該放在本地站點(diǎn)中，在網(wǎng)頁(yè)制作時(shí)所需的各個(gè)元素都進(jìn)行了統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類型的文件，我在制作時(shí)建立了各類動(dòng)漫的文件夾來存放圖片。首頁(yè)下方是關(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)頁(yè)的背景，則設(shè)置好頁(yè)面設(shè)置，選好準(zhǔn)備好的海報(bào)圖。三．網(wǎng)站技術(shù)解決方案網(wǎng)站的制作工具做網(wǎng)頁(yè)時(shí)主要使用的是Dreamweaver CS3另外，為了處理網(wǎng)頁(yè)中的其他元素，還使用了Photoshop、FLASH等軟件。首頁(yè)的圖片不只有圖片，鼠標(biāo)放至圖片上會(huì)有文字出現(xiàn)，是動(dòng)漫的簡(jiǎn)介。同時(shí)也插入視頻，使得網(wǎng)站有活力一些。整個(gè)網(wǎng)頁(yè)色彩明顯，我們添加了gif圖，這樣網(wǎng)頁(yè)稍微有活力，背景都是用動(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)介。主頁(yè)的背景圖是動(dòng)漫海報(bào)，由兩層疊加。左邊是一個(gè)動(dòng)態(tài)動(dòng)漫圖，顯得主頁(yè)可愛又有動(dòng)漫氣息等。我們動(dòng)漫匯主要是要向客戶介紹動(dòng)漫，包括動(dòng)漫的介紹，動(dòng)漫的周邊產(chǎn)品，動(dòng)漫的圖片及動(dòng)漫的漫畫或是動(dòng)漫片段。網(wǎng)頁(yè)布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。然后點(diǎn)綴其他不同的顏色相配，突出主題，顏色沒有過多，過雜，用以避免給人一種雜亂的感覺。我是用素材拼音命名網(wǎng)站名，用以方便存儲(chǔ)和轉(zhuǎn)發(fā)。二、網(wǎng)站的規(guī)劃設(shè)計(jì)我的網(wǎng)站共有5個(gè)主頁(yè)面：首頁(yè)、動(dòng)漫之家、動(dòng)漫排行榜、動(dòng)漫連載、周邊產(chǎn)品。要想做好自己的網(wǎng)站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。主要在網(wǎng)站上搜集所要的網(wǎng)頁(yè)信息，包括圖片、文字、相關(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ù)語(yǔ)均已經(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)頁(yè)都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎng)頁(yè)的主題都是圖片加上文字介紹，用以展示自己性格的效果。 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)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)報(bào)告書設(shè)計(jì)題目：起止日期： 工作室或公司網(wǎng)站設(shè)計(jì)目錄一、關(guān)于網(wǎng)站 在實(shí)訓(xùn)中，分析、討論、演算，機(jī)房里充滿了濃濃的學(xué)習(xí)氣氛。實(shí)訓(xùn)過程是繁瑣的，但同學(xué)們都表現(xiàn)得很積極，不怕課程難，相互幫助一起分析。在網(wǎng)站規(guī)劃中，我們熟悉了Frontpage軟件的新型的功能，增加了對(duì)軟件的認(rèn)識(shí)和認(rèn)知，學(xué)會(huì)了怎么做一個(gè)漂亮的網(wǎng)站和優(yōu)美的布局。在這次網(wǎng)站規(guī)劃中，我們學(xué)到了課本上沒有的知識(shí)，不僅開拓了我們的視野，而且增加了我們?cè)O(shè)計(jì)制作網(wǎng)站的能力。盡管在實(shí)訓(xùn)中遇到了許多不少的問題，通過自己上網(wǎng)查閱資料和老師的耐心教