《靜態(tài)網(wǎng)頁制作與素材加工實訓(xùn)報告》(文件)

　

【正文】 點的容量有限，在這里我總結(jié)了幾種學(xué)習(xí)思科網(wǎng)絡(luò)的方式方法和經(jīng)典題型。網(wǎng)站架構(gòu)的確定以及目錄鏈接的確定 架構(gòu)的設(shè)計用到了word，網(wǎng)站的目錄確定為 首頁、概述、課程介紹、工具和資源、思科網(wǎng)絡(luò)學(xué)院在中國5個導(dǎo)航信息欄，以及設(shè)計了各級頁面中的導(dǎo)航信息。網(wǎng)站各級頁面的設(shè)計 本次設(shè)計使用的是PS 專業(yè)繪圖軟件，通過使用PS的各項功能來設(shè)計網(wǎng)站的各級頁面（一級頁面，二級頁面）。首頁動態(tài)展示欄以及時鐘的設(shè)計完成上面的全圖像頁面設(shè)計后，就開始用Dreamweaver軟件對首頁進行動態(tài)設(shè)計。在二級頁面則是用到了大量的嵌入式框架，來對文字進行編輯。四、設(shè)計地點與時間安排：時間：第1718教學(xué)周地點：實訓(xùn)樓第二篇：靜態(tài)網(wǎng)頁設(shè)計與制作 實訓(xùn)報告靜態(tài)網(wǎng)頁設(shè)計與制作實訓(xùn)報告這一周我們進行了為期一周的靜態(tài)網(wǎng)頁設(shè)計與制作的實訓(xùn)。我喜歡唱歌，喜歡跳舞，小的時候?qū)W過電子琴，上初中后父母認(rèn)為學(xué)業(yè)更加要緊，于是所有與音樂有關(guān)的東西通通不被再提起。于是在這次比賽中想制作一個關(guān)于周杰倫出道十年紀(jì)念的這樣一個音樂網(wǎng)站。于是，得到借鑒，我在我的主頁上面也就添加了“杰迷必知”、“杰倫貼圖”、“杰倫影音”、“每日杰訊”、“歌迷會通道”這樣五個模塊。中間一些板塊的邊框我選擇了用玫紅色，玫紅色可以提升整個網(wǎng)頁的活潑，使黑白色調(diào)的網(wǎng)頁看起來不死板，嚴(yán)肅而不失華麗。在插視頻的時候由于只能插flv格式的，因此還下載了轉(zhuǎn)碼器。圖片的右邊附著杰倫的簡介，在右下角可以點擊“更多”來查看杰倫更多的詳細(xì)資料。因為杰倫的貼圖不僅僅是周杰倫的個人寫真，更多的是他專輯封面，演唱會現(xiàn)場照和電影劇照。而用音樂專輯封面頭像則更加體現(xiàn)出這個成功的創(chuàng)作型音樂人本質(zhì)的回歸。歌迷會通道提供了全國以及海外共32個通道，歌迷們可以看自己的地理情況就近參加，這也給歌迷和杰倫互動中間架起了一座橋梁?，F(xiàn)在網(wǎng)站一共五個頁面，分別是“新聞”“資料”“圖片”“資源”和“電子雜志”等。第一部分用了代碼marquee，使四張圖片從左到右運動。在“資源”鏈接中插入的視頻是我在周杰倫《2011超時代世界巡回演唱會》上截取的，我個人認(rèn)為這段視頻能夠生動記錄著周杰倫出道10年來給歌迷朋友們帶來的巨大的視聽盛宴，無論是在專輯，電影還是演唱會上。整個頁面用了圖文混排的方式對外展示新專輯的熱賣點，并且有預(yù)購的系統(tǒng)，這樣可以幫助網(wǎng)站盈利。接下來是自己對顏色和美的感知。平時和自己的好朋友多討論，讓很多人來給你的網(wǎng)站給些建議和意見都是不錯的。最后，通過一周的實訓(xùn)讓我懂得了，為人做事一定要謹(jǐn)慎細(xì)心。網(wǎng)頁的藝術(shù)設(shè)計，日益被網(wǎng)站建設(shè)者所注重。網(wǎng)頁藝術(shù)設(shè)計是伴隨著計算機互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽設(shè)計新課題，是網(wǎng)頁設(shè)計者以所處時代所能獲取的技術(shù)和藝術(shù)經(jīng)驗為基礎(chǔ)，依照設(shè)計目的和要求自覺地對網(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃的創(chuàng)造性思維活動，必然要成為設(shè)計藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。因此，在本學(xué)期特設(shè)置此課程設(shè)計，集中一段時間使學(xué)生綜合運用所學(xué)習(xí)的網(wǎng)頁制作知識及以前所學(xué)習(xí)的計算機方面的知識，按照網(wǎng)站制作的流程，完成一個相對具體、綜合的網(wǎng)站，全面鞏固學(xué)生的知識，培養(yǎng)學(xué)生解決實際問題的能力，從而達到學(xué)以致用的。，針對擬完成網(wǎng)站的設(shè)計功能要求與規(guī)范，查閱資料，了解相關(guān)網(wǎng)站設(shè)計的技術(shù)情況。二、設(shè)計階段網(wǎng)站形象設(shè)計：主要包括設(shè)計網(wǎng)站的標(biāo)志（logo），設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩，設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體。突出三個重點：突出你的產(chǎn)品的優(yōu)點和與眾不同的特色；突出幫助訪問者辨別、判斷同類產(chǎn)品優(yōu)劣方面的內(nèi)容，出內(nèi)容的無庸置疑的正確性。頁面設(shè)計頁面的平鋪展示：主要的物件有：導(dǎo)航欄、LOGO、Banner、按鈕、圖片、文字。字體圖片背景的搭配：體圖片的搭配要直觀，盡量不要撞色太嚴(yán)重，要考慮字跡清楚，色彩簡單一些，不要超過四種。其他：，才有統(tǒng)一，有細(xì)節(jié)區(qū)別，就有層次。！主頁和部分頁面展示主頁我們采用的是簡約商務(wù)的風(fēng)格。為了保證每個字頁面的統(tǒng)一性，而特意設(shè)計的頁面，文字的清晰介紹以及高清的圖片查看功能，而取消返回首頁這個選項而設(shè)置在巧妙的位置也是一成功力做！SERVE頁面提供所需的一些服務(wù)，一些需要的資源，以及售后的聯(lián)系，還有物流的查詢。字體的整體美觀度，以及排版的統(tǒng)一要求。測試站點站點各個方面無問題，經(jīng)測試上傳到網(wǎng)頁， 后期維護：布局的要求完全為了考慮后期的增刪改查。主題的選擇取決于網(wǎng)頁的內(nèi)容，人們一般不會去選擇自己感到陌生的主題，而是選擇某一個自己最感興趣，或者是非常熟悉的內(nèi)容來作為網(wǎng)頁的主題，當(dāng)然專業(yè)的網(wǎng)頁制作公司除外。規(guī)劃好站點的總體結(jié)構(gòu)以后，還應(yīng)該對站點中每一頁的欄目、布局等作更進一步的設(shè)計。素才的內(nèi)容主要有文字、圖片、動畫、聲音、視頻、程序等。制作完網(wǎng)頁階段之后，應(yīng)該對網(wǎng)頁做全面的檢測，包括檢查網(wǎng)頁內(nèi)容的科學(xué)性、版面編排的合理性、超鏈接的正確性以及對網(wǎng)頁的內(nèi)容作適當(dāng)?shù)脑鰷p等。事實上，一個網(wǎng)站從設(shè)計到制作，再到發(fā)布的整個過程中，大部分的精力和時間花在設(shè)計階段。從中獲得的諸多收獲，也是很可貴的，是非常有意義的。首先，它鍛煉了我做項目的能力，提高了獨立思考問題、自己動手操作的能力，在工作的過程中，復(fù)習(xí)了以前學(xué)習(xí)過的知識，并掌握了一些應(yīng)用知識的技巧等。作為一名青年學(xué)子更應(yīng)該把學(xué)習(xí)作為保持工作積極性的重要途徑。同樣，一個人的價值也是通過實踐活動來實現(xiàn)的，也只有通過實踐才能鍛煉人的品質(zhì)，彰顯人的意志。在今后的工作和生活中，我將繼續(xù)學(xué)習(xí)，深入實踐，不斷提升自我，努力創(chuàng)造業(yè)績，繼續(xù)創(chuàng)造更多的價值。實訓(xùn)的第一節(jié)課先設(shè)計好網(wǎng)站的類型規(guī)則，我們設(shè)計的是一款關(guān)于旅行方面的物品的網(wǎng)站，對待這個問題要快、準(zhǔn)、狠，不要拖拖拉拉，猶豫不決。后臺數(shù)據(jù)處理。所以我得出一下總結(jié)：一、準(zhǔn)備資料和挑選符合目的主題的合適素材做主頁當(dāng)然要收集、準(zhǔn)備資料。二、規(guī)劃好整個網(wǎng)站主頁的設(shè)計應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。圖片的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。Dreamweaver工具為我們實現(xiàn)這些提供了便利，下面我將網(wǎng)頁制作和網(wǎng)站發(fā)布的知識總結(jié)如下：（1）網(wǎng)頁制作的前期工作是搜集大量的素材，我們的網(wǎng)頁只有是實用的才會是大眾喜歡的，搜集素材以充實我們的網(wǎng)頁。（3）文本編寫，我們的網(wǎng)頁中需要大量的文字材料，這就要在網(wǎng)頁編輯器中用HTML語言中的標(biāo)簽編寫。存在的問題及解決思路(1)在Dreamweaver基礎(chǔ)方面：制作網(wǎng)頁時如何實現(xiàn)網(wǎng)頁不跳轉(zhuǎn)就可以出現(xiàn)新的內(nèi)容，實現(xiàn)頁面內(nèi)的鏈接；用代碼編寫網(wǎng)頁上的按鈕，25 實現(xiàn)按鈕的各種功能，如刷新，重置，確定操作。雜亂無章的網(wǎng)站是不會有大的發(fā)展的。或許實訓(xùn)的結(jié)束代表一段新生活的開始，但是我認(rèn)為它不但是一門課，需要我們?nèi)フ莆?，同時還可以鍛煉我們的邏輯思維能力和思維的嚴(yán)密性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯的藝術(shù)審美觀，這樣，你做出的網(wǎng)頁才會賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達到頂級。熟練使用網(wǎng)頁制作工具Dreamweaver、Flash、Fireworks設(shè)計網(wǎng)頁。靈活使用模板和庫來制作網(wǎng)頁；學(xué)會申請免費域名空間和正確上傳站點的方法。通過自身及組員的共同探索，我們已盡權(quán)利將以下是我們的策劃內(nèi)容：。主頁的導(dǎo)航欄設(shè)計好后，接下來就是對主頁導(dǎo)航欄的各個內(nèi)容進行資料的收集，我們采用大量的資料收集再對資料進行塞選p圖，得到最適合導(dǎo)航欄內(nèi)容的資料。盡管我們建立了模板，但我們在建立子網(wǎng)時很小心，因為一張圖片的大小插入就有可能破壞整個模板的結(jié)構(gòu)尤其在使用表格時，因此我們對所插入的圖片和表格都得進行測量，做到不影響網(wǎng)站整體的美觀。六．實訓(xùn)心得：通過這周的學(xué)習(xí)實踐，在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實例，使我們真正對所學(xué)的軟件融會貫通。主圖是一個網(wǎng)頁的門面，它能體現(xiàn)出這個網(wǎng)頁的整體風(fēng)格。然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，關(guān)于我們，婚紗禮服，量體裁衣，婚紗選購，公司門市，與我聯(lián)系，在線論壇，每一部分又分幾小部分，內(nèi)容比較充分，多樣。首頁內(nèi)容精彩豐富，首頁主要是導(dǎo)航作用。當(dāng)然雅俗共賞是人人都追求的。框架的應(yīng)用很難把握，切片也很難合理切割，當(dāng)插入圖片的時候把原有的模板給撐破了，精確定位很重要。所以這次實訓(xùn)還是很有意義的。 六．實訓(xùn)總結(jié)： 建立一個展示動漫的平臺?，F(xiàn)可考證，該詞語出處為1993年創(chuàng)辦的動漫出版同業(yè)協(xié)進會與1998年創(chuàng)刊的動漫資訊類類月刊《動漫時代（Anime Comic Time）》，后經(jīng)由漫友雜志傳開，因概括性強在大陸地區(qū)的使用開始普及起來。漫畫正是吸收了影視藝術(shù)的這兩個特點。正是有著這樣的相似性，所以如今將動畫和漫畫合稱為“動漫”。Manga（まんが，manga）為日語“漫畫”的羅馬字注音。劇場動畫（MOV）：影院公映的動畫作品，是日本動畫按傳播方式分類的一種，在中國又被稱為劇場版。動畫原創(chuàng)：依漫畫改編的動畫，由于動畫的更新速度比漫畫快的關(guān)系，當(dāng)動畫的劇集快趕上漫畫時，動畫的劇情就要脫離漫畫劇情，開始動畫原創(chuàng)。同時，查詢相關(guān)的動漫、百度等方式收集所需的文字資料,圖象資料,網(wǎng)頁特效等，用以得來更加具有說服力的頁面。每一個頁面用圖片來做。版面設(shè)計十分靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計。站點里面包括：首頁：第一層網(wǎng)頁，畫面主要有動漫匯的logo，logo下方是一個橫幅，鼠標(biāo)經(jīng)過會有光亮，點擊仍將是動漫的主頁。主圖是6幅動漫圖，6種動漫的介紹。點擊看漫畫或動漫，即可欣賞相關(guān)動漫。首頁的標(biāo)題插入閃光效果，鼠標(biāo)經(jīng)過時能出現(xiàn)，不容易產(chǎn)生無趣感。所用技術(shù)動漫匯需要大量的圖片及相關(guān)的話題。圖文介紹的需要經(jīng)過ps的加工，使得首頁的圖片有生機活力。四．網(wǎng)頁介紹制作網(wǎng)站的網(wǎng)頁素材、風(fēng)格、模板都設(shè)計好以后，下一步就是具體的制作網(wǎng)頁。用以體現(xiàn)網(wǎng)站的主題色彩，表格還定位了網(wǎng)頁特效、系統(tǒng)時間和flash動畫。我們也會定時更新榜單，為了讓廣大讀者更快更直接地了解最新的動漫信息。定時進入查看最新動漫吧~注冊用戶賬號，方便隨時進入看哦 送上一幅漫畫圖： 第三層頁面的設(shè)計代碼如下：返回 。第三層部門動漫是漫畫欣賞，有的是動漫觀看。而背景圖必須選擇橫圖，而且兩邊的位置要有良好的視覺效果，我們的排版雖然精簡，但是非常有視覺效果，使頁面的整體布局合理，既突出網(wǎng)站的主色調(diào)，又給人以凝重的感覺，同時增加頁面的可看性。同時，由于漫畫頁面中的信息太多，于是建立了一個專門的文件夾存放相冊信息，網(wǎng)頁中的css 樣式文件也應(yīng)統(tǒng)一管理，做到有條不紊，我設(shè)計的網(wǎng)站的首頁如下圖：根據(jù)自己的網(wǎng)頁風(fēng)格，在網(wǎng)上搜集合適的圖片，另外網(wǎng)頁的頁寬一般沒有超過900像素，以保證左右不出現(xiàn)滾動條。首頁標(biāo)題都有鏈接，點擊進入相應(yīng)的網(wǎng)站。插入gif圖片，需要時在ps中做gif圖。使得網(wǎng)頁有活力。其中使用翻看圖片的特效，使得看漫畫