網(wǎng)頁設計技術論文(2)
網(wǎng)頁設計技術論文
網(wǎng)頁設計技術論文篇二
網(wǎng)頁設計實用技術探討
摘 要 21世紀，人類社會正由原子時代向數(shù)字時代過渡，計算機互聯(lián)網(wǎng)絡領域逐步形成。伴隨著計算機互聯(lián)網(wǎng)絡的不斷進步與發(fā)展，網(wǎng)頁藝術設計也應運而生，網(wǎng)頁是組成互聯(lián)網(wǎng)的最基本要素，其在互聯(lián)網(wǎng)中扮演著極其重要的角色。結合當前所處的時代和背景，獲取相應的技術以及藝術經(jīng)驗，為達到相關的設計要求或者目的，網(wǎng)頁設計者對網(wǎng)頁的藝術構成要素進行深入的探究與思考，形成一場新的思維活動，并隨著網(wǎng)絡技術的發(fā)展而發(fā)展，成為設計藝術領域的重要組成部分之一。
關鍵詞 網(wǎng)頁設計;Dreamweaver;photoshop;要素
中圖分類號TP39 文獻標識碼 A 文章編號 1674-6708(2014)123-0224-02
1DREAMWEAVER和PHOTOSHOP的概述
1.1 DREAMWEAVER的概述
1.1.1最佳的制作效率
Dreamweaver的優(yōu)勢旨能夠以簡單快捷的方式把Fireworks，F(xiàn)reeHand，或Photoshop等轉存到網(wǎng)頁上。通過檢色吸管工具可以將熒幕上的顏色進行設定，并且使之同網(wǎng)頁的安全色想接近。同時可以通過一個簡潔的步驟可以將選單，快捷鍵與格式控制予以完成。同時Dremweaver的另一個優(yōu)勢就在于能夠同Playback Flash，Shockwave和外掛模組等您所喜愛的工具相搭配，整個完成過程不用將Dremweaver退出也可以非常順暢的完成。
1.1.2網(wǎng)站管理
通過對網(wǎng)站地圖的充分運用可以對網(wǎng)站的雛形進行編輯，同時完成網(wǎng)站的設計以及更新重組工作。Dreamweaver通過自身強大的功能可以對網(wǎng)頁的位置或者檔案名稱的鏈接進行更新。對于以往復雜的網(wǎng)站更新工作的快捷化實現(xiàn)可以采用援文字，HTML碼，HTML屬性標簽和一般語法的搜尋及置換功能予以完成。
1.1.3無可比擬的控制能力
Drearweaver的功能非常強大，能夠將Roundtrip HTML、視覺化編輯與原始碼編輯設計工具予以同步提供。其包含主流文字編輯器，例如HomeSite和BBEdit等。能夠以超乎尋常的速度制作幀(frames)和表格。通過對進階表格編輯功能的使用可以使選擇功能更加簡便快捷，可以進行連續(xù)選擇或者單格、行、欄或作未連續(xù)之選取，同樣對于表格群組可以進行排序或者格式化，另外Dreamweaver能夠進行非常精確的定位，可以把可輕易轉換成表格的圖層通過拖拉置放的方式配置相應的版面工作。
1.1.4所供即所得
Dreamweaver的成功之處就在于整合動態(tài)式出版視覺編輯及電子商務功能方面，提供一些軟件體，其中包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango，給予Third-party廠商提供超強的支援能力。如果采用用Dreamweaver對動態(tài)網(wǎng)頁進行設計的時候，其自身所有的功能非常強大與快捷，能夠采用無瀏覽器的方式對網(wǎng)頁進行預覽。
1.1.5夢幻樣版和XML
Dreamweaver可以將內(nèi)容以及設計形式進行比較明晰的劃分，采用網(wǎng)頁更新以及團隊合作開展網(wǎng)頁編輯工作。對網(wǎng)頁的外觀樣版進行劃分，設定出可以進行編輯或者不可以進行編輯的板塊，添加內(nèi)容的作者可以對以樣式為主的內(nèi)容進行直接編輯但卻不會應為操作失誤導致既定樣式放生改變?？梢詫ML內(nèi)容通過使用樣版進行正確的匯入或者輸出。經(jīng)過Dreamweaver設計的網(wǎng)頁可以通過任何瀏覽器進行打開。對于一些動態(tài)或者特效換圖效果，例如cascading style sheets的動態(tài)HTML支援和鼠標換圖效果，可以借助Netscape和Microsoft瀏覽器上執(zhí)行。使用者可以借助相應的瀏覽器對不同的檢視功能將詳盡的成效報告描述出來。
DREAMWEAVER的優(yōu)點：
盡管Macromedia的Dreamweaver具有可視化網(wǎng)頁開發(fā)工具的生產(chǎn)力，但是對于HTML原代碼的控制能力并沒有下降，其所具有的Roundtrip HTML功能能夠在可視化界面與HTML原代碼編輯器之間進行精確的切換。
對于跨瀏覽器的Dynamic、HTM階層式樣式表單、絕對坐標定位以及JavaScript的動畫，Dreamweaver 同樣予以支持，網(wǎng)頁的編輯難度進一步降低。Roundtrip HTML能夠對HTML原始代碼進行完全控制，Macintosh 與 Windows 版本的軟體中均包含有著名的BBEdit 與 Home Site 編輯器。
如果其他編輯器產(chǎn)生的網(wǎng)頁被開啟的時候，那么既有的 HTML 格式會被保存起來。
對于Dynamic HTML、直覺式時間軸界面以及JavaScrip 行為庫來說，他們可以擺脫對其他程序的以依賴，同樣可以將HTML元件激活。
1.2 PHOTOSHOP的概述
使用業(yè)界標準的 Adobe Photoshop®;CS和Adobe ImageReady®;CS軟件更加快速地獲取更好效果，同時為圖形和Web設計、攝影及視頻提供必不可少的新功能。
PHOTOSHOP的優(yōu)點
重新定義生產(chǎn)率，使用一整套繪畫、制圖和潤色分類工具創(chuàng)建原始圖像或修改照片。快速預覽、標記和排序圖像;搜索和編輯元數(shù)據(jù)及關鍵字;以及從改進的文件瀏覽器自動共享成批文件。通過保存?zhèn)€性化的工作區(qū)和工具設置以及創(chuàng)建自定義的鍵盤快捷方式，以最適合您的方式工作。
由于可以使用歷史調(diào)色板撤消或重新執(zhí)行多個步驟，因此您可以盡情試驗。從濾鏡庫瀏覽 Photoshop 濾鏡，您可在濾鏡庫中預覽堆棧效果。圖形設計通過分類成組、顏色編碼和鎖定控制圖層，在上百個圖層上合成圖像、文本和效果，從而達到非常復雜的效果。 通過將同一文件內(nèi)的不同圖層組合另存為“圖層組合”，更有效地為客戶創(chuàng)建不同設計。通過將文本置于路徑或圖形內(nèi)創(chuàng)建醒目的印刷格式。 隨時編輯文本，甚至可在 Adobe Illustrator軟件中編輯。
通過訪問95個以上的特殊效果濾鏡，輕松試驗并獲得另人驚嘆的效果。借助新的“濾鏡庫”，一次預覽并應用多個濾鏡。
使用 ImageReady CS制作Web：
通過多對象選擇、對象分組和智能指南，加快創(chuàng)建和修改網(wǎng)頁設計的速度。享受更快捷、更無縫的 Photoshop 和 ImageReady 集成，并可自動保存文件和常見命令、工具及快捷方式。在導出為 HTML 表格前，分割復雜的分層圖像，并對每一區(qū)域應用合適的格式和壓縮設置。輕松導入數(shù)據(jù)庫和電子表格信息，自動制作 Web 圖形。使用 ImageReady CS 創(chuàng)建 SWF 動畫，并帶有矢量藝術作品和可變文本。
2網(wǎng)頁設計美學構成要素
2.1文字的編排與設計文字
文字是網(wǎng)頁進行傳達信息的主要方式和載體，這一元素發(fā)揮著不可或缺的作用，同時網(wǎng)頁中的描述信息也是通過這一要素予以完成的，所以網(wǎng)頁中的文字占據(jù)的面積非常的大，網(wǎng)頁質量的好壞在很大程度上取決于文字表現(xiàn)水平。網(wǎng)頁文字的功能旨在將各種信息清楚的傳達出來，所以文字編輯效果應該給人清晰舒服的視覺感受。文字的編排必須同信息的內(nèi)容性質相結合，不能彼此之間相互割裂或者沖突。例如，如果是類似政府的網(wǎng)頁，文字格式應當莊重，規(guī)范，工整有序;公司的網(wǎng)頁必須同自身的性質、理念或者產(chǎn)品的特點相吻合，編排設計效果應盡量將其凸顯;個人主頁則須同自身的性格以及信仰相匹配，給人以強烈的感染力量。在對網(wǎng)頁字體進行編排的時候，字體格式不應該過于繁雜，那樣會顯得凌亂，一把情況下不能超過四種。
2.2圖片的編排與設計圖片
圖片是一種引用到網(wǎng)絡中的多媒體元素。網(wǎng)絡可以將圖片和文字結合起來成倍的向用戶提供信息，同時也可以將頁面進行美化的功能。通過圖片的插入解決了單純的文字的枯燥，使網(wǎng)頁變得美觀，有情趣。同樣一個信息，加上圖片的吸引力遠遠超過純文字的吸引力。網(wǎng)絡圖片的分辨率要求并不是很高，一把情況下分辨率為72dpi是大多數(shù)圖片最佳選擇;同時，圖片不宜過大。為適應信息高速公路的建設需求，圖片文件應該新限制在某一范圍內(nèi)，這對于圖片的下載提供了便利。
2.3地域本土化需求
在現(xiàn)今越來越多的設計為西方所感染。對于本土化的設計思路，設計師必須深思熟慮，形成獨有的設計風格。而網(wǎng)頁設計需要世界認同中國，從中國的國情、企業(yè)性質、受眾所能接受的等方面入手，深化研究，使中國的網(wǎng)頁設計擺脫國外的影響，汲取他人的長處，發(fā)揮自己的特點，使網(wǎng)頁設計具有中國特色，具有強烈的民族性。
3 人性化與綠色設計的需求
本世紀設計的主題就是人性化以及綠色設計風格，這種設計思想能夠使當前人們的精神和心靈得到慰藉。任何設計都是緊緊地圍繞著人這個主題，當然網(wǎng)頁設計也必須遵循這一原則。在以往的一段時間設計的好壞衡量標準是刺激消費的美學觀念，這造成資源浪費，環(huán)境破壞。要想走在網(wǎng)絡設計的前前沿，網(wǎng)頁設計必須緊跟時代步伐，滿足人們的審美觀念和需求。首先應當滿足自身的實用功能;其次必須順應當代的審美潮流。但是不能單純的采用視覺刺激行為，導致視覺審美災害。強烈的色彩以及呆板的圖形效果必將會大打折扣。所以視覺上應當遵循綠色設計原則，有效預防視覺污染，確保視覺秩序良好的運行，將設計作品同人類進行很好地協(xié)調(diào)。
看了“網(wǎng)頁設計技術論文”的人還看：