第一篇：3css頁面樣式設計
CSS頁面布局及樣式設計實驗報告
實 驗 報 告
實驗項目名稱： CSS頁面布局及樣式設計
(所屬課程： web系統與技術 )
學 院：計算機學院 專業班級：11級計科信息 姓 名： 學 號： 實驗日期： 實驗地點：A06-404 合作者： 指導教師：李
本實驗項目成績： 教師簽字： 日期：
一、實驗目的
(1)掌握CSS中的定位屬性使用方法。 (2)掌握DIV+CSS的頁面布局方式。 (3)掌握CSS中的常用屬性的使用方法。 (4)理解CSS的樣式構造。
二、實驗條件
安裝Web開發環境的微機。
三、實驗內容
(1)重新對聊天室的注冊頁面、登陸頁面和聊天頁面進行頁面布局。 (1)對聊天室的注冊頁面、登陸頁面和聊天頁面進行樣式設計。
四、實驗步驟
(1)注冊頁面使用CSS將注冊表單居中顯示，表單內嵌入表格將文本與輸入域格式化顯示，表單內使用label標簽。
(2)登錄頁面中添加div層用于顯示在線用戶數。
(3)登錄頁面使用div將登錄表單，在線用戶數，logo圖片，超鏈接等頁面元素重新定位布局。
(4)聊天頁面改用div標簽并使用CSS的position定位屬性進行布局，框架內的獨立頁面使用float屬性進行布局。
(5)使用CSS設置三個頁面的背景顏色或背景圖片。 (6)注冊頁面使用CSS設計所有輸入框和提交按鈕的樣式。
(7)登錄頁面使用CSS設置的超鏈接的字體和下劃線、登錄表單使用圓頂角、在線用戶數使用圖片數字，使用CSS設計登錄按鈕的顯示樣式。
第1頁
共8頁 實 驗 報 告
(8)聊天頁面中使用CSS設計信息發送表單和發送按鈕的樣式，設計用戶信息列表和聊天信息段落的的顯示樣式。
五、實驗結果
注冊界面效果圖及代碼：
//總體框架//添加圖片代碼
第二篇：網頁前端頁面設計方法論
做網頁設計的心得體會
在果凍學院的這段時間我學到了很多東西，而其中我感覺收獲最大的就是在網頁設計方面，因為自己是在職業預估系統組做的是產品的前端頁面的設計。關于頁面設計方面大維老師和冷總講了許多東西，體現剛需，抓住痛點等，這些我就不多說了，下面說說我自己在這其中的一些心得體會。
首先，我感覺最重要的就是網頁整體設計要簡潔
對于大部分網站的前端頁面來說，就是為了滿足用戶的獲取信息的需求，所以要目標明確、行為直接。在設計首頁的時候，要力求整體簡潔、樸素，色彩搭配均衡、和諧;頁面布局大方，而且一定要注意協調、合理，字間距、行間距適度。同時，要強化網站的功能，切不可讓圖片背景圖太過炫目，因此要屏棄雜亂無章圖片、背景等，讓用戶在第一眼時不會受到過多的干擾，舒心的了解網站的功能。
其次，網頁的設計要注重視覺效果
視覺要素是網頁一個重要的表現手段，不同的顏色組合和網頁結構排列表達出是不同的風格。一般冷色調可以用來表現簡潔的風格，而暖色調則在表現時尚、流行等潮流元素上比較突出。很多人在進行網站設計的時候都只想到了自己的感受，忘記了網站用戶的感受，比如一有人比較喜歡藍色，于是在整個網站中都布局藍色背景，誠然你看起來舒服了，但是將網站設計一個模型之后讓其他人都來看一看，看看網站設計是否能夠第一時間留住他們，如果連你的身邊的人都不能夠留住，那么說明你的網站設計還必須進行修改，而我們的視覺性要素就是要在不斷修改的背景之下完成，讓更多的人證明你的網站視覺設計確實吸引人。
第三，我們要知道網站的關系結構
不同的網站結構是不同的，只有知道網站的功能間的關系結構，才好在網頁上突出主題。 網頁的功能結構如果細分到每個頁面，其中首頁則是最重要的;再細分下去，就是下面網頁結構要排列好。它們以不同的排列組合會產生不同結果，如果網頁的重要性程度或者因果關系展現錯了，就會讓別人看著不舒服甚至看不懂。
第四，設計網頁時要注意表達清楚自己的主旨 在制作頁面時制作者可能感覺自己很好的把功能展現了，有時候這種感覺是基于你對于項目的了解所以你可以看懂你的頁面設計，可是拿到不了解的人那里去他就可能看不懂，所以在表達意思的時候要清楚，直接點明，不要過于隱晦。同時在做完之后給不了解的人去看看，看別人能不能看懂，如果別人不能理解說明你的表達有問題，需要改進。
好了，以上四條就是我在制作前端頁面的時候體會到的幾點比較重要的東西，寫下來和大家分享，有什么不合適的還請各位包涵。
第三篇：中國元素在專題頁面設計中的應用論文
摘 要：在中國互聯網發展的十幾年間，隨著報業網站不斷發展成熟，新聞專題已成為網絡媒體進行新聞報道和輿論引導的利器,是提高訪問量和增強網站影響力的重要手段，新聞專題的視覺效果和設計風格也越來越受重視。“中國元素”作為一種獨特的風格，靈感來源于博大精深的中國傳統文化，能讓網友直接感受到東方藝術的獨特魅力，有力提升了新聞專題的內涵。在專題網頁中將“中國元素”重新組合，令整體視覺效果產生別具一格的感染力，也使專題具有更強大的表現力和生命力。那么，在新聞專題網頁的創意和表現中，如何介入與應用“中國元素”呢?
關鍵詞：中國元素; 專題; 頁面設計
1中國元素的概念和本質
什么是“中國元素”?從《辭?！飞峡?，“元素”是一個現代用語，“中國元素其實是在今天的世界視野或融入世界視野中用到的中國傳統，可理解為具有中國特有氣質、反映中國文化精神的事物及其要素。”凡是被大多數中國人(包括海外華人)認同的、凝結著中華民族傳統文化精神，并體現國家尊嚴和民族利益的形象、符號或風俗習慣，均可被視為“中國元素”。
每個民族、每個國家都有著自己獨特的文化背景、文化歷史、文化氣質、文化鑒賞標準。
中國作為一個富有美育傳統的文明古國，在其發展的各個歷史時期，都形成并積淀著自己的文化基因，逐漸形成了民族文化的寶藏。過去，由于國外各種思潮的涌入和滲透,國人固有的價值觀和審美觀被持續地動搖著,使我們的設計逐漸偏離民族個性?，F在，中國經濟總量已躍居世界第二，中國經濟、文化、政治實力和國際影響力都大大增強，中國成為了世界的焦點，“中國元素”在各個國家和不同領域受到了歡迎。目前，中國各界已經意識到了“中國元素”的重要性，開始了傳統文化與現代設計思想的融合之路。
2專題網頁設計中的中國元素運用
中華文明上下五千年，形成了淵源流長的文化知識，傳統文化元素自然也包羅萬千，以下羅列了小部分中國元素：中國書法、篆刻、秦磚漢瓦、竹簡、陶瓷、漆器、傳統紋樣、吉祥圖騰、文房四寶、中國結、戲劇臉譜、皮影、線裝書、剪紙、風箏、織繡、國畫、壁畫、唐裝等等。設計要讓人感動，足夠的細節本身能感動人，圖形創意本身能打動人，色彩品位能打動人，文化內涵也能打動人。把設計的多種元素進行有機的組合，每一個元素都要有傳遞和加強傳遞信息的目的。中國元素有著深厚的文化根基，這正是設計師們汲取營養的沃土，對網頁專題設計有著重要的借鑒作用。
2.1標題文字設計
文字是一種鐫刻著國家和民族印記的文化符號。漢字是在象形符號基礎上經過漫長演變而成的方塊字，它跨越數千年時空，至今仍充盈著旺盛生命力和獨具一格的魅力。甲骨文的簡潔象形、篆隸的古樸厚重、行草的狂放恣肆、正楷的剛毅或娟秀等特點，以及漢字的圖解、隱喻、裝飾等文化功能，既有傳遞信息的直觀作用，又有思維導向和圖形表意的作用，是承載文化的重要工具。這些元素及其功能給了設計師們無限的靈感。
在網頁專題設計中，文字的作用不容忽視。設計者應根據不同意境和需求選擇不同字體以表現不同的效果。這就要求設計師應在字體筆劃、結構特征、書寫法度以及各種美術字體設計等方面有所鉆研，這樣才能在設計中合理地利用文字自身的特點，與設計創意找到最佳契合點。我們在制作新聞專題的標題文字時，可通過借鑒傳統書法等中國元素來提升文化品位，利用墨點、墨線、墨塊、墨韻等抽象視覺符號營造視覺意象美。例如，南方報業網的《紀念改革開放30周年激流歲月之2008》新聞專題頁頭標題由書法字體構成，同時通過動畫技術給文字加入了動態感和沖擊力。標題糅合了傳統書法和現代動畫，配合阿拉伯數字特效“2008”，強烈的對比體現了視覺的層次感和豐富感?？傊?，成功的文字設計能有效提升整個新聞專題的意境，進一步增強視覺傳達效果，應受到高度重視。
2.2主圖和襯托圖案的選取
中國的圖形藝術不僅起源早，而且不斷得到發展，傳統圖形資源極為豐富，如商代青銅器上的饕餮圖形、春秋戰國時期的鳥蟲篆、漢代漆器上的鳳紋、唐代的寶相花紋以及民間廣為流傳的剪紙、木版年畫、建筑構件、吉祥紋飾、戲裝、面具等等，充分體現了或恢弘靈巧，或簡約或精致，或工整或粗放，或熱烈或娟秀，或質樸或奢華等多種手法，為新聞專題設計提供著豐富的表現形式和圖式語言。我們應當深入體會傳統圖形的意境，將現代元素和傳統元素相結合，在新聞專題網頁設計表達上做進一步的創新。
在設計新聞專題頁面時，我們應該學會充分將以上傳統圖形資源轉化為現代設計的視覺元素，重新解讀傳統圖形的美學意義，使我們的設計更具有永恒的文化價值。中國的視覺文化資源博大精深,給我們帶來廣泛的創作空間。在設計獲得廣東新聞獎網頁設計一等獎的南方報業網的《改革開放三十周年風云》專題首頁時，筆者運用中國元素充分突出了中華文化的主題。第一屏顯要位置上是中國畫風格的人物肖像和暈染墨點，使頁面具有濃濃的中國風。其中三個人物肖像作放大處理，并用大墨點作人物背景襯托，另外兩個人物肖像縮小并用星星點點的小墨點點綴襯托，雖放置了多個人物但不會散亂，墨點和人物和諧地融合在一起，形成了有力的對比。導航條、欄目的分割線框和背景圖案則采用了中國傳統紋樣圖案。首頁突出了大小、濃淡各異的墨點，將各欄目國畫、版畫等中華風格的圖片嵌套在墨點里制作成按鈕，當鼠標放置在按鈕上的時候，圖片在網頁中心位置進行放大突出處理。動畫制作的墨滴墜入紙中，呈現出亦真亦幻的奇妙景象讓人仿佛進入三十年間文化的風云變幻中。通過紙張和水墨等高品位的肌理使作品呈現出古雅的神采和高遠的境界。運用一些不同質地、紋理的素材，皴、擦、點、染和筆墨的干、濕、濃、淡等所呈現的肌理效果的筆墨變化使作品產生豐富的層次和特殊的形式美。裝潢形式借鑒了傳統古籍的卷軸裝的獨特版式，并參考中國畫主次分明和對稱均衡的版面布局、注重留白的構圖方式，使頁面呈現出韻味無窮的視覺效果，營造了濃厚的文化氛圍，令人感受在時光流逝中。主圖和襯托圖案的裝飾，有力地使新聞專題頁面呈現出歷史的厚重感和文化積淀感。
2.3傳統色彩
不同民族、不同地域的人們有著各不相同的習俗和文化，經過長時間的歷史發展，逐漸形成了不同民族的色彩偏好和色彩特征。東方傳統色彩一直以含蓄、神秘吸引著世界各國人們的目光，蘊涵著悠久的文明，體現著東方獨特的文化底蘊和內涵。中國傳統色彩文化是以黃、青、赤、黑、白為正色的“五色觀”，與金、木、水、火、土的“五行說"相聯系，把五色、五行等自然的、宇宙的、倫理的、哲學的多種觀念揉合在一起，形成別具特色的華夏色彩文化。其中，赤色、黑色、白色在設計中運用最多。它們視覺效果鮮明、視覺沖擊力強，很受人們的喜歡。傳統“五色觀"中的赤色就是紅色，是有史可考的人類最早使用的顏色，也是中華民族最喜愛的顏色。在中國，紅色具有超越其他色彩更多的文化內涵，它還擁有有一個非常好聽的名字——“中國紅"。我在新聞專題《香港回歸十周年特別報道》設計中，就是以紅色的傳統視覺元素和傳統國人十分喜愛的金色為主要顏色，描繪了香港生機勃勃的景象，華麗的金紫荊雕塑熠熠生輝，帶給人向上的力量，瑰麗的傳統色彩使新聞專題呈現了良好的喜慶視覺效果。
2.4版式的編排
中國傳統的繪畫美學觀遵循“意境”的美學原則，講究章法，強調形式美感。在傳統美學理論中，構圖法則可謂豐富多樣。“疏可走馬，密不透風”的經典對比關系為設計者提供了創作啟迪;散點透視和留白的運用給人以無限想象空間。這些例子強調構圖既要主次分明，又要多樣變化，我們在設計中要有意識地借鑒和應用。
在網頁設計中，中國傳統編排方式和經典樣式依然值得參考：豎排文字從右至左，從上至下;編排講究對稱均衡的版面布局，嚴格遵循統一的尺寸和規范進行圖文排列，堪稱高雅的視覺享受。平淡的一組文字，經過大小、字體、色彩的設計與搭配，通過錯落、變色、變體、穿插等設計，能達到化平淡為神奇的驚人效果。比如我在制作獲得廣東新聞獎網頁設計一等獎的南方報業網的《國家記憶·抗戰勝利65周年》專題時，將頁面中的標題和文字按照這種從上至下、從右至左的編排手法，有力地強調了雄厚、莊嚴的感覺，并帶有很強東方文化的表現風格，完美地把民族傳統文化藝術糅和到新聞專題頁面之中。
總之，新聞專題網頁設計對中國傳統文化元素的運用不僅是對中華文化的繼承，也是對東方人文精神的發揚光大。我們要注重文化價值的塑造，借助傳統文化構建出與眾不同的文化意境，訴求于人們內心對古典文化的認同感，在現代社會繁忙、快速的生活節奏下，幫助人們建立貫穿古今的文化價值觀?？梢哉f，在多元文化共存的現代設計中，西方的設計理念已不能為設計帶來太多靈感，人們已經開始從中國傳統文化藝術形式美的角度去尋找可用的設計元素。當然，我們也要注意，設計風格的營造必須根據主題去發揮，只有在理解和實踐的基礎上運用“中國元素”，才能恰當地表現其文化個性，設計出別具一格的新聞專題。
第四篇：設計委托合同(樣式一)
合同編號：_________
甲方：_____________________________
乙方：_____________________________
現就甲方所委托的_________設計事項，乙方接受設計委托，就委托設計事項，雙方經協商一致，并依據《中華人民共和國合同法》，簽訂本合同，雙方承諾信守執行：
一、委托事項：_____________________________
二、付款方式：
1、甲方需在合同簽訂之日起兩個工作日內將委托設計總費用的_________%付給乙方，原則上，乙方收到甲方的款項后作為設計的開始時間。
2、設計完成后，甲方需在三天內簽名或蓋章確認(以傳真方式確認同樣有效)，確認后甲方應即付清設計費用的全部余款。
三、設計的時間 根據本合同附件1的設計套餐內容和相對應的工作方式，甲方選定委托設計形式，按照甲方所選，乙方應在_______個工作日內，遵照甲方對委托設計所提出的意向和理念設計出初稿并交于甲方審定，在甲方審定意見基礎上，乙方應在_______工作日內完成終稿設計(由甲方原因耽誤的時間，完稿時間應順延)。
四、知識產權約定：
1、乙方對設計完成的作品享有著作權，甲方在將委托設計的所有費用結算給乙方后，乙方所設計的作品的著作權將自動轉給甲方。
2、甲方在余款未付清之前對該作品不享有任何權利，甲方在余款未付清之前如擅自使用或者修改使用乙方設計的作品而導致的侵權，乙方有權依據《中華人民共和國著作權法》追究其法律責任。
3、未被甲方采用的設計方案，知識產權仍歸乙方。
五 、雙方的權利義務：
甲方義務：
1、甲方按照合同約定支付相關費用;
2、甲方有義務提供有關企業資料或其他有關資料給乙方;
甲方權利：
1、在乙方設計初稿之前，甲方有權對乙方的設計提出建議和思路，以使乙方設計的作品更符合甲方企業文化內涵。
2、在乙方設計初稿之后、和在按甲方選定的委托設計形式中規定的設計流程中，甲方有權對乙方所設計的作品提出修改意見;
乙方義務：
1、乙方需按照甲方的要求進行作品設計。
2、乙方需按照合同約定按時交付設計作品。
乙方權利：
1、乙方有權要求甲方提供有關企業資料供乙方設計參考;
2、乙方有權要求甲方按照合同約定支付相應款項;
3、乙方有權要求甲方在未付清款項之前不得使用該設計作品;
六、違約責任：
1、甲方在乙方已開始展開委托設計、但設計作品初稿完成之前單方面終止合同的，所預付的費用無權要求退回;甲方在乙方委托設計作品初稿完成后單方面終止合同的，應當支付全額的設計費用。
2、乙方如無正當理由提前終止合同，所收取的費用應當全部退回給甲方。
七、不可抗力因素：
甲乙任何一方由于不可抗力，不能履行合同時，由雙方協商解決，確實無法調節，則由仲裁機關或根據合同法辦理。
八、合同生效
本合同需由甲乙雙方簽字蓋章，以雙方最后簽字日期為生效日;
本合同一式兩份，甲乙雙方各持對方簽字(蓋章)合同一份，均具有同等法律效力;
本合同附件具有同等效應; 合同未盡事宜，由甲乙雙方協商解決。
甲方(蓋章)：_____________________乙方(蓋章)：_____________________
甲方代表簽名：_____________________乙方代表簽名：_____________________
地址：_____________________________地址：_____________________________
電話：_____________________________電話：_____________________________
傳真：_____________________________傳真：_____________________________
日期：_____________________________日期：_____________________________
第五篇：施工組織設計封面樣式
XXXXXXXXXXXXXXXXXXXXXXX工程項目
施 工 組 織 設 計
編制單位：
編制人：
審核人：
審批人：
編制日期：
2014年9月15日