前言:想要寫出一篇令人眼前一亮的文章嗎?我們特意為您整理了5篇網(wǎng)頁設(shè)計(jì)軟件范文,相信會(huì)為您的寫作帶來幫助,發(fā)現(xiàn)更多的寫作思路和靈感。
【關(guān)鍵詞】手工記錄;自動(dòng)記錄;數(shù)據(jù)分析;功能軟件
現(xiàn)使用的設(shè)備運(yùn)行記錄的記錄方式大多為手工記錄,提前確定需要記錄的數(shù)據(jù)名稱、格式等,按照此格式用紙張打印大量的預(yù)制好的設(shè)備運(yùn)行記錄表格,然后在需要記錄的時(shí)間觀察工業(yè)監(jiān)控(HMI)上的需要記錄的各個(gè)數(shù)據(jù),逐個(gè)用筆填寫在打印好的設(shè)備運(yùn)行記錄表格上。每天對(duì)當(dāng)天或當(dāng)班的生產(chǎn)數(shù)據(jù)進(jìn)行統(tǒng)計(jì)分析,人工計(jì)算相應(yīng)數(shù)據(jù)(介質(zhì)用量等),二次手工記錄進(jìn)行填表。此種記錄方式造成給運(yùn)行人員帶來巨大的額外工作量,且還需人工計(jì)算當(dāng)天或當(dāng)班的產(chǎn)品產(chǎn)量、原料用量等也要占用不少時(shí)間。其次是造成了大量的紙張浪費(fèi)。針對(duì)此情況經(jīng)過學(xué)習(xí)研究,利用以太HMI SQL SERVER數(shù)據(jù)庫、VB、上位機(jī)組態(tài)軟件編程后設(shè)計(jì)開發(fā)了一種可擺脫手工記錄,實(shí)現(xiàn)自動(dòng)記錄、查詢以及數(shù)據(jù)分析的功能軟件。
一、軟件實(shí)現(xiàn)
(1)網(wǎng)絡(luò)基礎(chǔ)。以太網(wǎng)是當(dāng)今現(xiàn)有局域網(wǎng)采用的最通用的通信協(xié)議標(biāo)準(zhǔn)。該標(biāo)準(zhǔn)定義了在局域網(wǎng)(LAN)中采用的電纜類型和信號(hào)處理方法。以太網(wǎng)在互聯(lián)設(shè)備之間以(10~100)Mbps的速率傳送信息包,雙絞線電纜100Base T以太網(wǎng)由于其低成本、高可靠性以及100Mbps的速率而成為應(yīng)用最為廣泛的以太網(wǎng)技術(shù)。近年來為了實(shí)現(xiàn)生產(chǎn)數(shù)據(jù)的共享及自動(dòng)傳輸搭建了以思科6569為核心的以太網(wǎng)網(wǎng)絡(luò),網(wǎng)絡(luò)采用雙鏈路雙核心的構(gòu)架,用一臺(tái)IMB服務(wù)器作為數(shù)據(jù)庫。可以利用此以太網(wǎng)網(wǎng)絡(luò)作為要設(shè)計(jì)的功能軟件的網(wǎng)絡(luò)基礎(chǔ)。(2)軟件基礎(chǔ)。HMI是Hu
man Machine Interface的縮寫,“人機(jī)接口”,也叫人機(jī)界面。人機(jī)界面是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介,它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。凡參與人機(jī)信息交流的領(lǐng)域都存在著人機(jī)界面。使用者都必須先使用HMI的畫面組態(tài)軟件制作“工程文件”,再通過PC機(jī)和HMI產(chǎn)品的串行通訊口,把編制好的“工程文件”下載到HMI的處理器中運(yùn)行。此功能軟件設(shè)計(jì)通過HMI組態(tài)軟件將DCS或PLC系統(tǒng)生產(chǎn)運(yùn)行過程中的各種參數(shù)保存在Microsoft SQL Server數(shù)據(jù)庫中,通過VB編程實(shí)現(xiàn)對(duì)系統(tǒng)中各關(guān)鍵設(shè)備的運(yùn)行數(shù)據(jù)的自動(dòng)記錄和查詢并進(jìn)行數(shù)據(jù)分析等。通過開發(fā)生產(chǎn)報(bào)表系統(tǒng)對(duì)采集到的運(yùn)行數(shù)據(jù)進(jìn)行匯總分析,按照工藝已確定的數(shù)據(jù)格式、表格內(nèi)容自動(dòng)生成報(bào)表,同時(shí)實(shí)現(xiàn)了報(bào)表的打印及導(dǎo)出,并添加設(shè)備運(yùn)行記事功能。
二、特點(diǎn)介紹
由于網(wǎng)頁設(shè)計(jì)與制作技術(shù)的不斷發(fā)展,網(wǎng)頁設(shè)計(jì)與制作軟件不斷推陳出新,作者根據(jù)多年來教學(xué)經(jīng)驗(yàn)的總結(jié)和社會(huì)各界讀者提出的建議,重新編寫了該套教材。該套教材包括:《網(wǎng)頁設(shè)計(jì)與制作教程》(第2版) 為課堂教學(xué)教材,《網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)》(第2版)為實(shí)驗(yàn)輔助教材,配套的多媒體教學(xué)課件可以從清華大學(xué)出版社網(wǎng)站免費(fèi)下載。
《網(wǎng)頁設(shè)計(jì)與制作教程》(第2版)是全面介紹網(wǎng)頁設(shè)計(jì)與制作技術(shù)的教程,它以目前最流行的網(wǎng)頁設(shè)計(jì)軟件作為技術(shù)支持,由淺入深、系統(tǒng)地介紹了網(wǎng)頁的構(gòu)思、規(guī)劃、制作和網(wǎng)站建設(shè)的全過程。全書分為三篇共11章和一個(gè)附錄,涵蓋了網(wǎng)頁和網(wǎng)站建設(shè)的基本知識(shí)、HTML語言,以及FrontPage 2003、Dreamweaver 8、Photoshop CS2、Fireworks 8、Flash 8五個(gè)常用軟件的主要知識(shí)。全書構(gòu)思清晰,結(jié)構(gòu)合理,內(nèi)容全面系統(tǒng),兼顧了入門和提高兩個(gè)層次;語言簡(jiǎn)潔生動(dòng)、圖文并茂、實(shí)例新穎,關(guān)注了每個(gè)軟件最常用、實(shí)用的部分;并特別注重對(duì)實(shí)踐能力的培養(yǎng)。為提高教材的實(shí)用性、可操作性和可模仿性,作者巧妙地將理論學(xué)習(xí)與實(shí)踐操作緊密結(jié)合在了一起。在與教程配套的《網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)》(第2版)中,共設(shè)計(jì)了6章共48個(gè)非常有代表性的實(shí)驗(yàn),可以供讀者上機(jī)練習(xí)使用。這兩本書可以幫助初學(xué)者在較短的時(shí)間內(nèi)快速掌握實(shí)用的網(wǎng)頁設(shè)計(jì)知識(shí)和通用的網(wǎng)站制作方法,設(shè)計(jì)制作出自己喜愛的網(wǎng)站。
作者一貫主張教師要有使命感,教材要滿足教與學(xué)的需求。通過多年不懈的努力,作者最終給讀者呈現(xiàn)了一套立體化的教學(xué)方案:優(yōu)秀的課堂教學(xué)教程、實(shí)用的實(shí)驗(yàn)指導(dǎo)書、精彩的多媒體教學(xué)課件。歡迎大家使用和驗(yàn)證。
網(wǎng)頁設(shè)計(jì)與制作教程(第2版)
作者:楊選輝
ISBN:9787302178200
網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)(第2版)
有關(guān)ps的相關(guān)軟件有:
1、photoimpact:帶有創(chuàng)新的易于理解和使用的工具組合,可用于網(wǎng)頁設(shè)計(jì)和圖像處理。是一個(gè)功能完整的網(wǎng)頁設(shè)計(jì)、網(wǎng)頁圖形和圖像編輯的軟件。
2、CDR:是加拿大Corel公司的平面設(shè)計(jì)軟件,包含兩個(gè)繪圖應(yīng)用程序,一個(gè)用于矢量圖及頁面設(shè)計(jì),一個(gè)用于圖像編輯。
3、PaintShop:特色功能為支持超過三十個(gè)的文件格式,提供Layer功能,支持矢量圖形繪制。該軟件原屬Jasc公司,現(xiàn)已經(jīng)被COREL公司收購。
(來源:文章屋網(wǎng) )
關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) 發(fā)展趨勢(shì) 教學(xué)設(shè)計(jì)
中圖分類號(hào):G642 文獻(xiàn)標(biāo)識(shí)碼:A
Improve Web Design Curriculum Teaching of Art
Professional with the Development Trend
XIE Tao
(Graduate Department, Hubei Academy of Fine Arts, Wuhan, Hubei 430060)
AbstractAs a digital media arts and visual communication in one aesthetic, as an integrated interdisciplinary curriculum, "Web Design" is developed as the core curriculum by many professional art and design colleges and universities. With the rapid technological development, professional web design courses for the Art features need continuously to improve teaching methods, enrich the teaching content in order to enable students to master the most practical web design techniques, to train highly qualified personnel for the different needs.
Key wordsweb design; development trend; teaching design
隨著計(jì)算機(jī)技術(shù)的發(fā)展和Internet互聯(lián)網(wǎng)普及化程度越來越高,網(wǎng)頁設(shè)計(jì)與制作已經(jīng)成為當(dāng)代視覺設(shè)計(jì)師必備的專業(yè)技能之一。就網(wǎng)頁設(shè)計(jì)課程教學(xué)而言,不僅要求學(xué)生掌握相關(guān)的計(jì)算機(jī)技術(shù),更要具有專業(yè)的美工基礎(chǔ)和藝術(shù)素養(yǎng)。培養(yǎng)能適應(yīng)時(shí)展與市場(chǎng)需求的網(wǎng)頁設(shè)計(jì)師,藝術(shù)專業(yè)網(wǎng)頁設(shè)計(jì)課程就必須緊隨技術(shù)更新步伐進(jìn)行教學(xué)改革,以便適應(yīng)時(shí)展需求。
1 設(shè)計(jì)軟件與開發(fā)技術(shù)的發(fā)展與更新
網(wǎng)頁設(shè)計(jì)軟件眾多,業(yè)界廣泛使用Adobe公司的Dreamweaver,高校網(wǎng)頁設(shè)計(jì)課程也基本以此作為軟件教學(xué)內(nèi)容。經(jīng)過數(shù)年發(fā)展,最新版的Dreamweaver CS 5推出了許多新功能,因此課程的軟件操作教學(xué)內(nèi)容也需圍繞新版本展開講授。
早期的網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)流程中主要追求良好的美學(xué)效果,不太關(guān)注語義化和可用性方面的問題。隨著技術(shù)的發(fā)展進(jìn)步,遵循網(wǎng)頁標(biāo)準(zhǔn)(Web標(biāo)準(zhǔn))進(jìn)行網(wǎng)頁設(shè)計(jì)和網(wǎng)站開發(fā),已經(jīng)成為當(dāng)代網(wǎng)頁設(shè)計(jì)師必備的技能之一。用Div+CSS布局來替代傳統(tǒng)的table布局,使內(nèi)容與表現(xiàn)相分離,頁面信息結(jié)構(gòu)更清晰,有利于內(nèi)容的重用。網(wǎng)頁標(biāo)準(zhǔn)還使網(wǎng)站開發(fā)與維護(hù)更簡(jiǎn)易,與未來瀏覽器也完美兼容,使訪問者獲得更好的瀏覽體驗(yàn)。
Flash曾經(jīng)作為網(wǎng)頁設(shè)計(jì)中的視覺元素之一,現(xiàn)在已經(jīng)發(fā)展成能夠開發(fā)整套網(wǎng)站的強(qiáng)大工具,提供了大量的遠(yuǎn)遠(yuǎn)超過 Html 所能夠?qū)崿F(xiàn)的視覺表現(xiàn)效果,F(xiàn)lash 使創(chuàng)建復(fù)雜的、互動(dòng)性強(qiáng)并且擁有動(dòng)畫元素的網(wǎng)站成為可能。Flash流媒體技術(shù)的廣泛使用也是網(wǎng)頁設(shè)計(jì)的一個(gè)新趨勢(shì),頁面元素不再是靜態(tài)的文字和圖片,也不再局限于二維的Flas效果,結(jié)合音頻和視頻技術(shù)的Flv流媒體技術(shù)由于不需要安裝插件,有著優(yōu)秀的兼容性及交互性,在網(wǎng)頁設(shè)計(jì)中的應(yīng)用達(dá)到一個(gè)新的高度。
3D技術(shù)是當(dāng)前視覺藝術(shù)的一個(gè)熱點(diǎn),基于Internet具有交互性的虛擬現(xiàn)實(shí)建模語言Web 3D技術(shù),使二維的網(wǎng)頁向三維發(fā)展提供了很好的支持,代表了三維網(wǎng)頁的發(fā)展方向。同時(shí),更多的瀏覽器開始完美支持和表現(xiàn)新一代Web 語言、互聯(lián)網(wǎng)標(biāo)準(zhǔn)Html5,視頻播放、動(dòng)畫、3D交互圖像、Web視頻聊天及會(huì)議、音頻的采樣和混合都將是Html5的重要優(yōu)點(diǎn)和應(yīng)用趨勢(shì),并將引領(lǐng)下一代 Web 實(shí)現(xiàn)類似桌面的應(yīng)用體驗(yàn)。
隨著技術(shù)的進(jìn)步,網(wǎng)頁設(shè)計(jì)越來越重于表現(xiàn)多媒體的特性,這就需要網(wǎng)頁設(shè)計(jì)師不僅要掌握基本的專業(yè)技能,還需拓展其他相關(guān)領(lǐng)域的專業(yè)知識(shí),才能提高職場(chǎng)競(jìng)爭(zhēng)實(shí)力。
2 審美的提高促進(jìn)網(wǎng)頁設(shè)計(jì)新思維
一個(gè)極具藝術(shù)感染力的網(wǎng)頁設(shè)計(jì)作品會(huì)得到眾多來訪者的傾心,提高網(wǎng)站的親和力與回訪率。特別是在信息高速發(fā)展的今天,人們審美意識(shí)的提高,客觀上將網(wǎng)頁設(shè)計(jì)推向了更高層次的表現(xiàn)境界,網(wǎng)頁設(shè)計(jì)風(fēng)格個(gè)性化、技術(shù)多元化將成為必然的發(fā)展趨勢(shì)。
網(wǎng)頁的設(shè)計(jì)與制作,除了要表現(xiàn)動(dòng)態(tài)效果及強(qiáng)大的交互功能,還應(yīng)著力提高設(shè)計(jì)美感和藝術(shù)氛圍,界面設(shè)計(jì)同樣要符合視覺藝術(shù)的形式美法則。
(1)布局合理、排版簡(jiǎn)潔。結(jié)合優(yōu)秀的版式設(shè)計(jì),對(duì)頁面元素及內(nèi)容進(jìn)行歸檔分類與優(yōu)化,做到信息的主次分明。
(2)風(fēng)格統(tǒng)一、整體性好。網(wǎng)站的整體性是通過好的界面設(shè)計(jì)風(fēng)格體現(xiàn)出來的,色彩搭配要協(xié)調(diào),圖像圖形的制作要精致,突顯網(wǎng)站主題與格調(diào)。
(3)創(chuàng)新性的視覺特色。善于做創(chuàng)新性的視覺設(shè)計(jì),讓頁面設(shè)計(jì)在同類網(wǎng)站中脫穎而出,帶給用戶愉悅的視覺感受和瀏覽體驗(yàn)。
(4)易用性。網(wǎng)頁最終會(huì)于用戶終端顯示,簡(jiǎn)潔易用也是非常重要的設(shè)計(jì)原則,讓美的頁面建立在易用的基礎(chǔ)上,在整個(gè)設(shè)計(jì)過程中都要始終貫穿這種思想。
網(wǎng)頁設(shè)計(jì)師根據(jù)網(wǎng)站定位的需求,重視用戶體驗(yàn),并將獨(dú)特的設(shè)計(jì)思維融合到網(wǎng)頁設(shè)計(jì)中去才能做出最優(yōu)異的網(wǎng)頁設(shè)計(jì)。藝術(shù)專業(yè)的學(xué)生應(yīng)充分發(fā)揮自己的設(shè)計(jì)優(yōu)勢(shì),將技術(shù)與藝術(shù)緊密結(jié)合,使設(shè)計(jì)制作出來的網(wǎng)頁達(dá)到實(shí)用性和審美性的高度統(tǒng)一。
3 根據(jù)市場(chǎng)的需求充實(shí)網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容
藝術(shù)設(shè)計(jì)專業(yè)培養(yǎng)的網(wǎng)頁設(shè)計(jì)師主要涉及網(wǎng)頁前端架構(gòu),如網(wǎng)站的整體風(fēng)格規(guī)劃及版式設(shè)計(jì)、界面設(shè)計(jì)等,這些都屬于網(wǎng)站開發(fā)流程中視覺設(shè)計(jì)的范疇。作為整個(gè)開發(fā)團(tuán)隊(duì)的一員,網(wǎng)頁設(shè)計(jì)師不僅要?jiǎng)偃吻岸嗽O(shè)計(jì),還要與站點(diǎn)開發(fā)人員合作密切,熟悉網(wǎng)站后臺(tái)的管理;不僅要精通靜態(tài)Html(Xhtml)語言與CSS,還要了解各種動(dòng)態(tài)網(wǎng)站架構(gòu)語言如ASP、PHP、JSP、CGI等;除了能勝任網(wǎng)站的規(guī)劃與設(shè)計(jì),還要掌握網(wǎng)站建設(shè)相關(guān)方面的知識(shí)如服務(wù)器與虛擬主機(jī)的管理與維護(hù)、域名的注冊(cè)與解析、網(wǎng)站備案、SEO搜索引擎優(yōu)化等。除此以外,網(wǎng)頁設(shè)計(jì)師還能借助各類CMS(網(wǎng)站內(nèi)容管理系統(tǒng))構(gòu)建各種功能性的網(wǎng)站、論壇及博客系統(tǒng)。
競(jìng)爭(zhēng)所需使越來越多的公司和企業(yè)開始開拓網(wǎng)絡(luò)市場(chǎng),樹立其在互聯(lián)網(wǎng)上的良好形象。市場(chǎng)的多元化發(fā)展趨勢(shì)也對(duì)網(wǎng)頁設(shè)計(jì)師的素質(zhì)提出了更高的要求,不僅要精通專業(yè)技能,還要眼光敏銳及時(shí)把握網(wǎng)頁設(shè)計(jì)相關(guān)領(lǐng)域的最新動(dòng)向。這就要求網(wǎng)頁設(shè)計(jì)課程教學(xué)在講授理論知識(shí)與操作技能的同時(shí),還需重視實(shí)踐教學(xué)的重要性,從多方面拓寬學(xué)生的知識(shí)層面。
4 根據(jù)教學(xué)目標(biāo)及內(nèi)容調(diào)整教學(xué)方法
在傳統(tǒng)網(wǎng)頁設(shè)計(jì)教學(xué)中,一般沿用以教材為中心,教師課堂理論陳述及操作演示的教學(xué)模式,缺乏實(shí)踐性,無法達(dá)到課程教學(xué)目標(biāo)。因此,要充分利用多媒體教學(xué)環(huán)境,發(fā)揮教師在教學(xué)中的主導(dǎo)作用和學(xué)生在學(xué)習(xí)過程中的主體作用,采用適當(dāng)?shù)慕虒W(xué)方法激發(fā)學(xué)生學(xué)習(xí)興趣。
4.1 改進(jìn)實(shí)踐教學(xué),鍛煉學(xué)生獨(dú)立創(chuàng)作的能力
在實(shí)踐教學(xué)中,根據(jù)教學(xué)目的和教學(xué)內(nèi)容選用典型案例,通過對(duì)網(wǎng)頁設(shè)計(jì)案例的分析講授其中所應(yīng)用到的理論知識(shí),在學(xué)生理解基本理論知識(shí)的基礎(chǔ)上再演示案例,使學(xué)生進(jìn)一步熟悉相關(guān)理論知識(shí)的應(yīng)用及實(shí)際操作,有助于培養(yǎng)學(xué)生分析問題、解決問題的能力。同時(shí),教師可以從威客網(wǎng)上搜集一些商業(yè)設(shè)計(jì)項(xiàng)目作為實(shí)訓(xùn)內(nèi)容,讓教學(xué)目標(biāo)更加貼近市場(chǎng)的真實(shí)需求,提高學(xué)生學(xué)習(xí)的主動(dòng)性和積極性。另外,還可以定期舉辦網(wǎng)頁設(shè)計(jì)大賽,組織學(xué)生和專業(yè)教師進(jìn)行評(píng)選,并將優(yōu)秀參賽作品放在網(wǎng)站上作為教學(xué)成果展示,這些活動(dòng)不僅能調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣,也極大地豐富了學(xué)生的學(xué)習(xí)生活。
4.2 借助網(wǎng)絡(luò)技術(shù)實(shí)現(xiàn)教學(xué)互動(dòng),完善教學(xué)手段
在實(shí)際教學(xué)中,不是所有學(xué)生都能及時(shí)掌握教師課堂上所講的內(nèi)容,還需在課后對(duì)相關(guān)知識(shí)點(diǎn)進(jìn)行復(fù)習(xí)鞏固,網(wǎng)頁設(shè)計(jì)課程本身的特點(diǎn)也決定了可以充分發(fā)揮網(wǎng)絡(luò)資源的巨大優(yōu)勢(shì)。教師可以開設(shè)個(gè)人教學(xué)網(wǎng)站,將課件及相應(yīng)的學(xué)習(xí)資料放到網(wǎng)站上供學(xué)生訪問下載,同步與更新各種學(xué)習(xí)相關(guān)信息,學(xué)生也能通過在線留言板和學(xué)習(xí)論壇與同學(xué)或老師相互討論,解決問題,教師則可以根據(jù)反饋信息及時(shí)調(diào)整教學(xué)內(nèi)容。
4.3 理論與操作相結(jié)合,綜合全面評(píng)價(jià)學(xué)生
考核是檢測(cè)教與學(xué)的重要手段,也是教學(xué)中一個(gè)重要環(huán)節(jié)。一個(gè)好的考核方式不僅能全面真實(shí)地反映學(xué)生的學(xué)習(xí)水平,還能反映出教學(xué)中存在的問題。除了必要的理論知識(shí)考核,可以布置一個(gè)項(xiàng)目設(shè)計(jì)任務(wù)作為課程實(shí)踐部分的考核內(nèi)容,比如讓學(xué)生設(shè)計(jì)制作自己的個(gè)人網(wǎng)站。先對(duì)個(gè)人網(wǎng)站的設(shè)計(jì)做總體規(guī)劃,列出設(shè)計(jì)方案,由教師審閱并給予修改建議后再完善方案并實(shí)施,在設(shè)計(jì)過程中教師要關(guān)注進(jìn)度并及時(shí)指出設(shè)計(jì)中的不足之處讓學(xué)生解決。這種考核方式既強(qiáng)調(diào)了實(shí)踐性教學(xué),又培養(yǎng)了學(xué)生自己獨(dú)立完成網(wǎng)站設(shè)計(jì)和制作的能力。
互聯(lián)網(wǎng)作為一種新興的數(shù)字媒體發(fā)展迅速,網(wǎng)頁設(shè)計(jì)也成為視覺設(shè)計(jì)師最為關(guān)注的新領(lǐng)域之一。藝術(shù)專業(yè)的網(wǎng)頁設(shè)計(jì)課程教學(xué)不僅要體現(xiàn)時(shí)代性,還要富于創(chuàng)造性,具備前瞻性。教師必須緊密關(guān)注網(wǎng)頁發(fā)展動(dòng)向,隨市場(chǎng)和時(shí)代的發(fā)展趨勢(shì)改進(jìn)教學(xué)內(nèi)容和教學(xué)方法,才能培養(yǎng)出適應(yīng)市場(chǎng)需求的高素質(zhì)設(shè)計(jì)人才。
參考文獻(xiàn)
[1]張偉娜.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的探討與實(shí)踐[J].中國教育信息化?高教職教,2008(2).
[2]張麗香.高?!毒W(wǎng)頁設(shè)計(jì)》課程教學(xué)探討[J].大眾科技,2008(5):104-150.
一、PhotoShop平面設(shè)計(jì)軟件設(shè)計(jì)頁面的優(yōu)點(diǎn)
網(wǎng)頁制作的工具很多,但是使用PhotoShop(以下簡(jiǎn)稱:PS)平面設(shè)計(jì)軟件設(shè)計(jì)網(wǎng)頁是當(dāng)前網(wǎng)頁設(shè)計(jì)的主流方法,是一個(gè)功能強(qiáng)大的圖像處理軟件。按照預(yù)想的整個(gè)頁面布局的思路在PS中分層擺放元素,并利用自己掌握的圖像處理的技巧適當(dāng)?shù)剡M(jìn)行圖像處理,使層與層之間過渡自然,元素與整個(gè)網(wǎng)頁的主題相一致,整個(gè)頁面成為一個(gè)協(xié)調(diào)的整體。
1.靈活性:PS的靈魂是圖層,一個(gè)完整的網(wǎng)頁設(shè)計(jì)作品往往有許多元素組成,層的功能就是能夠?qū)@些元素單獨(dú)進(jìn)行修改和編輯,而不影響其他元素;可以給圖層添加樣式、蒙版、改變疊放的順序;可以對(duì)每個(gè)圖層進(jìn)行圖像設(shè)置,如圖像色階、飽和度、亮度、大小等單獨(dú)調(diào)整。圖層之間是單獨(dú)存在的,但又是相互連接的,每個(gè)圖層上的圖像位置可以隨意挪動(dòng)而不影響其他圖層的圖像位置。如此靈活的功能,完全可以讓設(shè)計(jì)者發(fā)揮創(chuàng)意、靈活運(yùn)用。
2.加快瀏覽速度,互聯(lián)網(wǎng)有一項(xiàng)著名的8秒原則:即客戶在訪問網(wǎng)站時(shí),如果頁面打開的速度超過8秒,那么訪問者就會(huì)感到不耐煩,甚至極有可能直接關(guān)閉該網(wǎng)頁。PS能對(duì)網(wǎng)頁大小及網(wǎng)頁元素大小進(jìn)行適當(dāng)?shù)恼{(diào)整。用PS設(shè)計(jì)的網(wǎng)頁經(jīng)過裁切后體積相對(duì)要小得多,相同的元素因?yàn)槠涓袷阶兓矔?huì)大大提高下載速度,因此PS就成了提高頁面下載速度的有效工具。
二、PhotoShop在設(shè)計(jì)網(wǎng)頁布局中應(yīng)該把握的幾個(gè)要點(diǎn)
1.網(wǎng)頁文檔尺寸與分辨率。最常用的瀏覽器頁面是1024*768像素,但瀏覽器本身還要讓出一定空間,才不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條,所以網(wǎng)頁設(shè)為1001*600像素,分辨率為72像素較為合適,當(dāng)然這個(gè)可以看情況調(diào)整,太高的分辨率并不能增強(qiáng)效果,反而會(huì)降低下載速度。
2.頁面設(shè)計(jì)前的元素準(zhǔn)備??紤]頁面的整體風(fēng)格,思考頁面的區(qū)域劃分。一般情況下網(wǎng)頁為以下幾個(gè)部分:背景、header部分、body部分、footer部分。
3.分層的重要性。網(wǎng)頁中有很多元素,很多層,像Banner、文本、LOGO、漸變等,盡量把這些元素獨(dú)立的放在不同的層上,以便日后修改
三、PhotoShop設(shè)計(jì)網(wǎng)頁布局中應(yīng)該遵循的原則
網(wǎng)頁作為一種版面,既有文字,又有圖片,可能還有動(dòng)畫、視頻等。文字和圖片需要同時(shí)展示給用戶,如果只是將它們簡(jiǎn)單地羅列在一個(gè)頁面上,往往會(huì)使頁面顯得雜亂無章。因此,必須根據(jù)內(nèi)容需要,將它們按照一定的次序進(jìn)行合理布局和編排,使其組成一個(gè)有機(jī)的整體,展示給用戶。下面詳細(xì)介紹網(wǎng)頁布局一般應(yīng)遵循的原則。
1.圖文搭配,文字和圖像具有相互補(bǔ)充的視覺關(guān)系,如果頁面上的圖像太多,缺少文字,就會(huì)降低頁面的信息容量;而如果頁面上的文字太多,則會(huì)顯得沉闖,缺乏生氣。一個(gè)好的網(wǎng)站圖片量和文字量應(yīng)該以網(wǎng)站的功能、行業(yè)、目的而定;文字和圖片相互依托,合理搭配,才能制作出形式生動(dòng)、內(nèi)容豐富的網(wǎng)頁。
2.疏密交錯(cuò),網(wǎng)頁上重復(fù)的形式過多,會(huì)使頁面顯得呆板,容易使瀏覽者產(chǎn)生視覺疲勞,因此在內(nèi)容安排上要恰當(dāng)?shù)亓舭?,適當(dāng)?shù)剡\(yùn)用空格,改變行間距和字間距等來制造變化的效果,打破頁面呆板、平淡的格局;在對(duì)稱性上既要使用對(duì)稱美,也要兼顧非對(duì)稱美,均衡的網(wǎng)頁生動(dòng)活潑富于變化,可以給頁面增加一些生動(dòng)性和趣味性;在色彩上可以適當(dāng)使用對(duì)比,以形成鮮明的視覺效果,最重要的還是要讓個(gè)體和主體統(tǒng)一協(xié)調(diào),以免產(chǎn)生,顏色搭配不合理,或者太多,給人一種不舒服的感覺。
3.強(qiáng)調(diào)整體,這在設(shè)計(jì)中占據(jù)了關(guān)鍵位置,起著主導(dǎo)作用。網(wǎng)頁上的整體包括內(nèi)容和形式上的整體性,這里主要討論的設(shè)計(jì)形式上的整體性。從版面、色彩、風(fēng)格入手。在網(wǎng)頁上所有的元素要整體考慮,以周密的結(jié)合和精確的定位來獲得頁面的整體感,即使運(yùn)用“散”的結(jié)構(gòu),也要經(jīng)過巧妙的整合,顧全大局,使其產(chǎn)生和諧的美感。
4.突出主題,一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品必須條理清晰,服務(wù)于網(wǎng)站的主題。從空間層次、視覺次序、主次關(guān)系,有條理的把握運(yùn)用。在空間上應(yīng)該放大主體;從視覺出發(fā)重心一般在中偏上位置,這個(gè)位置最能吸引瀏覽者;從主次出發(fā),應(yīng)在視覺中心以外的地方可以安排一些稍微次要的內(nèi)容,或增加一些空白,可以便得被強(qiáng)調(diào)的主體形象更加鮮明突出。
四、“裁切”工具是PhotoShop通向DreamWeaver的橋梁
利用PS設(shè)計(jì)網(wǎng)頁布局的成品,還有關(guān)鍵一步,就是“裁切”,只有正確的裁切以后DreamWeaver才能對(duì)效果圖進(jìn)行有效的整合,PS在網(wǎng)頁布局的積極作用才發(fā)揮到了極致。必須注意以下幾點(diǎn):
1.必須依靠參考線。設(shè)計(jì)時(shí)用到參考線,切圖時(shí)更要用好參考線,參考線能保證我們切出圖片同表格尺寸相統(tǒng)一的尺寸,有效避免“留白”和“爆邊”。參考線能保證我們切出圖在同一表格中的尺寸同一協(xié)調(diào)
2.設(shè)計(jì)處的虛線、圓角必切、漸變必切,這些都是DW實(shí)現(xiàn)不了的,大圖必切,大的圖片均勻的切成小圖,這樣可以提高網(wǎng)頁下載速度。特殊文字必切,避免瀏覽器的不兼容,
網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)報(bào)告 網(wǎng)頁實(shí)訓(xùn)報(bào)告 網(wǎng)頁制作論文 網(wǎng)頁培訓(xùn)總結(jié) 紀(jì)律教育問題 新時(shí)代教育價(jià)值觀