《Web應用開發(fā)》課件-05 文化藝術網頁

本章簡介：文化藝術網站是指專業(yè)性的文化和藝術類網站。網站的功能主要是普及和弘揚祖國藝術文明，滿足群眾日益增長的文藝需求，促進社會各界的文化和藝術交流。本章以多個類型的文化藝術網頁為例，講解文化藝術網頁的設計方法和制作技巧。17文化藝術網頁課堂學習目標了解文化藝術網頁的服務宗旨了解文化藝術網頁的類別和內容掌握文化藝術網頁的設計流程掌握文化藝術網頁的結構布局掌握文化藝術網頁的制作方法17.1文化藝術網頁概述文化藝術是對全世界不同的文化藝術形式組合進行的統(tǒng)稱。文化藝術具有世界性和民族性兩大特征，兩者相輔相成，互相不斷地促進發(fā)展，從而更好地展現(xiàn)了世界以及各地區(qū)的特性。目前，大多數(shù)文化藝術種類都建立了自己的網站，大大地促進了文化藝術網絡化進程，對文化藝術精粹的傳播和發(fā)展起到了至關重要的作用。網站開展縱橫交錯、全方位、多領域的宣傳報道與交流，介紹文藝新秀、藝術名家、收藏家的藝術之路，總結文化藝術創(chuàng)作經驗，弘揚民族傳統(tǒng)文化，展示時代藝術風貌，幫助藝術家從容實現(xiàn)藝術價值，走進市場，走進企業(yè)，走進人民大眾，是一個宣傳文化的理想載體。17.2戲曲藝術網頁案例分析案例設計案例制作戲曲是一門綜合藝術，是時間藝術和空間藝術的綜合。說是空間藝術，是因為戲曲要在一定的空間內來表現(xiàn)，要有造型，而它在表現(xiàn)上又需要一個發(fā)展過程，因而它又是時間藝術。中國戲曲藝術歷史悠久，種類眾多，屬于中國文化的精髓。戲曲藝術網頁對中國戲曲藝術進行了全方位的介紹，在網頁設計上要表現(xiàn)出傳統(tǒng)戲曲藝術的風采。在網頁設計過程中，將背景設計成沉穩(wěn)、干練的藍色搭配淺淡的貝色，體現(xiàn)出戲曲的文化和精神。導航欄放在頁面上部，更方便戲曲迷對網頁的瀏覽。中間部分借助獨特的京劇戲曲人物圖片，使頁面更加生動直觀，通過和文字的設計編排，把戲曲風格和文化特色展現(xiàn)于頁面之上。右側和下側設計了最新動態(tài)、戲曲新聞和相關知識欄目。整個頁面設計充滿了濃濃的中國傳統(tǒng)戲曲文化的氣氛。案例分析本例將使用屬性面板設置單元格高度和文字顏色、文字大小制作導航效果。使用插入圖像按鈕為頁面添加廣告圖像和臉譜效果，使用CSS樣式命令制作文字行間距和表格邊線效果。效果圖案例設計17.3國畫藝術網頁案例分析案例設計案例制作國畫，又稱“中國畫”，是中國傳統(tǒng)文化藝術的精髓。它是用毛筆、墨和中國畫顏料在特制的宣紙或絹上作畫，題材主要有人物、山水、花鳥等，技法可分工筆和寫意兩種，繪畫技法豐富多樣，非常富有傳統(tǒng)特色。國畫藝術網頁的主要功能是對中國畫進行介紹、欣賞和傳播，在網頁設計上要表現(xiàn)出中國畫的藝術特色和繪畫風格。在網頁設計制作過程中，將背景設計為淺淡的青灰色，給人安心柔和的印象。上方的國畫在展示出藝術美的同時，體現(xiàn)出網頁設計的主體。導航欄置于國畫上方，簡潔直觀的設計讓人一目了然，且便于國畫愛好者的瀏覽和學習，文字的設計與網頁的主題相呼應。中間部分通過圖片和文字的設計編排，展現(xiàn)出最新消息、名家訪談、畫展推薦和不同派系的內容，便于用戶的查找和瀏覽。整體設計醒目直觀、便于查詢。案例分析本例將使用頁面屬性命令設置頁面字體、大小頁面邊距和頁面標題。使用插入圖像按鈕插入網頁LOGO及裝飾圖像。使用屬性面板設置單元格的寬度高度及對齊方式。使用CSS樣式命令設置文字的字體、大小、顏色及文字行距的顯示效果。效果圖案例設計17.4太極拳健身網頁案例分析案例設計案例制作太極拳是中華民族的寶貴財富，它不僅僅是一種古老的健身與技擊并重的拳術，還包含了深刻的中國古典哲學。太極拳健身網頁是一個對太極拳文化進行全面介紹和宣傳的專業(yè)網站，在網頁設計上要表現(xiàn)出太極拳的健身養(yǎng)生功能和文化特色。在網頁的設計制作過程中，將背景設計為傳統(tǒng)黑白水墨畫，營造出平和恬靜的氛圍。黑色背景和白色文字的對比，使導航在頁面中更加鮮明，方便愛好者瀏覽和學習。通過打太極拳的鶴發(fā)童顏的老人，充分表現(xiàn)出了太極拳的健身養(yǎng)生功能和中國古典哲學思想。右側區(qū)域通過對文字和視頻的設計編排，提供了太極簡介、最新資訊、太極養(yǎng)生等欄目，詳細介紹了太極文化的精髓。案例分析本例將使用頁面屬性命令設置頁面字體、大小、頁面邊距及頁面標題，使用表格按鈕設置布局效果，使用圖像按鈕插入裝飾圖像及LOGO效果，使用屬性面板設置單元格的對齊方式、高度及寬度，使用CSS樣式命令設置文字顏色、大小、行距及單元格背景圖像。效果圖案例設計課堂練習—書法藝術網頁使用“頁面屬性”面板，更改頁面屬性；使用“CSS樣式”命令，設置文字的顏色和大小；使用“行為”命令，制作彈出信息效果。效果圖課后習題