【正文】 頁面中，中間的頁面主要包含動漫介紹，周邊產(chǎn)品，但瀏覽者有了新的認(rèn)識后，可以點(diǎn)擊下方的“點(diǎn)擊看漫畫”按鈕來進(jìn)入第三層頁面（漫畫頁面）。首頁的圖片不只有圖片，鼠標(biāo)放至圖片上會有文字出現(xiàn)，是動漫的簡介。網(wǎng)頁布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。OVA（OAD）：原創(chuàng)動畫錄影帶，其中OVA是單獨(dú)發(fā)售，OAD是隨書發(fā)售的。在中國以外，并沒有此種說法。 3網(wǎng)站的主題 因?yàn)閷W(xué)藝不精，所以不會網(wǎng)頁的代碼設(shè)計(jì)，只能通過網(wǎng)絡(luò)三劍客綜合使用。制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于婚紗的網(wǎng)站。素材的選擇，要符合網(wǎng)站的主題，圖片的大小要符合模板的輪廓，我們將不符合模板的用Photoshop處理編輯，然后放入站點(diǎn)底下，進(jìn)行圖文的鏈接和排版。能靈活運(yùn)用表格、層和框架布局頁面。也可以利用網(wǎng)頁編輯工具的“所見即所得”功能，直接寫入文字。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計(jì)主頁時的參考。必須在實(shí)際的工作和生活中潛心體會，并自覺的進(jìn)行這種角色的轉(zhuǎn)換。即使在制作階段，很多時候也會根據(jù)實(shí)際需要對原有的設(shè)計(jì)做一些修改但是如果說是對設(shè)計(jì)有什么不滿的地方那就只可以說道不同。所以我們決定制作一個簡單的商務(wù)類型的網(wǎng)站，麻雀雖小五臟俱全，布局充分考慮了以后的天劫和修改。讓人一看就很有質(zhì)感的，交代了網(wǎng)頁的大概內(nèi)容以及整體風(fēng)格還有網(wǎng)站的名字，讓人一眼明了。網(wǎng)站技術(shù)因素考慮：瀏覽器腳本兼容性。表面上看，它不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)實(shí)訓(xùn)意義本實(shí)訓(xùn)目的：通過本次實(shí)習(xí)對自主網(wǎng)站的設(shè)計(jì)，使我們熟練應(yīng)用HTML標(biāo)記語言設(shè)計(jì)制作網(wǎng)頁、熟練應(yīng)用Dreamveaver網(wǎng)頁設(shè)計(jì)軟件，使我們對html5+css3所學(xué)的內(nèi)容有一個系統(tǒng)的理解和掌握。互聯(lián)網(wǎng)上發(fā)布的的網(wǎng)站總是讓人看起來很舒服。在“資料”鏈接的頁面中，網(wǎng)頁的上一部分用大圖和文字采用圖文混排的方式，下部分將層嵌入到圖片中加入文字做了個簡單的文字向上運(yùn)動的效果。第二個模塊“杰倫影音”，左方和下方附著的是杰倫專輯和演唱會上的精彩照片，在模塊的右前方，則簡要介紹了周杰倫出道十年來所發(fā)行的所有音樂專輯，所舉辦的所有演唱會和所有所參加拍攝的或者自己導(dǎo)演的所有電影的名字。下面就讓闡述下我制作這個網(wǎng)站的整體構(gòu)思和具體設(shè)計(jì)方案。首先是從網(wǎng)上搜索到代碼用以實(shí)現(xiàn)動態(tài)圖片展示欄和時鐘的效果。本次《靜態(tài)網(wǎng)頁制作》《網(wǎng)頁制作》設(shè)計(jì)可以培養(yǎng)我們的創(chuàng)新能力，把所學(xué)理論與實(shí)際操作緊密結(jié)合起來，提高其獨(dú)立解決問題的能力。網(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ì)。上大學(xué)之后，自己終于可以重新“正大光明”地重新提起音樂了，于是想制作一個音樂網(wǎng)站的念頭就在自己的腦海中閃現(xiàn)著。正文主體部分分為5個模塊第一個模塊“杰迷必知”，左邊是杰倫的兩張圖片，一張是杰倫正面拍攝，另外一張是背面拍攝。還未加入歌迷會的粉絲們也可以點(diǎn)擊右下角的“加入我們”加入歌迷會。首先是做什么事情之前腦袋里面都要想好，都要出現(xiàn)大致的輪廓。作者認(rèn)為網(wǎng)頁藝術(shù)設(shè)計(jì)是藝術(shù)與技術(shù)的高度統(tǒng)一，指出網(wǎng)頁藝術(shù)設(shè)計(jì)包含視聽元素與版式設(shè)計(jì)兩項(xiàng)內(nèi)容；以主題鮮明、形式與內(nèi)容相統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則；具有交互性與持續(xù)性、多維性、綜合性、版式的不可控性、藝術(shù)與技術(shù)結(jié)合的緊密性等五個特點(diǎn)。網(wǎng)站內(nèi)容設(shè)計(jì)：清晰性：網(wǎng)站內(nèi)容必須簡潔明了，直奔主題，非常有效地講清楚你想說的內(nèi)容。要配合整體風(fēng)格，夸張一點(diǎn)好像。參考文獻(xiàn)百度文庫文獻(xiàn)系列個人小結(jié)在這次實(shí)訓(xùn)中我學(xué)會了網(wǎng)頁設(shè)計(jì)的一般步驟以及所需的軟件和一些沒有實(shí)踐過的知識，開闊了自己的見解，這對以后的設(shè)計(jì)生涯是絕對有幫助的，以后想到當(dāng)時自己的無從下手到最后的相互討論得出一個讓人滿意的布局，這個過程是值得記住的。制作網(wǎng)頁的目的是要將網(wǎng)頁發(fā)布到網(wǎng)上，讓更多的瀏覽者來訪問發(fā)布的站點(diǎn)，因此發(fā)布網(wǎng)頁這一環(huán)節(jié)必不可少，否則失去了制作網(wǎng)頁的意義。二、努力實(shí)踐，自覺進(jìn)行角色轉(zhuǎn)化。We Are A Team!胡維國1402713104我在這次實(shí)訓(xùn)中擔(dān)任的是圖片處理和flash動畫制作以及子網(wǎng)頁的制作工作，運(yùn)用ps對需要用到的圖片進(jìn)行相應(yīng)的效果處理，保存在相應(yīng)的圖片文件夾內(nèi)，在制作flash動畫的時候出現(xiàn)了一些小的問題，我保存flash動畫文件的時候名字做成了默認(rèn)的文件名，結(jié)果在插入動畫的時候在瀏覽器中預(yù)覽不出來，最后通過查閱資料把這個問題給解決了，我用css樣式進(jìn)行了自己的子網(wǎng)頁頁面布局，以及對圖像的插入，通過類樣式對產(chǎn)品進(jìn)行文字說明，并且插入相應(yīng)的鼠標(biāo)特效，來吸引眼球。（2）網(wǎng)頁的版式設(shè)計(jì)，版式設(shè)計(jì)時我們應(yīng)該有重點(diǎn)，把重要的內(nèi)容新聞放在醒目的位置上。陳佑宏1402713102第四篇：網(wǎng)頁制作實(shí)訓(xùn)報(bào)告《網(wǎng)站設(shè)計(jì)與制作》實(shí)訓(xùn)報(bào)告X學(xué)院XX班XXX號一．實(shí)訓(xùn)時間：2010年6月7日到2010年6月13日二．實(shí)訓(xùn)地點(diǎn)：XXX學(xué)院XXX班級三．實(shí)訓(xùn)組員：XXX、XXX四．實(shí)訓(xùn)目標(biāo)：運(yùn)用網(wǎng)頁設(shè)計(jì)方法，設(shè)計(jì)一個網(wǎng)站，提高綜合應(yīng)用所學(xué)知識的能力，積累Web網(wǎng)站的制作經(jīng)驗(yàn)，培養(yǎng)團(tuán)隊(duì)協(xié)作精神。確定導(dǎo)航欄的各個分類標(biāo)題之后對于建立二級子網(wǎng)尤為重要，我們運(yùn)用Photoshop CS3技術(shù)來設(shè)計(jì)出導(dǎo)航欄，制作切片，建立導(dǎo)航欄，將整體的主頁效果建立起來。其內(nèi)容是多樣化的，制作網(wǎng)頁用的軟件是Deamweaver CS3軟件。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來再后，調(diào)試過程，好多次本來在Deamweaver CS3里好好的，把字調(diào)的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了。四．網(wǎng)頁介紹 ： 最重要的是做出自己的風(fēng)格，給瀏覽者好的欣賞感受。版面有限，相關(guān)詞條，詳見：“動漫概論” 按類型分類：情感；推理；動作；戰(zhàn)爭；后宮；寵物；歷史；搞笑；機(jī)戰(zhàn)；少年；冒險(xiǎn)；治愈；童話；格斗；少女；懸疑；科幻；競技；社會；神魔；熱血；校園；耽美；原創(chuàng)；魔法；教育；恐怖；驚悚；政治；哲理；經(jīng)典；勵志；倫理；惡搞；血腥；言情；暴力。網(wǎng)站主頁整體色調(diào)為梅紅色，配上深沉的背景圖，搭配出一種層次感。其中使用翻看圖片的特效，使得看漫畫不那么單挑。同時，由于漫畫頁面中的信息太多，于是建立了一個專門的文件夾存放相冊信息，網(wǎng)頁中的css 樣式文件也應(yīng)統(tǒng)一管理，做到有條不紊，我設(shè)計(jì)的網(wǎng)站的首頁如下圖：根據(jù)自己的網(wǎng)頁風(fēng)格，在網(wǎng)上搜集合適的圖片，另外網(wǎng)頁的頁寬一般沒有超過900像素，以保證左右不出現(xiàn)滾動條。我們也會定時更新榜單，為了讓廣大讀者更快更直接地了解最新的動漫信息。所用技術(shù)動漫匯需要大量的圖片及相關(guān)的話題。站點(diǎn)里面包括：首頁：第一層網(wǎng)頁，畫面主要有動漫匯的logo，logo下方是一個橫幅，鼠標(biāo)經(jīng)過會有光亮，點(diǎn)擊仍將是動漫的主頁。動畫原創(chuàng)：依漫畫改編的動畫，由于動畫的更新速度比漫畫快的關(guān)系，當(dāng)動畫的劇集快趕上漫畫時，動畫的劇情就要脫離漫畫劇情，開始動畫原創(chuàng)。漫畫正是吸收了影視藝術(shù)的這兩個特點(diǎn)。 所以這次實(shí)訓(xùn)還是很有意義的。然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，關(guān)于我們，婚紗禮服，量體裁衣，婚紗選購，公司門市，與我聯(lián)系，在線論壇，每一部分又分幾小部分，內(nèi)容比較充分，多樣。盡管我們建立了模板，但我們在建立子網(wǎng)時很小心，因?yàn)橐粡垐D片的大小插入就有可能破壞整個模板的結(jié)構(gòu)尤其在使用表格時，因此我們對所插入的圖片和表格都得進(jìn)行測量，做到不影響網(wǎng)站整體的美觀。靈活使用模板和庫來制作網(wǎng)頁；學(xué)會申請免費(fèi)域名空間和正確上傳站點(diǎn)的方法。存在的問題及解決思路(1)在Dreamweaver基礎(chǔ)方面：制作網(wǎng)頁時如何實(shí)現(xiàn)網(wǎng)頁不跳轉(zhuǎn)就可以出現(xiàn)新的內(nèi)容，實(shí)現(xiàn)頁面內(nèi)的鏈接；用代碼編寫網(wǎng)頁上的按鈕，25 實(shí)現(xiàn)按鈕的各種功能，如刷新，重置，確定操作。二、規(guī)劃好整個網(wǎng)站主頁的設(shè)計(jì)應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。在今后的工作和生活中，我將繼續(xù)學(xué)習(xí)，深入實(shí)踐，不斷提升自我，努力創(chuàng)造業(yè)績，繼續(xù)創(chuàng)造更多的價值。從中獲得的諸多收獲，也是很可貴的，是非常有意義的。規(guī)劃好站點(diǎn)的總體結(jié)構(gòu)以后，還應(yīng)該對站點(diǎn)中每一頁的欄目、布局等作更進(jìn)一步的設(shè)計(jì)。為了保證每個字頁面的統(tǒng)一性，而特意設(shè)計(jì)的頁面，文字的清晰介紹以及高清的圖片查看功能，而取消返回首頁這個選項(xiàng)而設(shè)置在巧妙的位置也是一成功力做！SERVE頁面提供所需的一些服務(wù)，一些需要的資源，以及售后的聯(lián)系，還有物流的查詢。頁面設(shè)計(jì)頁面的平鋪展示：主要的物件有：導(dǎo)航欄、LOGO、Banner、按鈕、圖片、文字。因此，在本學(xué)期特設(shè)置此課程設(shè)計(jì)，集中一段時間使學(xué)生綜合運(yùn)用所學(xué)習(xí)的網(wǎng)頁制作知識及以前所學(xué)習(xí)的計(jì)算機(jī)方面的知識，按照網(wǎng)站制作的流程，完成一個相對具體、綜合的網(wǎng)站，全面鞏固學(xué)生的知識，培養(yǎng)學(xué)生解決實(shí)際問題的能力，從而達(dá)到學(xué)以致用的。平時和自己的好朋友多討論，讓很多人來給你的網(wǎng)站給些建議和意見都是不錯的。第一部分用了代碼marquee，使四張圖片從左到右運(yùn)動。因?yàn)榻軅惖馁N圖不僅僅是周杰倫的個人寫真，更多的是他專輯封面，演唱會現(xiàn)場照和電影劇照。于是，得到借鑒，我在我的主頁上面也就添加了“杰迷必知”、“杰倫貼圖”、“杰倫影音”、“每日杰訊”、“歌迷會通道”這樣五個模塊。在二級頁面則是用到了大量的嵌入式框架，來對文字進(jìn)行編輯。本次設(shè)計(jì)的網(wǎng)站主要是用來幫助大家快速了解思科網(wǎng)絡(luò)學(xué)院的最新動態(tài)以及學(xué)習(xí)到思科網(wǎng)絡(luò)知識，由于站點(diǎn)的容量有限，在這里我總結(jié)了幾種學(xué)習(xí)思科網(wǎng)絡(luò)的方式方法和經(jīng)典題型。本次建立的站點(diǎn)名為cisco，為防止站點(diǎn)目錄下出現(xiàn)解析讀取錯誤，所有目錄下的所有文件均采用英文名字命名。從小到大，在自己的心底就有個音樂夢想。我處理圖片的時候不僅用了firework8，還用了photoshop和美圖秀秀。第五個模塊“歌迷會通道”，看了每日杰訊的歌迷們知道了周杰倫的近期活動安排行程，想?yún)⒓右恍┖徒軅愑嘘P(guān)的活動，那么進(jìn)入歌迷會將會是一個不錯的選擇。這個頁面主要講周杰倫最近推出的新專輯。最后，真心地說一句：“老師，您辛苦了~！”第三篇：靜態(tài)網(wǎng)頁實(shí)訓(xùn)報(bào)告計(jì)算機(jī)軟件學(xué)院實(shí)訓(xùn)報(bào)告——Web靜態(tài)主題網(wǎng)站設(shè)計(jì)姓名：夏前偉胡維國海繼昌陳佑宏 學(xué)號：09040302 專業(yè)：電子商務(wù) 班級：電商1413 時間： 任課教師：梁菊華目錄前言..................................................................................................................................................2 實(shí)訓(xùn)意義.............................