【正文】 像處理》、《CSS設(shè)計(jì)》、等專業(yè)課程的學(xué)習(xí)，為了讓學(xué)生將前期的專業(yè)課程學(xué)以致用，融會貫通，特開設(shè)本系統(tǒng)化實(shí)訓(xùn)。：網(wǎng)頁視覺效果應(yīng)采用Internet Explorer ，顯示分辨率以1024768狀態(tài)為準(zhǔn)。實(shí)訓(xùn)性質(zhì)、實(shí)訓(xùn)地點(diǎn)、實(shí)習(xí)時間安排，適用專業(yè)班級該實(shí)訓(xùn)為校內(nèi)模擬實(shí)訓(xùn)。實(shí)訓(xùn)任務(wù)（1）創(chuàng)建一個靜態(tài)網(wǎng)站站點(diǎn)。（2）在本機(jī)D盤上創(chuàng)建文件夾“home”，在“home”文件夾下根據(jù)網(wǎng)站的規(guī)劃設(shè)計(jì)，創(chuàng)建相關(guān)的文件夾，用來放置不同的文件。（3）教學(xué)實(shí)訓(xùn)除了驗(yàn)證課程理論外，還要求學(xué)生掌握網(wǎng)絡(luò)資源的搜索與應(yīng)用。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的LOGO。實(shí)訓(xùn)內(nèi)容（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，能夠熟練使用Photoshop軟件。（5）分別對3個字母進(jìn)行藝術(shù)化處理。實(shí)訓(xùn)要求（1）由指導(dǎo)教師講清實(shí)訓(xùn)的基本原理，要求，實(shí)訓(xùn)目的。第4頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)三 設(shè)計(jì)案例網(wǎng)站BANNER學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Photoshop軟件的使用方法。（2）查看網(wǎng)絡(luò)上相關(guān)網(wǎng)站BANNER。（3）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，開始設(shè)計(jì)網(wǎng)站的BANNER，首先去選擇一張適合的圖片。（7）設(shè)置圖層的樣式，以及文字的混合選項(xiàng)等。（3）教學(xué)實(shí)訓(xùn)除了驗(yàn)證課程理論外，還要求學(xué)生掌握網(wǎng)絡(luò)資源的搜索與應(yīng)用。（3）創(chuàng)建項(xiàng)目案例網(wǎng)站的導(dǎo)航條。實(shí)訓(xùn)內(nèi)容（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。（5）使用圓角矩形工具繪制一個圓角矩形，顏色與大小要與整個網(wǎng)站的風(fēng)格與主題相一致。（9）保存文件。（4）除了教師的指導(dǎo)外，還要著重培養(yǎng)學(xué)生自學(xué)的能力。實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件多種工具結(jié)合的使用方法。（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁，了解網(wǎng)頁對象分布的基本情況。（6）新建圖層，選擇“線條工具”，線條粗細(xì)為1 像素，顏色為黑色或者深藍(lán)色都可以，繪制一條直線。（10）保存文件。（4）除了教師的指導(dǎo)外，還要著重培養(yǎng)學(xué)生自學(xué)的能力。實(shí)訓(xùn)任務(wù)（1）掌握Photoshop軟件切片工具的使用方法。（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁，了解網(wǎng)頁對象分布的基本情況。（6）切圖完成后，選擇“文件”——“存儲為WEB所用格式”，存儲文件類型可以選擇“JPEG”或者“GIF”。（3）教學(xué)實(shí)訓(xùn)除了驗(yàn)證課程理論外，還要求學(xué)生掌握網(wǎng)絡(luò)資源的搜索與應(yīng)用。（3）制作完成案例網(wǎng)站首頁。實(shí)訓(xùn)內(nèi)容（1）預(yù)覽實(shí)訓(xùn)網(wǎng)頁。（6）在網(wǎng)頁插入的表格中輸入文字、水平線和日期等內(nèi)容，設(shè)置文本的屬性。（10）保存網(wǎng)頁文件。（4）除了教師的指導(dǎo)外，還要著重培養(yǎng)學(xué)生自學(xué)的能力。實(shí)訓(xùn)任務(wù)（1）掌握Dreamweaver軟件的使用方法。（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁，了解網(wǎng)頁對象分布的基本情況。（6）選擇“文件”—“模板”，選擇創(chuàng)建好的網(wǎng)頁模板，選擇“由模板創(chuàng)建”，利用制作好的模板來生成網(wǎng)頁。實(shí)訓(xùn)要求（1）由指導(dǎo)教師講清實(shí)訓(xùn)的基本原理，要求，實(shí)訓(xùn)目的。第10頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)九 案例網(wǎng)頁超級鏈接的添加學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Dreamweaver軟件的使用方法；（2）掌握網(wǎng)頁超連接的添加和設(shè)置方法；（3）創(chuàng)建完成案例網(wǎng)頁的超連接。實(shí)訓(xùn)內(nèi)容（1）根據(jù)設(shè)計(jì)好的二級網(wǎng)頁版面，制作網(wǎng)頁模板。（5）在創(chuàng)建新聞網(wǎng)頁的模板文件中添加返回首頁的鏈接。（9）在創(chuàng)建二級網(wǎng)頁的模板文件中創(chuàng)建返回首頁，以及二級網(wǎng)頁之間互相鏈接的超鏈接。實(shí)訓(xùn)要求（1）由指導(dǎo)教師講清實(shí)訓(xùn)的基本原理，要求，實(shí)訓(xùn)目的。第11頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)十 案例網(wǎng)站加入動態(tài)元素學(xué)時分配：6學(xué)時實(shí)訓(xùn)目的（1）熟悉Flash軟件的使用方法；（2）掌握創(chuàng)建滾動效果的方法；（3）為案例網(wǎng)站加入動態(tài)效果。實(shí)訓(xùn)內(nèi)容（1）打開Flash軟件，熟悉Flash軟件的使用方法。（5）在“通知公告”中給網(wǎng)頁新聞添加由下向上的動態(tài)滾動效果。（2）實(shí)訓(xùn)不分小組，要求每位同學(xué)均能獨(dú)立地完全相關(guān)實(shí)訓(xùn)的設(shè)計(jì)與制作。 4二、網(wǎng)站的規(guī)劃設(shè)計(jì) 四．網(wǎng)頁介紹 制作網(wǎng)站的網(wǎng)頁 ： 最重要的是做出自己的風(fēng)格，給瀏覽者好的欣賞感受。國外習(xí)慣性將動畫（anime）、漫畫（ic）、游戲（game）三者合稱作ACG，或加上輕小說（novel）合稱為ACGN。一部現(xiàn)代故事漫畫往往集遠(yuǎn)、中、近、特四種鏡頭于一身，漫畫家往往能熟練地運(yùn)用鏡頭的移動和各種蒙太奇剪接，對故事特定部分的情緒和氛圍進(jìn)行渲染。動漫產(chǎn)業(yè)日益與游戲產(chǎn)業(yè)結(jié)合緊密，在日本已經(jīng)形成一個成熟的產(chǎn)業(yè)鏈，動漫已經(jīng) 3 從單單的平面媒體和電視媒體擴(kuò)展到游戲，書籍，網(wǎng)絡(luò)，玩具等眾多領(lǐng)域。版面有限，相關(guān)詞條，詳見：“動漫概論” 按類型分類：情感；推理；動作；戰(zhàn)爭；后宮；寵物；歷史；搞笑；機(jī)戰(zhàn)；少年；冒險(xiǎn)；治愈；童話；格斗；少女；懸疑；科幻；競技；社會；神魔；熱血；校園；耽美；原創(chuàng)；魔法；教育；恐怖；驚悚；政治；哲理；經(jīng)典；勵志；倫理；惡搞；血腥；言情；暴力。網(wǎng)絡(luò)動畫（NET）：以網(wǎng)絡(luò)為播放平臺的動畫。COS：全稱COSPLAY，裝扮成漫畫、動畫、游戲、小說等中的人物，也可以是原創(chuàng)。精選自己收集的材料，作為自己制作網(wǎng)頁的素材，這樣就可以做好一個好的網(wǎng)站。網(wǎng)站主頁整體色調(diào)為梅紅色，配上深沉的背景圖，搭配出一種層次感。位子的設(shè)計(jì)也是重要的一個部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是用css設(shè)計(jì)一個樣式，以保證隨時、準(zhǔn)確的調(diào)用。下方是會員登錄，點(diǎn)擊登陸跳轉(zhuǎn)至輸入賬號及密碼界面，如不是會員，點(diǎn)擊注冊跳轉(zhuǎn)個人用戶注冊界面。跳轉(zhuǎn)頁：第二層和第三層，主要的主頁的過渡。其中使用翻看圖片的特效，使得看漫畫不那么單挑。使得網(wǎng)頁有活力。插入gif圖片，需要時在ps中做gif圖。首頁標(biāo)題都有鏈接，點(diǎn)擊進(jìn)入相應(yīng)的網(wǎng)站。同時，由于漫畫頁面中的信息太多，于是建立了一個專門的文件夾存放相冊信息，網(wǎng)頁中的css 樣式文件也應(yīng)統(tǒng)一管理，做到有條不紊，我設(shè)計(jì)的網(wǎng)站的首頁如下圖：根據(jù)自己的網(wǎng)頁風(fēng)格，在網(wǎng)上搜集合適的圖片，另外網(wǎng)頁的頁寬一般沒有超過900像素，以保證左右不出現(xiàn)滾動條。而背景圖必須選擇橫圖，而且兩邊的位置要有良好的視覺效果，我們的排版雖然精簡，但是非常有視覺效果，使頁面的整體布局合理，既突出網(wǎng)站的主色調(diào)，又給人以凝重的感覺，同時增加頁面的可看性。第三層部門動漫是漫畫欣賞，有的是動漫觀看。圖121 插入表單3）將光標(biāo)置于創(chuàng)建的表單內(nèi)，插入一個12行2列的表格，并設(shè)置表格的寬度為530像素、間距為0像素、邊框?yàn)?像素。6）根據(jù)圖123提供的界面內(nèi)容，分別在表格第1列的其它單元格中輸入昵稱、真實(shí)姓名、密碼等文本。圖124“輸入標(biāo)簽輔助功能屬性”對話框2）單擊【確定】按鈕，在光標(biāo)處插入了一個單行的文本域。字符寬度：設(shè)置文本域中最多可顯示的字符數(shù)。當(dāng)設(shè)置該項(xiàng)后，標(biāo)簽增加maxlength屬性，如果用戶的輸入超過最大字符數(shù)，則表單產(chǎn)生警告聲