網(wǎng)頁設計軟件范文

時間:2023-04-01 07:26:03

導語:如何才能寫好一篇網(wǎng)頁設計軟件,這就需要搜集整理更多的資料和文獻,歡迎閱讀由公務員之家整理的十篇范文,供你借鑒。

網(wǎng)頁設計軟件

篇1

Flash技術運用范圍非常廣泛,不論是網(wǎng)站、廣告、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flas今后的發(fā)展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flas當前在網(wǎng)頁設計中的應用方式進行分析,針對性闡述了Flas在整站式網(wǎng)頁設計過程中交互式導航系統(tǒng)、Web圖像動畫展示以及鼠標動畫的應用。在此針對性研究Flas在網(wǎng)頁設計中的相關研究,望研究結果能夠?qū)窈蟮膶W者一定幫助。

關鍵詞:

Flas;網(wǎng)頁設計;應用研究

隨著社會邁入信息化時代,網(wǎng)絡及計算機技術的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢,從而促進網(wǎng)頁動畫漸漸發(fā)展起來,此外網(wǎng)頁動畫設計在網(wǎng)頁設計中占據(jù)重要地位,促使人們在關注動畫整體發(fā)展趨勢的過程中將注意力放在網(wǎng)頁動畫方面。在構建及設計網(wǎng)頁時,運用Flash幫助網(wǎng)頁實現(xiàn)多媒體化的網(wǎng)頁成果展示,同時也漸漸成為網(wǎng)頁設計發(fā)展過程中不可或缺的重要部分。

1Flash的運用及特點

MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網(wǎng)絡傳輸過程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優(yōu)良,便于讀者在閱讀過程的理解并實施相關互動;第三,針對實際運用過程分析,Flas在運作時主要采用插件,若用戶想要實現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構建的動畫自身極小,所以其具備較快的調(diào)用速率;第四,在設計Flash過程中,可以根據(jù)需要適當增加頁面控制按鈕幫助頁面實現(xiàn)鏈接的跳動,還可以運用鼠標實現(xiàn)頁面動畫中的運動及移動。第五,Flash可以實現(xiàn)動畫視聽效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構建全Flash制作站點;第六,Flas屬于一種“準”流式文件內(nèi)容,無需全部下載完成就可以實現(xiàn)動畫觀看。

2Flas在網(wǎng)絡設計中的應用

在網(wǎng)頁設計中,Flas具備非常多關鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實施網(wǎng)頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網(wǎng)頁的品質(zhì);如圖1所示。

2.1網(wǎng)頁動畫信息交互的實現(xiàn)

為了進一步卻寶寶網(wǎng)頁動畫信息交互整體的流暢性,其中的一個重要關鍵就是Flas導航的交互性設計。在對該部分內(nèi)容進行設計時,往往會使用針對性的Flas腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據(jù)動畫中的相應內(nèi)容實現(xiàn)AxtionScript的具體化定義。

2.2網(wǎng)頁動畫相關要素的設計

第一,交互式導航系統(tǒng)。在網(wǎng)頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,并構建針對性的標識來將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統(tǒng)網(wǎng)頁中,Web圖像主要呈現(xiàn)靜態(tài),不過經(jīng)由計算機技術的不斷發(fā)展,最近幾年在網(wǎng)頁設計中漸漸出現(xiàn)了一部分動態(tài)化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網(wǎng)頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標動畫。為了實現(xiàn)優(yōu)質(zhì)化Flas效果,在制作動畫效果時要特別注意鼠標在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標移動過程中的色彩與網(wǎng)頁設計色彩是不同的,有助于用戶一眼就可以將鼠標找到。最后就是,鼠標在色彩區(qū)別網(wǎng)頁之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。

3結語

綜合全文內(nèi)容,在網(wǎng)站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網(wǎng)站實現(xiàn)多媒體化效果展示的同時,還能夠結合數(shù)據(jù)通信這一措施全面性豐富網(wǎng)站自身具備的素材及資源,最終達到一種動態(tài)化的效果。截至今日,由于計算機技術發(fā)展速度不斷提升,結合Flash自身所具備的多種優(yōu)質(zhì)化特征,筆者相信在今后人們的日常生活中,Flas一定可以獲得更加廣泛的用途,更具普遍性,最終實現(xiàn)網(wǎng)頁設計的主體化運用趨勢。

作者:侯英杰 單位:隴南師范高等??茖W校

參考文獻

篇2

【關鍵詞】高職教育網(wǎng)頁設計課程改革綜合能力

【中圖分類號】G423.07 【文獻標識碼】A 【文章編號】1674-4810(2014)17-0064-02

隨著網(wǎng)絡技術的進步,計算機和電子通訊設備技術的推陳出新、電子商務涵蓋范圍的不斷擴大,網(wǎng)頁設計師在短短十年間一下飆升為技術型潛力巨大的新興職業(yè)。電子商務的快速發(fā)展更是促使人們看到網(wǎng)頁設計的廣大的就業(yè)市場和光明的發(fā)展前景。各大高職院校紛紛開設網(wǎng)頁設計相關課程:網(wǎng)頁美術設計、網(wǎng)頁設計與制作、網(wǎng)頁界面設計與制作、網(wǎng)頁制作軟件等。

網(wǎng)頁設計是通過更合理的色彩搭配、字體使用、圖片處理、樣式設置進行頁面設計美化,設計師使用專業(yè)軟件給瀏覽者呈現(xiàn)出圖、文、聲音及動畫多位一體的全方位感官效果,在功能和技術限定的情況下,盡可能制作出給予用戶完美的視覺體驗的網(wǎng)站??梢钥闯觯W(wǎng)頁設計是一門從藝術到技術的專業(yè)課程,市場對于網(wǎng)頁設計師的要求也從單純的平面設計到簡單網(wǎng)頁效果的制作發(fā)生了變化。針對這一改變,高職的網(wǎng)頁設計課程也應做出相應的改革。

目前,大多數(shù)高職院校為藝術設計專業(yè)學生在大學中開設一次網(wǎng)頁設計課程,課時多為48~72課時,在一個學期內(nèi)完成。課程名稱為網(wǎng)頁美術設計、網(wǎng)頁設計與制作、網(wǎng)頁制作軟件等。在課程學習過程中,任課教師也是以單純的教授網(wǎng)頁設計軟件Dreamweaver和圖片處理軟件PhotoShop為主,軟件學完,課程結束。然而觀看學生所制作的網(wǎng)站,從顏色搭配和樣式的設計都與現(xiàn)今優(yōu)秀網(wǎng)頁“美術”不搭邊。簡單來說,單純學習了網(wǎng)頁的制作,而忽略了美術法則的運用,制作網(wǎng)頁,而非設計網(wǎng)頁?;蚴菍W生在沒有任何網(wǎng)頁制作軟件的基礎上學習網(wǎng)頁美術法則理論,到了實踐上各種效果卻無法實現(xiàn),最終僅能實用平面設計軟件制作靜態(tài)網(wǎng)頁布局效果圖。

一 高職藝術設計專業(yè)網(wǎng)頁設計課程存在問題的原因

存在這種現(xiàn)象,主要有以下原因:

1.課程設置:大學中僅開設一次網(wǎng)頁設計課程

網(wǎng)頁設計是一門相對于平面設計起點較高的專業(yè),一個網(wǎng)頁設計軟件Dreamweaver還需配合使用平面軟件PhotoShop,Web動畫效果軟件Flash等。軟件難度較大,學習時間太短。一個Dreamweaver軟件的學習就占用了課程的大部分學時。一次網(wǎng)頁設計課程結束后,沒有相關的美術設計課程讓學生實踐,就像是只學會了使用畫筆,還沒來得及

了解怎樣算是一幅好畫。

2.課堂設計:課堂內(nèi)容涉及面較為單一

見過這樣的一些課程標準,整個網(wǎng)頁設計課程只講到關于美術設計部分――色彩、布局、元素、風格,沒有半點關于工具的介紹――軟件Dreamweaver、Fireworks、Flash。最終學生在還沒有網(wǎng)頁概念的情況下,用PhotoShop制作一張網(wǎng)頁圖片作為作業(yè)結束課程,學生還停留在紙質(zhì)媒體的平面設計稿上,無法真正體驗到網(wǎng)頁在互聯(lián)網(wǎng)和電子設備上所呈現(xiàn)的特質(zhì)。

3.教材設計:一門課程僅配備一本教材

有了工具書,沒有技法書;或是只教了技法,卻連工具都沒碰過。對于平面設計專業(yè)學生而言,平面上的美術基礎要應用到網(wǎng)頁美化中,心有余而力不足。但目前市場上有關網(wǎng)頁設計、制作方面的教材圖書種類繁多,基本都是單純的講解軟件、工具、命令等技術知識,類型單一,而關于網(wǎng)頁色彩風格、布局、元素、效果圖等網(wǎng)頁美術的工具書又缺少制作方式,對于剛?cè)腴T的學生來說比較難實現(xiàn)。僅僅一次課程一本教材很難把網(wǎng)頁設計學好。

4.市場現(xiàn)狀:需求大門檻低水平參差不齊

在這個電子商務發(fā)展高峰期,越來越傻瓜式的軟件操作使得更多的非專業(yè)人員加入到這個行列。大多數(shù)設計者通過自學懂得如何制作網(wǎng)頁,卻不一定懂得如何設計美觀使用起來舒適的網(wǎng)頁。其較低的準入門檻導致網(wǎng)頁設計行業(yè)的現(xiàn)狀并不太好,人們要求設計者什么都懂,要比平面設計師多懂點代碼,比程序員多懂點設計,還能做點動畫。針對這個設計行業(yè)大環(huán)境,高職學子更應具有更高的網(wǎng)頁制作和審美感知水平,才能提高自身的競爭力。

二 高職藝術設計專業(yè)網(wǎng)頁設計課程的改革

筆者認為,要培養(yǎng)具有社會競爭力的專業(yè)網(wǎng)頁設計人才,高職就應針對當今行業(yè)市場對網(wǎng)頁設計的需求、用人單位對網(wǎng)頁設計師的要求、客戶在網(wǎng)站使用上的習慣,對課程做出相應的改革。

1.在課程設置上可開設大于一次的網(wǎng)頁設計課程

最少兩次的網(wǎng)頁設計課程,可使學生在打下網(wǎng)頁制作軟件的基礎后,再次開設一門專門以網(wǎng)頁美術為主的課程。

網(wǎng)頁設計作為新興行業(yè),每年跟隨著電子產(chǎn)品的更新和軟件功能的強化,效果與美術規(guī)則不斷地出現(xiàn)新的流行趨勢。如2014年網(wǎng)頁就以扁平化圖片和酷炫動態(tài)作為最新設計潮流元素,并且顏色搭配和布局方式也與以往不同。這些我們都可從國外一些優(yōu)秀網(wǎng)站和國內(nèi)的大型電商網(wǎng)站中找到。但在軟件的學習上,老師和學生往往只把重點放在軟件各個功能的運用上,很難把注意力同時分散到網(wǎng)頁的美化規(guī)則中。但如果學生在已經(jīng)有了軟件基礎后,再次開設網(wǎng)頁美術設計課程,猶如讓一群有素描基礎的學生進行設計素描一樣,更能體會當中需注意美術法則的含義。由于有了軟件基礎,各種美化效果就更能實現(xiàn)。那么課程的最終作品就不僅僅是停留在普通效果的網(wǎng)頁制作或平面效果圖制作了,更加復雜和新穎的頁面效果、更加舒適的色彩搭配和頁面布局,不僅提高了學生們的審美情趣,也讓他們在課堂中的成就感油然而生。

2.在課堂安排上可采用優(yōu)秀網(wǎng)站作為軟件學習案例

若學生課程安排太滿,確實無法在大學中進行兩次或以上網(wǎng)頁設計課程的學習,那么,老師就應在課堂實踐中多以呈現(xiàn)較新潮流趨勢的網(wǎng)頁作為軟件學習案例。

國外設計一直是流行趨勢的坐標,我們可以通過對比國外近年網(wǎng)站找到最近國內(nèi)網(wǎng)頁設計的方向,一些優(yōu)秀的網(wǎng)頁專業(yè)網(wǎng)站也有大量的相關文章給予我們參考。老師在進行備課時就要比以往多下幾重功夫了,在軟件教學上,軟件學習教材中是有大量的案例,但更新速度畢竟與網(wǎng)絡是無法相提并論的。通過優(yōu)秀網(wǎng)站作為軟件與教材中案例對比分析,找出各自在色彩、布局、元素、風格上的特點,來讓學生了解網(wǎng)頁美術法則。在學生學習軟件中對優(yōu)秀案例的臨摹實踐中,體驗一種耳濡目染的效果讓學生了解何為優(yōu)秀網(wǎng)頁的同時,掌握如何設計優(yōu)秀網(wǎng)頁。

3.在教材選擇上可采取多本教材多種形式教學

如果僅限定于根據(jù)所購教材作為課堂所有內(nèi)容,學生所學知識比較單一,教師可選擇網(wǎng)絡、圖書館圖書作為參考教材。

現(xiàn)今市面上大部分關于網(wǎng)頁設計教材分為網(wǎng)頁制作軟件和網(wǎng)頁美術兩種。教材的內(nèi)容設計沒錯,針對網(wǎng)頁制作就應以軟件的學習為主,針對網(wǎng)頁美術就應以美術法則為主。綜上所述,市場及行業(yè)對于網(wǎng)頁設計的要求都不僅僅是單一的制作或單一的美化,高校的網(wǎng)頁設計課堂也不應僅僅教授軟件或美術法則。既然已有教材無法一次滿足課程的需要,那么教師可以在課堂中使用網(wǎng)絡或偶爾把課堂轉(zhuǎn)移到校圖書館進行課程學習。網(wǎng)絡上有大量的網(wǎng)頁設計文章、素材、模板、教程,學生在使用網(wǎng)絡對網(wǎng)站進行瀏覽的同時,也更深刻地體會網(wǎng)頁操作過程中的各種元素對用戶帶來的不同感受。只有通過對網(wǎng)絡的接觸和對網(wǎng)頁的使用,才可真正設計出適合廣大用戶的優(yōu)秀網(wǎng)頁。在圖書館里,我們可以找到與教材內(nèi)容相輔相成的大量圖書,學生可以在此深入地了解網(wǎng)頁設計涉及到的不同范疇,把以往狹隘的通過單本教材看成是課程甚至整個網(wǎng)頁設計行業(yè)的所有內(nèi)容,擴展到從藝術到技術的一個更寬的面。

三 結束語

篇3

在多媒體技術中,應用的軟件包括了FLASH、Powerpoint以及Authorware等,它們有不同的特征,但是Powerpoint缺乏一定的靈活性,Authorware則限制了動畫的樣式。而FLASH相比于這兩種設計軟件,在靈活度上有了提升,而且它的操作比較簡易,學習起來并不困難,在設計制作多媒體課件的時候,能夠在脫離主體文件程序的情況下自主運行,因此,它具有很大的應用價值,其在課件的開發(fā)上應運越來越多。在多媒體技術的應用中,F(xiàn)LASH動畫軟件的功能依靠跳轉(zhuǎn)幀、MC轉(zhuǎn)幀以及場景的跳轉(zhuǎn)來實現(xiàn)。針對多媒體教學,F(xiàn)LASH動畫設計軟件有多個方面的優(yōu)勢。首先,這一動畫軟件在保存和繪畫方面非常便捷。它制作的動畫效果具有觀賞性,豐富多彩、生動活潑的圖形能夠深化多媒體課件,從而吸引學生的注意力,提高學習的積極性。其次,F(xiàn)LASH動畫設計軟件能夠有效處理和加工多媒體課件中的相關信息,不管是文字、圖形,還是聲音都能夠進一步加工,形成完整的系統(tǒng)框架,以在課堂中靈活展示。對于學生來說,這種高效的多媒體技術應用能夠提高學習效率,從中獲取更多的有效信息。

二、FLASH動畫設計軟件在多媒體技術中的具體應用

(一)形象動畫設計對FLASH動畫設計軟件的使用

在形象設計中,F(xiàn)LASH動畫設計軟件在當下應用非常多,特別是企業(yè)宣傳海報、對企業(yè)性質(zhì)的圖像展示等。首先在形象設計中,色彩的搭配至關重要,它關系到這一形象是否能夠吸引觀賞者的注意力。應用FLASH動畫軟件一方面能夠確保設計的形象色彩具備統(tǒng)一性,另一方面也能夠避免某些顏色的突兀,促使形象整體具有協(xié)調(diào)性。其次,在形象聲音的設計上,借助FLASH能夠匹配相應的聲音,在適當?shù)那榫跋拢材苤谱鳠o聲畫面。為了提高動畫形象的吸引力,F(xiàn)LASH動畫軟件能夠為其制作web圖像動畫,從而以動態(tài)的方式來展示形象。一般來說,圖像占比非常大,在寬帶網(wǎng)絡的制約下,色彩的配置模式一般會利用RGB形式。當下,F(xiàn)LASH動畫設計設計軟件則通過相關的順序來完成動態(tài)圖的制作,從而實現(xiàn)動畫強有力的吸引效果。

(二)網(wǎng)頁動畫設計對FLASH動畫設計軟件的使用

網(wǎng)頁設計對于FLASH動畫設計軟件的應用主要有三種,分別是全部靜態(tài)頁面設計、全面動畫設計以及動靜相結合的設計。首先第一種全部靜態(tài)頁面設計,主要展示動畫的靜態(tài)美,在動畫的設計上利用FLASH動畫設計軟件充分完善動畫的靜態(tài)特性。其次是全面動畫設計,這種模式控制動畫的全局,體現(xiàn)及時性。最后一種將動畫的靜態(tài)模式和動態(tài)模式相結合,將動態(tài)中的一部分設計加入了靜態(tài)中。在具體設計網(wǎng)頁的過程中,一方面要把握整體的動態(tài)和靜態(tài)的模式,另一方面還要重視兩者之間的統(tǒng)籌效果。要注意的是,動畫量較多的情況下,網(wǎng)頁的頁面制作效果會降低,難以順利打開。

篇4

隨著計算機技術的不斷改革與創(chuàng)新,計算機課程教學不斷的改革與發(fā)展。目前,大多數(shù)企業(yè)、個人單位都通過網(wǎng)站向外界宣傳產(chǎn)品、優(yōu)惠活動等,網(wǎng)站的開發(fā)就需要網(wǎng)頁設計師來進行排版設計,網(wǎng)頁設計的發(fā)展帶動了高校的教育改革,不斷的開設《網(wǎng)頁設計與制作》這門課程,《網(wǎng)頁設計與制作》是藝術院校計算機教學中實踐操作性強、綜合性較強的專業(yè)課程,其需要多門計算機學科知識綜合起來,才能完成網(wǎng)頁設計課程體系,如:Photoshop、CorelDraw、HTML語言、CSS、JavaScript語言,從而進行網(wǎng)頁設計。

1 藝術院校計算機課程教學現(xiàn)狀分析

隨著計算機互聯(lián)網(wǎng)的發(fā)展,網(wǎng)絡已普及到家家戶戶,藝術院校的學生對計算機基礎知識也有了很大的提高,加強學生的計算機基礎知識和計算機能力的培養(yǎng),對藝術院校的教學具有重要作用。目前,藝術院校計算機課程教學仍然存在不足,雖然藝術院校的大部分專業(yè)開設了Photoshop教學課程、CorelDraw課程、網(wǎng)頁設計等課程,但是,藝術院校開設的專業(yè)只涉及網(wǎng)頁設計的幾門學科,如計算機圖形圖像專業(yè),其開設了Photoshop、CorelDraw、Flash等課程,卻沒有涉及到HTML、JavaScript語言課程,課程教學的不足,容易導致學生的設計操作能力、專業(yè)能力不強,學生只能掌握基本的操作,而不能滿足更高的操作水平。

2 藝術院校計算機《網(wǎng)頁設計》課程教學存在的不足

2.1 網(wǎng)頁設計教學缺乏知識的連貫性

對于藝術院校的學生,大多數(shù)都存在于被動的學習知識,而沒有主動的練習操作,而《網(wǎng)頁設計》這門課程是一門實踐性強、操作能力強的學科,所涉及的內(nèi)容知識也比較多,若老師只是單方面的進行教學,只對學生進行示范操作,或?qū)W生只是模仿操作練習,這樣的教學方式不僅不能激發(fā)學生的學習興趣,也不能培養(yǎng)學生的創(chuàng)造性。若教學的課程內(nèi)容較為分散,老師沒有對教學內(nèi)容進行整理、沒有整合知識的連貫性,學生則很難掌握知識要點。

2.2 缺乏編程基礎知識

《網(wǎng)頁設計》這門課程不僅需要圖形圖像處理軟件,也需要網(wǎng)頁設計的后臺編程軟件,如:JavaScript語言、CSS,編程語言是一門復雜的知識,但與CorelDraw、Flash等設計軟件的原理是一樣的。對于動態(tài)網(wǎng)頁的設計,其需要編程基礎來實現(xiàn),學生若不了解動態(tài)網(wǎng)頁的設計、編程基礎,則很難設計出具有美觀、產(chǎn)品個性的網(wǎng)頁界面。網(wǎng)頁的設計理念需要實踐操作能力來實現(xiàn),實踐操作技術也為網(wǎng)頁設計提供了需求,但是,沒有很好掌握動態(tài)網(wǎng)頁設計基礎知識,如新聞網(wǎng)站系統(tǒng),其需要添加多行表格,從而對其添加內(nèi)容,如果沒有充分了解網(wǎng)站設計軟件的基本功能,則很難實現(xiàn)添加多行表格的功能。

3 基于網(wǎng)站數(shù)據(jù)庫功能模塊化的網(wǎng)頁設計要點課程教學

網(wǎng)站數(shù)據(jù)庫的實現(xiàn)主要是通過Access數(shù)據(jù)庫、ASP編程語言來實現(xiàn)的,同時也需要Dreamweaver、Flash、Photoshop、Fireworks等軟件來編排、設計,根據(jù)美觀、人性化的界面設計及色彩搭配的美觀,進行網(wǎng)頁的設計。網(wǎng)站數(shù)據(jù)庫主要實現(xiàn)新聞網(wǎng)站系統(tǒng)、公司產(chǎn)品展示網(wǎng)站系統(tǒng)、會員網(wǎng)站系統(tǒng)、訪客留言系統(tǒng)網(wǎng)站等模塊,通過學習ASP的工作環(huán)境、系統(tǒng)網(wǎng)站的實現(xiàn)動態(tài)流程,學生能很好的了解動態(tài)網(wǎng)頁的設計原理和動態(tài)效果。

3.1 網(wǎng)站數(shù)據(jù)庫功能模塊化的設計流程

網(wǎng)站數(shù)據(jù)庫功能模塊教學,是以網(wǎng)頁界面設計為基礎,進而更深層的網(wǎng)頁設計教學,以Dreamweaver建立動態(tài)網(wǎng)頁界面,通過Access軟件建立數(shù)據(jù)庫的連接,從而實現(xiàn)動態(tài)功能的構建,例如:新聞網(wǎng)站系統(tǒng)的構建,如圖1所示。

3.2 網(wǎng)站數(shù)據(jù)庫的網(wǎng)頁設計在教學中的應用

網(wǎng)站數(shù)據(jù)庫是基于ASP技術和Access數(shù)據(jù)庫建立的,由于ASP技術簡單易學,不需要用COMPILE進行編譯,直接在Windows的記事本上就可以直接編輯,對學生來說,ASP技術的開發(fā)是一個很好的應用,學生無需安裝任何插件,就可以使用任何瀏覽器瀏覽ASP生成的頁面,并且也方便連接。而Access數(shù)據(jù)庫,對于網(wǎng)站的設計,有利于建立數(shù)據(jù)庫的連接,其具有簡單易學、易用、操作簡單、數(shù)據(jù)接口靈活等功能,因此,學生可以通過學習Access數(shù)據(jù)庫,就可以逐步了解網(wǎng)頁設計的基礎知識,也很好的掌握數(shù)據(jù)庫的連接與ASP技術的連貫性。通過學習網(wǎng)站數(shù)據(jù)庫的設計,由于開發(fā)的軟件簡單易學,連貫性較強,不僅可以激發(fā)學生的學習熱情,也能提高學生的實踐操作能力,教師應注重知識的連貫性,積極引導學生進入教學情境中,從而提高網(wǎng)頁設計課程教學質(zhì)量。

3.3 網(wǎng)站數(shù)據(jù)庫實現(xiàn)新聞系統(tǒng)功能

要實現(xiàn)新聞網(wǎng)站系統(tǒng)的功能,需要根據(jù)其功能需求實現(xiàn)網(wǎng)站系統(tǒng)的設計,其一般包括前臺和后臺的管理,因此,在進行網(wǎng)頁設計時,根據(jù)后臺的需求,即后臺實現(xiàn)新聞的、公告,新聞的修改、刪除等。而新聞網(wǎng)站的前臺,是指用戶瀏覽的頁面,即網(wǎng)頁界面,前臺需要實現(xiàn)用戶能正常瀏覽網(wǎng)頁的新聞信息、或資訊標題,因此,學生只需要把這些信息、需求進行規(guī)劃設計,并合理進行排版,從而將新聞信息、業(yè)界動態(tài)的信息集中在一個管理系統(tǒng)的新聞網(wǎng)站應用程序中,以保證新聞系統(tǒng)的完美性和規(guī)范性。

4 網(wǎng)站數(shù)據(jù)庫功能模塊化課程教學意義

網(wǎng)頁設計教學是一門實踐性強、操作能力強、綜合性較強的學科,在教學過程中,應理論知識與實踐相結合,在網(wǎng)頁設計教學中,學生應多練習,多操作,熟悉各種編排、編程軟件,從而達到網(wǎng)頁設計教學的目的。第一,網(wǎng)站數(shù)據(jù)庫功能模塊化教學注重培養(yǎng)學生的實踐操作能力,從而培養(yǎng)學生的職業(yè)能力,因此,教師應積極引導學生靈活運用知識,整理知識的連貫性,安排的教學內(nèi)容應與社會發(fā)展需要結合,以社會需要為導向,科學合理化的整理教學內(nèi)容,利用任務驅(qū)動的教學方式來加強學生對網(wǎng)頁設計的學習,從而加強學生的實踐操作能力。第二,網(wǎng)站數(shù)據(jù)庫教學不僅培養(yǎng)學生的操作能力,也是多學科結合的教學方法,不僅培養(yǎng)學生的鑒賞能力和藝術性,也培養(yǎng)學生的應用能力和思考能力。通過有效結合藝術專業(yè)的審美優(yōu)勢和計算機語言技術優(yōu)勢,學生在進行網(wǎng)頁設計教學中,學生能根據(jù)頁面的藝術性進行設計,同時也會考慮界面的實用性和價值觀,從而設計出具有創(chuàng)新、有價值的網(wǎng)頁設計界面,多學科的教學方式,有利于提高學生的綜合素質(zhì)。第三,網(wǎng)站數(shù)據(jù)庫模塊化的網(wǎng)頁設計教學也是藝術學院學生就業(yè)需求的導向,社會不僅需要專業(yè)人員,也需要綜合能力較強的人才,通過學習網(wǎng)頁設計,注重學生在操作過程中的學習情緒、學習態(tài)度、團隊合作及協(xié)調(diào)溝通能力,從而對學生全面的進行考核。因此,進行網(wǎng)站數(shù)據(jù)庫模塊化的網(wǎng)頁設計,為計算機基礎課程教學增添了生機和活力,不僅鍛煉了學生的操作能力和實踐能力,也拉近了與社會人才需要的距離,達到了計算機基礎課程的教學目標。

篇5

藝術設計專業(yè)的網(wǎng)頁設計課在教學上普遍注重技術而忽略藝術,我們迫切需要在教學模式、內(nèi)容和評價方式上尋求改革,培養(yǎng)學生的藝術審美和感受力,更加注重實踐應用能力,為社會培養(yǎng)一大批高素質(zhì)藝術設計人才。

關鍵詞

藝術設計;網(wǎng)頁設計;課程教學;實踐

一、藝術設計專業(yè)的網(wǎng)頁設計課程的教學現(xiàn)狀

目前,藝術設計專業(yè)在網(wǎng)頁設計課程教學實踐中普遍存在著缺乏專業(yè)優(yōu)勢、偏離學生就業(yè)需求等問題,這種教學與計算機專業(yè)的網(wǎng)頁設計課大同小異,誤導學生以為這門課程就是一個技術課,掌握了操作技術就可以獨立完成網(wǎng)頁設計和制作,極大地忽視了其藝術性。因此,我們需要對教學模式、教學內(nèi)容和考核內(nèi)容等進行改革,以真正發(fā)揮藝術設計專業(yè)在培養(yǎng)人才的優(yōu)勢。

二、教學改革的目的

通過教學改革,力圖解決以下兩個問題:一是學生設計網(wǎng)頁缺乏美感,版式、色彩等語言和設計理念滯后;二是單獨靠一個軟件就來完成網(wǎng)頁設計與制作。通過以上兩個問題的解決,充分考慮藝術專業(yè)的特性和學生就業(yè)的社會市場需求,綜合運用多軟件培養(yǎng)學生的美工設計能力、動畫設計能力、版式設計能力、界面設計能力,全面提高學生的想象能力、感受能力、創(chuàng)新能力和審美能力,為社會培養(yǎng)一大批高素質(zhì)藝術設計人才。

三、教學改革的創(chuàng)新點

1.尋找藝術與技術的平衡點。避免學生成為技術的奴隸,教學方案中增加藝術素養(yǎng)訓練,充分體現(xiàn)專業(yè)特色,致力于培養(yǎng)學生的藝術設計和藝術審美和創(chuàng)新能力,通過研究性學習和網(wǎng)頁設計的具體實踐使學生有效地掌握網(wǎng)頁藝術設計的精髓,為將來步入社會更好地滿足市場需求從事網(wǎng)頁設計、美工、界面設計等工作做好準備。

2.基于多媒體網(wǎng)絡教學,合理構建教學內(nèi)容。構建既具有實用性又具有藝術性的教學內(nèi)容,實現(xiàn)軟件課與藝術設計課的整合,在學會軟件應用的基礎上,將其恰到好處地運用于藝術設計;實現(xiàn)理論課和實踐課的整合,利用示范教學提高學生將理論應用于實踐的能力,提升教學效果。

3.深化教學內(nèi)容,開拓教學視野。適用互聯(lián)網(wǎng)技術的發(fā)展,不斷加快教學內(nèi)容的更新,做好教學信息的收集工作,實現(xiàn)教學內(nèi)容的深化,保證教授給學生最前沿的知識。教學中運用多媒體充分調(diào)動起學生的視覺和聽覺,激發(fā)學生的學習積極性。

四、主要改革與實踐的方面

1.改革教學模式。第一,采用項目教學。為了鍛煉學生的實踐能力,保證學生現(xiàn)場制作、解難和評析的參與度,實現(xiàn)課程理論和網(wǎng)頁設計的有機融合,可以在教學中加大實用項目的引進,讓學生參與到整個項目制作過程,包括初期的初稿設計、中期的客戶反饋到最后的定稿。第二,采用跨學科教學。實現(xiàn)多學科整合的互動教學,將計算機專業(yè)和藝術設計專業(yè)的網(wǎng)頁課程結合起來,讓學生可以綜合考慮到設計與程序的結合,依托于程序的可實現(xiàn)性設計出具有創(chuàng)意的網(wǎng)頁方案。

2.改革教學內(nèi)容。第一,增加手繪創(chuàng)意草圖教學環(huán)節(jié)。注重創(chuàng)意期的思維訓練,通過這一教學內(nèi)容幫助學生明確設計意圖,培養(yǎng)學生的快速創(chuàng)作意識和能力。第二,增加版式設計構圖教學環(huán)節(jié)。引導學生充分應用版式設計原理進行網(wǎng)頁的整體布局,在有限的空間融合進了最多的視聽多媒體元素,基本信息、導航、和正文結構安排合理美觀,凸顯設計者的理性思維、藝術個性和個人風格。第三,增加色彩運用訓練環(huán)節(jié)。色彩的運用決定了網(wǎng)頁的整體色調(diào),訓練學生在不同網(wǎng)站功能和風格下對色彩的準確把握。第四,增加創(chuàng)意字體教學環(huán)節(jié)。引導學生正確地運用字體設計方法,根據(jù)不同網(wǎng)頁布局選擇大小、顏色、色彩合適的字體,運用設計軟件實現(xiàn)多樣化字效和創(chuàng)意字體的設計。第五,增加網(wǎng)頁交互功能教學,引導學生充分運用按鈕和其他輔助設計以及頁面之間的鏈接,從而實現(xiàn)網(wǎng)頁的交互功能。第六,增加多軟件綜合運用教學,引導學生在網(wǎng)頁設計中綜合運用不同的軟件,靈活掌握不同軟件主要功能的基礎上通過綜合運用以實現(xiàn)豐富的效果。

3.改革考核內(nèi)容。第一,根據(jù)當堂內(nèi)容布置對應的課堂練習和上機操作,及時發(fā)現(xiàn)學生學習中的盲點,教師適時調(diào)整課堂進度,此部分成績占40%。第二,根據(jù)課程的教學目標布置綜合作業(yè),結合實際讓學生自主選擇設計一個政府網(wǎng)站、企事業(yè)網(wǎng)站、娛樂網(wǎng)站或者個人網(wǎng)站,對學生網(wǎng)站設計的總體布局和色彩、版式、功能等進行綜合評價,此部分成績占60%。

五、藝術設計專業(yè)的網(wǎng)頁設計課程教學的趨勢

第一,總結和探索藝術設計專業(yè)的內(nèi)在規(guī)律,建立網(wǎng)頁設計的跨學科教學模式。講授理論知識的同時要培養(yǎng)學生調(diào)動多學科知識的能力,培養(yǎng)學生的創(chuàng)造力和想象力,提高學生的實踐應用能力。第二,注重網(wǎng)頁設計的主體風格,培養(yǎng)學生的企業(yè)品牌意識,企業(yè)品牌的形象設計依靠網(wǎng)頁的展現(xiàn)和塑造,好的企業(yè)網(wǎng)頁可以讓企業(yè)品牌形象深入人心,教學中必將更加重視對學生品牌整體風格的把握和品牌意識的培養(yǎng)。

六、結語

目前,藝術設計專業(yè)的網(wǎng)頁設計課程存在著偏重技術而忽略藝術素養(yǎng)訓練的問題,教學改革就是要培養(yǎng)學生的藝術審美和藝術素養(yǎng),力求尋找到藝術與技術的平衡點,基于多媒體網(wǎng)絡教學,合理構建教學內(nèi)容,開拓教學視野。教學模式上采用項目教學和跨學科互動教學,內(nèi)容上增加創(chuàng)意草圖、版式設計、色彩設計、字體運用、交互功能和多軟件組合使用等教學環(huán)節(jié),評價上更加注重實踐動手能力,其發(fā)展趨勢是追求技術和藝術的完美結合,培養(yǎng)學生的企業(yè)品牌意識。

作者:許特 郝爽 單位:長春市第一中等專業(yè)學校 吉林司法警官職業(yè)學院

參考文獻:

[1]劉妤.藝術設計專業(yè)的網(wǎng)頁設計課程教學改革與實踐[J].包裝世界,2011,(04):72-73.

[2]周小麗.“網(wǎng)頁設計與制作”課程教學改革實踐探究[J].教育與職業(yè),2013,(08):127-128.

篇6

摘要:本文以Web標準為基本思想,闡述了針對電子商務網(wǎng)站網(wǎng)頁設計的思想和策略,探究了一套緊隨時代需求的網(wǎng)站設計流程。

關鍵詞 :Web標準;電子商務網(wǎng)站;網(wǎng)頁設計

引言

隨著計算機網(wǎng)絡技術的迅速發(fā)展,網(wǎng)站的網(wǎng)頁設計布局也顯得越來越復雜,在專業(yè)技術上的要求也越來越綜合。同時,電子商務在這樣的潮流下飛速發(fā)展,但電子商務網(wǎng)頁設計卻成了阻礙電子商務發(fā)展的一個重要因素,在這樣的形勢下,電子商務網(wǎng)頁設計與制作就需要有專業(yè)的技術來實現(xiàn),僅僅依靠傳統(tǒng)的網(wǎng)頁設計技術已不能滿足時代的需求。目前,基于Web標準的網(wǎng)頁設計思路已成為網(wǎng)站開發(fā)的主流,以Web標準為基本思想探究出一套有效的、緊跟時代步伐的設計流程,同時針對電子商務領域研究有效的網(wǎng)頁設計策略。

1、關于Web標準的主要技術

1.1 什么是Web標準

Web標準不僅僅是一個標準,而是一系列標準的組合。一般的網(wǎng)頁都由三個部分組成,即結構、行為和表現(xiàn),而這三個部分中結構對應的標準為XML和XHTML,行為對應的標準為對象模型等,表現(xiàn)對應的標準為CSS。

① 結構

其中的主要技術包括可擴展超文本標記語言(XHTML)和可擴展標記語言(XML),主要應用在對網(wǎng)頁數(shù)據(jù)的分類以及整合方面。在這兩個標準中,XML是一種源語言,它能夠讓用戶對自己的語言進行標記定義,其具有的數(shù)據(jù)轉(zhuǎn)換能夠相對來說比較強大,而XHTML在性能上結合了超文本置標語言(HTML)的簡單特性,同時,它還使用了XML的強大的功能系統(tǒng),在語法上相對來說也比較嚴格。

② 行為

其中的主要技術包括ECMAScript和對象模型(DOM),主要應用在交互操作網(wǎng)頁文檔方面。ECMAScript能夠有效的實現(xiàn)界面上操作對象的交互操作,而DOM能夠定義、修改以及表示文檔所需的對象、所需的對象的屬性和行為,同時還能處理這些所需的對象之間的關系。

③ 表現(xiàn)

其中的主要技術是CSS,即層疊樣式表,主要應用在對瀏覽器的顯示控制方面。CSS控制的表現(xiàn)與XHTML決定的結構相分離,主要用來設計網(wǎng)頁的風格。

1.2 Web標準下的網(wǎng)頁設計流程

Web標準下的網(wǎng)頁設計流程主要包括語義結構定義、網(wǎng)頁內(nèi)容添加、CSS美化網(wǎng)頁以及添加動態(tài)元素四個部分。

語義結構定義:進行這個部分時,需要我們能夠根據(jù)網(wǎng)頁上的設計圖,對我們所需要的DIV層塊進行進一步分析,同時也要分析各個層塊之間的相互關系,為達到一個好的訪問速度,DIV層塊應該小于等于三層。

網(wǎng)頁內(nèi)容添加:在第一步中定義好語義結構后,然后根據(jù)網(wǎng)頁設計圖添加內(nèi)容,并且在每一個層塊添加合適的網(wǎng)頁內(nèi)容,其中包括添加文字、圖像、表單、列表等。

CSS美化網(wǎng)頁:在進行網(wǎng)頁設計時,需要使用CSS對網(wǎng)頁的整個頁面進行布局,其中包括在頁面中加入邊框和背景等;同時,還需要使用CSS的相關設置,其中包括字體和大小等。

添加動態(tài)元素:在網(wǎng)頁中添加動態(tài)元素時,需要根據(jù)網(wǎng)頁設計圖對各個方面的要求,利用JavaScript技術完成網(wǎng)頁中動態(tài)元素的添加,包括添加導航菜單、焦點圖及其它動態(tài)元素等。

2、電子商務網(wǎng)站網(wǎng)頁設計所需要的技術

隨著互聯(lián)網(wǎng)科學技術的飛速發(fā)展,越來越多的企業(yè)應用互聯(lián)網(wǎng)技術推動了企業(yè)的發(fā)展,人們的生活方式也受到互聯(lián)網(wǎng)的影響。在這樣的背景下,電子商務也逐漸發(fā)展壯大,而電子商務網(wǎng)站網(wǎng)頁設計就成了相對重要的一部分,網(wǎng)頁設計是以網(wǎng)絡為載體,把一些對人們有用的信息方便快速的傳達給他們。在進行電子商務網(wǎng)站網(wǎng)頁設計時,整個過程都要用到大量的電子商務設計軟件,而設計的過程又需要計算機技術作為基礎。

在研究基于Web標準的電子商務網(wǎng)站網(wǎng)頁設計時,在設計過程中需要有縝密的思想來進行設計的每一個流程,然后開發(fā)網(wǎng)上商店系統(tǒng),以達到對網(wǎng)店實行有效的管理以及擴展網(wǎng)店的業(yè)務。在Web的標準下,網(wǎng)頁設計者能夠有效的將網(wǎng)頁結構劃分清楚,這樣就能夠提升電子商務網(wǎng)站網(wǎng)頁開發(fā)的效率,同時還能夠盡可能的降低網(wǎng)頁設計成本。

3、電子商務網(wǎng)站網(wǎng)頁設計過程

在設計電子商務網(wǎng)站網(wǎng)頁時,可以按照下面的流程進行:內(nèi)容分析、結構設計、方案設計以及表現(xiàn)設計。

第一,內(nèi)容分析:即通過了解需要展示在網(wǎng)頁上的具體內(nèi)容,清楚各內(nèi)容所具有的邏輯關系,最后分清楚各個內(nèi)容的重要程度從而合理安排位置。第二,結構設計:即根據(jù)內(nèi)容分析得出的相關結論,找到合理有效的網(wǎng)頁布局,從而設計出好的XHTML結構。第三,方案設計:使用好的美工設計軟件,設計出一個能給人視覺帶來享受的網(wǎng)站頁面設計圖。第四,表現(xiàn)設計:表現(xiàn)設計又可分視覺設計和布局設計,視覺設計即是使用CSS美化網(wǎng)頁的方式,同時配合美工設計元素,將設計方法轉(zhuǎn)化為網(wǎng)頁的方式。布局設計即是通過使用CSS和XHTML對網(wǎng)站頁面進行布局設計。

3.1 內(nèi)容分析

一個電子商務網(wǎng)站能否起到吸引客戶的效果,取決于這個電子商務網(wǎng)站網(wǎng)頁的布局是否清晰明了,能否給人一種視覺上的享受。網(wǎng)頁設計就是一種視覺語言,對布局和色彩的搭配要求很高,要求網(wǎng)站的主頁也能給人一種美的享受,其它網(wǎng)站頁面的布局也應該與主頁相協(xié)調(diào)。電子商務網(wǎng)站中網(wǎng)頁布局形式多種多樣,有“廠”字型、“國”字型、“封面”型以及經(jīng)濟“框架”型等。

3.2 結構設計

為電子商務網(wǎng)站開發(fā)網(wǎng)頁時,網(wǎng)頁中展示的有突出核心的業(yè)務區(qū),也有展現(xiàn)其它功能的區(qū)域,整個網(wǎng)頁開發(fā)完成后,用戶可以在后臺進行可視化的操作,同時,用戶還可以創(chuàng)建屬于自己的個性化的網(wǎng)頁。在設計電子商務網(wǎng)站網(wǎng)頁時,框架是整個網(wǎng)頁的核心部分,它決定了整個網(wǎng)頁的整體布局效果,框架一般都是HTML格式的文件,它能夠?qū)㈨撁鎰澐謪^(qū)域。

在制作電子商務網(wǎng)站時,首先要在硬盤上新建一個文件夾,并把這個文件夾作為網(wǎng)站的根目錄,最后將這個目錄上傳到服務器上就行了。一個網(wǎng)站就對應一個磁盤上的文件夾,設計網(wǎng)站所需要的全部資源以及所有網(wǎng)頁都放在這個文件夾里面。

3.3 表現(xiàn)設計

在設計好網(wǎng)頁和它的結構后,可以使用CSS為網(wǎng)頁文檔添加樣式。首先要將已經(jīng)設計好的方案中的網(wǎng)頁圖片分離出來,然后使用CSS為其添加合適的樣式,在進行這個操作的整個過程中,涉及到CSS的布局以及背景圖片應用,在使用CSS時,可在網(wǎng)站的前臺觀察到網(wǎng)頁的板塊區(qū)域,板塊區(qū)域的個數(shù)會根據(jù)有設計的電子商務網(wǎng)站的類型不同而有所變化,這個過程是由CSS規(guī)則確定的,并且整個框架結構是由HTML文件確定的。這樣設計的網(wǎng)站,可以在其后臺進行可視化設計,向所需要的區(qū)域添加好的插件等,這樣網(wǎng)頁表現(xiàn)出來的畫面效果更好。

4、結語

隨著時代的發(fā)展,人們不再滿足于單調(diào)的生活模式,在這樣的背景下,互聯(lián)網(wǎng)技術慢慢融入到人們的生產(chǎn)與生活中去,這就使得方便人們生活的電子商務逐漸發(fā)展起來。目前,大多數(shù)人的生活開始與電子商務緊密聯(lián)系在一起,而電子商務的網(wǎng)頁設計的好壞直接關系到整個電子商務模式的運行。因此,研究基于Web標準下的網(wǎng)頁設計技術成為了電子商務門戶的重點,這樣才能有效的提升電子商務網(wǎng)站的性能以及開發(fā)效率。

參考文獻:

[1] 朱淑琴,魏威,張嘉萌. 基于Web標準的電子商務網(wǎng)站網(wǎng)頁設計與制作[J]. 計算機與現(xiàn)代化. 2012(15),30-32.

[2] 王猛. 基于用戶情感需求的電子商務網(wǎng)站首頁界面設計研究[D].東北大學. 2012,18-23.

篇7

在課堂教學中,先通過回顧在Word軟件中是如何進行樣式的編輯,再在網(wǎng)頁設計軟件Dreamweaver中演示如何進行網(wǎng)頁設計中CSS樣式的編輯,可以促使學生們把之前的經(jīng)驗引入到CSS的學習中,進而促進對CSS的理解和使用。如在Word軟件中,樣式的編輯是從字體、段落、制表位、邊框等幾個方面進行的,如圖3所示。其中,字體格式的設置包括字體、字號、加粗、顏色、下劃線等常用設置;段落格式的設置包括首行縮進、段前、段后、行距等常用設置。在Dreamweaver中,雖然在樣式的分類方面有所不同,如類型、背景、區(qū)塊、方框等,如圖4所示。但其本質(zhì)上和Word軟件是一樣的,都可以設置關于字體,段落,邊框等方面的格式。如在CSS中,字體格式的字體、字號、加粗、顏色、下劃線分別對應的CSS屬性是:font-family、font-size、color、text-decoration,段落格式的首行縮進、段前、段后、行距分別對應的CSS屬性是:text-indent、margin-top、margin-bottom、line-height。

基于學習遷移理論設計模板和庫項目的教學

在Dreamweaver軟件中,模板是一種特殊的文檔,用于設計“固定的”頁面布局。它用來產(chǎn)生帶有固定特征和共同格式的文檔基礎,是用戶進行批量生產(chǎn)文檔的起點。可以將文檔中的任意內(nèi)容存儲為庫項目,從而達到重復使用的效果[6]。在Dreamweaver軟件中通過模板建立新文件如圖5所示。在Dreamweaver軟件的模板中需要通過“可編輯區(qū)域”把變化的部分標識出來,相應的不需要變化的部分被稱為“鎖定區(qū)域”。哪些部分應該被定義為“可編輯區(qū)域”,哪些部分應該是“鎖定區(qū)域”,以及使用模板究竟帶來什么好處,對于部分同學來說理解和難以掌握。課堂教學中,在學習遷移理論的指導下,先回顧了Word軟件中模板的概念,基于Word軟件中的模板,可以創(chuàng)建一系列風格類似的Word文檔。然后對Word軟件中使用模板的步驟和Dreamweaver軟件中使用模板的步驟進行了類比和比較。在Word軟件中,編輯模板以及使用模板的步驟可以被概括為:1)創(chuàng)建模板文件;2)在模板文件中,在需要變化的地方插入“域”或者“控件”,不需要變化的地方直接輸入文字、插入圖像等元素;3)基于模板文件創(chuàng)建新的Word文檔。在Dreamweaver軟件中,編輯模板以及使用模板的步驟可以被地概括為:1)創(chuàng)建模板文件;2)在模板文件中,在需要變化的地方插入“可編輯區(qū)域”,不需要變化的地方直接輸入文字、插入圖像等元素。3)基于模板文件創(chuàng)建新的HTML文檔??梢钥闯?,雖然面向的是不同的軟件和文檔,在模板的使用方面是基本類似的。所不同的是在Dreamweaver軟件中,用“可編輯區(qū)域”的概念替換了Word中的“域”或者“控件”。在Word軟件中,可以通過“把所選內(nèi)容保存到文檔部件庫”的功能把一些文檔中反復使用的內(nèi)容定義為“構建基塊”,從而利于對這些內(nèi)容的重用。在Dreamweaver軟件中,庫項目用來完成同樣的功能。它們的使用方式可以被共同地概括為:1)把文檔中需要重用的部分選中并定義為庫項目(構建基塊),選中的內(nèi)容可以是文字、圖像等任意內(nèi)容。2)在需要重用內(nèi)容的地方,插入庫項目(構建基塊)。通過與Word軟件的類比,Dreamweaver中模板和庫項目的學習完全被納入到了學生已有的知識體系中,從而降低了學習的難度。

基于學習遷移理論設計JavaScript的教學

在W3C組織制定的關于網(wǎng)頁的規(guī)范中,HTML用來實現(xiàn)網(wǎng)頁的結構和內(nèi)容,CSS用來實現(xiàn)網(wǎng)頁的樣式,JavaScript[7][8]腳本語言用來實現(xiàn)網(wǎng)頁的行為。在目前的網(wǎng)站中,多級菜單、多標簽欄文本、自動輪轉(zhuǎn)圖像、輸入框的自動完成等效果都離不開JavaScript的編寫。與HTML這種描述性的語言相比,JavaScript是一種解釋型的腳本語言,有較為嚴格的語法和語義,對于學習網(wǎng)頁設計與制作這門課程的非計算機專業(yè)的學生來說,掌握起來尤其困難。

在學期遷移理論的指導下,可以發(fā)現(xiàn)在學生們已經(jīng)學過的Excel軟件中的許多概念可以在JavaScript中找到對應的參照對象。如在Excel軟件中,基本的數(shù)據(jù)類型有數(shù)值、文本、公式,除此之外還有特殊的數(shù)據(jù)類型,如邏輯值。數(shù)值數(shù)據(jù)中又包含數(shù)字、日期、時間、百分比等數(shù)據(jù)類型。在JavaScript中,也包括數(shù)值、字符串型、布爾型、日期等數(shù)據(jù)類型。有了Excel做基礎,在課程中講述這一部分內(nèi)容時就可以較為輕松的使同學們發(fā)現(xiàn)JavaScript與Excel軟件數(shù)據(jù)運算之間的相似性。圖7、8中顯示了通過分別在Excel軟件和JavaScript實現(xiàn)加法運算的例子。在Excel軟件中進行運算時,可以通過類似A2、B2這樣的單元格引用來獲得某一單元格中的值并進行運算;而在JavaScript中。對于函數(shù)這一任何編程語言中都少不了的概念,同學們在Excel中就已經(jīng)認識了sum、average等函數(shù),也認識了通過if這一用來進行邏輯判斷的函數(shù)判斷某一單元格中的數(shù)據(jù)是否符合某個條件。在網(wǎng)頁設計與制作的課程中,同樣是利用if函數(shù),但是使用的場景變換到了用來驗證網(wǎng)頁中用戶輸入的數(shù)據(jù)是否滿足一定的條件,如用戶名的合法格式和密碼長度的問題。

結論

篇8

姓 名: 國籍: 中國 目前所在地: 廣州 民族: 漢族 戶口所在地: 梅州 身材: 158 cm 50 kg 婚姻狀況: 未婚 年齡: 23 歲 培訓認證: 誠信徽章: 求職意向及工作經(jīng)歷 人才類型: 應屆畢業(yè)生 應聘職位: 軟件測試工程師:軟件測試、網(wǎng)頁設計師/美工:網(wǎng)站開發(fā)、 工作年限: 0 職稱: 無職稱 求職類型: 全職 可到職日期: 隨時 月薪要求: 2000--3500 希望工作地區(qū): 廣州 個人工作經(jīng)歷: 公司名稱: 廣州中軟信息技術有限公司起止年月:2009-02 ~ 2009-05 公司性質(zhì): 國有企業(yè)所屬行業(yè):計算機業(yè) 擔任職務: 軟件測試員 工作描述: 負責運維測試,產(chǎn)品安裝,和集成測試

根據(jù)測試用例,對相關產(chǎn)品進行自動化測試和人工測試

為客戶安裝相關軟件,搭建環(huán)境,解決一些常見的問題 離職原因: 實習期滿 公司名稱: 廣州宜配信息科技有限公司起止年月:2008-07 ~ 2008-08 公司性質(zhì): 私營企業(yè)所屬行業(yè):計算機業(yè) 擔任職務: 網(wǎng)站前臺美工 工作描述: 利用photoshop、illustrator和fireworks設計相關網(wǎng)頁,在Dreamweaver中生成可編輯的網(wǎng)友,利用CSS+DIV進行網(wǎng)頁優(yōu)化,利用php語言進行前臺與后臺的連接。 離職原因: 實習期滿 公司名稱: 公司性質(zhì): 其它所屬行業(yè):電子商務 擔任職務: 前臺開發(fā)設計 工作描述: 負責佛山茶城網(wǎng)的前臺開發(fā)設計,負責佛山茶城網(wǎng)的網(wǎng)絡推廣和茶葉貿(mào)易相關事宜 離職原因: 公司倒閉 公司名稱: 深圳市天藝設計印務有限公司起止年月:2007-07 ~ 2007-08 公司性質(zhì): 私營企業(yè)所屬行業(yè):計算機業(yè) 擔任職務: 排版美工 工作描述: 助理平面設計,教科書圖文排版,深圳市出國展覽計劃助理設計,產(chǎn)品廣告設計 離職原因: 實習期滿 教育背景 畢業(yè)院校: 華南師范大學 最高學歷: 本科獲得學位: 工學學士 畢業(yè)日期: 2009-07-01 所學專業(yè)一: 軟件工程 所學專業(yè)二: 受教育培訓經(jīng)歷: 起始年月 終止年月 學校(機構) 專 業(yè) 獲得證書 證書編號 2005-09 2009-07 華南師范大學 軟件工程 畢業(yè)證,學位證 語言能力 外語: 英語 良好 國語水平: 精通 粵語水平: 一般 工作能力及其他專長 本人熟悉軟件測試流程和BUG跟蹤流程,熟悉軟件測試理論和方法,掌握軟件測試技術(黑盒,白盒),熟悉軟件測試管理工具,熟練使用loadrunning等自動化測試工具;熟練使用case工具;熟悉C++,java語言;網(wǎng)頁設計有了解。對Mysql,sql等數(shù)據(jù)庫軟件都有涉獵。

本人熟悉平面設計軟件,如photoshop、illustrator等,其中眾多平面作品受到了大家的好評;熟悉網(wǎng)站設計軟件,如Dreamweaver,fireworks等,大學期間就已兼任網(wǎng)站前臺設計師一職;熟悉網(wǎng)站開發(fā)流程,其中個人獨自完成的有用JSP語言制作的課程設計網(wǎng)站“網(wǎng)上花店”,畢業(yè)設計“軟件測試教學資源網(wǎng)”。對網(wǎng)站的開發(fā)和設計流程非常熟悉。 詳細個人自傳 2、2007年7月至8月 深圳市天藝城設計印務有限公司 排版美工,負責書本排版及廣告設計;

跟公司里的同事設計了“深圳市國際出國展覽計劃”等; 社會活動:1、2006年10月,領隊到大學城參加學生“挑戰(zhàn)杯”競賽 決賽的評獎活動

2、2006年6月,參加英語俱樂部舉辦的“模擬交易會”,并或者團隊優(yōu)秀獎

篇9

您好!

非常感謝您能在百忙之中抽出時間閱讀本人的求職自薦信。我是廣東省韶關學院教育技術系04級的學生,將在20*年7月畢業(yè)。在即將踏上征程之際,在此呈上自己的求職信息,特毛遂自薦,愿意接受貴公司的考核與挑選。

我通過各種渠道大致了解了貴公司的情況,知道貴公司是個很有發(fā)展前途的具有現(xiàn)代潮流的公司,具有很大的活力,而我也非常希望能加入這樣的企業(yè),盡自己最大努力為公司的發(fā)展奉獻自己的微薄之力。同時能對自己的發(fā)展起到積極的作用,希望能在貴公司的幫助下、在貴公司大發(fā)展的環(huán)境下促進自己的發(fā)展。

十幾年的寒窗苦讀,鑄就了我的學識與自信。大學階段的學習與成長更加磨練了我的意志,提高了我的修養(yǎng)!“一分耕耘、一分收獲”!我會盡自己最大的努力,辛勤勞作,實現(xiàn)自己的人生價值。大學三年是我不斷進取、逐步完善、充實自己、開拓奮斗的三年。這一切都是為明天的發(fā)展而準備。大學三年里,熟悉了辦公軟件、平面設計軟件、網(wǎng)頁設計軟件、多媒體課件設計軟件、一些常用軟件;除了熟練地掌握軟件知識之外,對硬件也有一定的了解,經(jīng)常幫同學維修電腦,對電腦維修有一定的經(jīng)驗;學了攝影和常用的影視編輯軟件,對攝像機有一定的了解,能用Premiere對影視進行簡單的編輯;這一切使我具備了從事計算機應用、計算機辦公、平面設計、網(wǎng)頁設計、計算機維護與維修的工作能力。

本人曾是系團總支學生會資料部的副部,有一定的工作能力和組織能力,有團隊合作精神;對工作認真負任,在教育實習中獲得“優(yōu)秀實習生”稱號。

自薦書不是廣告詞,不是通行證。但我知道:一個青年人,可以通過不斷的學習來完善自己,可以在實踐中證明自己。尊敬的先生/小姐,如果我能喜獲您的賞識,我一定會盡職盡責地用實際行動向您證明:您的過去,我來不及參與;但您的未來,我愿奉獻我畢生的心血和汗水!

良禽擇木而棲,士為知己者死,面臨物盡其用,人盡其才的今天,我希望到重視人才,注重實干的公司,同時也希望以我所學,盡我所能,為貴單位的繁榮與發(fā)展貢獻自己一份微薄之力。若能給我一個面談的機會,我將倍感榮幸。恭候佳音。

謹祝

貴單位事業(yè)蒸蒸日上!

篇10

關鍵詞:項目驅(qū)動;網(wǎng)頁設計;教學改革

中圖分類號:G642文獻標識碼:A文章編號:1009-3044(2011)17-4132-02

Design and Application of Project Driving Teaching Methodology in the Course of Homepage Design and Manufacture in Higher Vocational College

LI Lei

(Henan Agricultural Vocational College, Zhengzhou 451450, China)

Abstract: Homepage Design And Manufacture Course is one of the practical courses in the major of computer in higher vocational college. For Web designer has broad employment prospects, the students learn this course with high interests. But the traditional teaching mode have many limitations. The project driving teaching methodology in the course of Homepage Design And Manufacture mentioned in this article can greatly overcome the shortcomings and improve the teaching quality.

Key words: project driving; homepage design; reform of curriculum

項目驅(qū)動教學法是目前高職院校中較為流行的教學方法之一,是一種借助于具體項目的實施來達到一定教學效果,完成特定教學任務的教學方法。此教學方法尤其適用于高職院校中實踐性較強的課程教學?!毒W(wǎng)頁設計與制作》課程基本理論較少,實踐性非常強,課程以其生動,活潑,實用性強等特點,受到廣大學生的歡迎。在本課程教學中采用項目驅(qū)動教學法,將學生置身于具體的實驗項目中,能較好的培養(yǎng)學生的觀察能力、動手能力和配合協(xié)作能力,形成自己對網(wǎng)頁設計的獨到見解,能為學生以后走向工作崗位提供難得的項目開發(fā)經(jīng)驗,提高的就業(yè)競爭力。

1 傳統(tǒng)教學方法的局限性

《網(wǎng)頁設計與制作》課程的主要特點是:理論知識少,實踐性強。教師在授課過程中,絕大部分時間都用在教授學生怎樣使用設計軟件,指導學生完成具體的制作、設計等任務??梢哉f本課程的最終教學任務是:要求學生能夠熟練使用網(wǎng)頁設計軟件,能獨立或協(xié)作設計制作完整的網(wǎng)站。

高職院校中傳統(tǒng)的《網(wǎng)頁設計與制作》教學模式一般采用理論和實踐并重,即教師在教學過程中采用1~2個學時講解理論知識和設計方法,用對等的學時指導學生上機實踐的教學模式。教師在理論課教學中多采用:① 讓學生瀏覽、觀察若干目標網(wǎng)頁設計實例;② 按步驟向?qū)W生講解,分步完成作品的設計;③ 總結操作步驟,回顧重點、難點。也就是“提出問題――解決問題――總結分析問題”的3步走方法,其實質(zhì)還是傳統(tǒng)的“填鴨式教學”,教學內(nèi)容枯燥,方法單一。學生普遍反映:學習被動,教師講解的時間太長,在聽課過程中思想難以長時間高度集中,真正能記住的只是單一的例題。在上機實踐時,往往只能做出簡單、孤立的小模塊,不能看到整體的網(wǎng)頁設計效果,無法獨立制作完整的網(wǎng)站作品。可見,在本課程中采用傳統(tǒng)的3步走的教學方法局限性很大。

2 項目驅(qū)動教學法的思想、特點

2.1 項目驅(qū)動教學法的教學思想

項目驅(qū)動法的教學思想是:通過將社會上真實的工程項目案例引入到課程教學當中,激發(fā)學生的好奇心和參與的熱情,鼓勵學生主動的發(fā)現(xiàn)問題,思考問題,探索尋找解決問題的最佳途徑和方法。使學生通過完成項目設計對課程整體知識結構有更深層次的理解,促使學生化被動為主動,增強學習積極性,從而提高對所學知識的認知水平,提高動手操作的能力,形成具有學科遷移價值的問題求解策略和團隊合作精神。

2.2 項目驅(qū)動教學法的特點

項目驅(qū)動教學法的主要特點是:以項目為紅線,以學生為主導,以教師為依托。① 以項目為紅線,要求所選的項目是真實的或近似真實的工程項目,選擇的項目要涵蓋課程的主要內(nèi)容,可操作性強。②以學生為主導,要求學生通過獨立或是協(xié)同配合完成一個具有明確目的的項目案例,在項目實施過程中掌握相應的知識技能,充分調(diào)動主觀能動性,挖掘?qū)W習潛力。③以教師為依托,要求教師根據(jù)自己的工作經(jīng)驗和知識水平,設計和選取適合學生,緊貼社會需求的工程項目,引導學生置身于盡可能真實的項目情景之中,配合學生應用所學知識完成項目的設計,并在項目設計過程中給予必要的幫助。

3 項目驅(qū)動教學法的整體設計

3.1 項目的設計要求

為最大限度的讓學生涉足各種各樣的實際工程項目,教師必須準備豐富的項目儲備和標準化項目案例,設置商業(yè)設計公司中需要的所有技術崗位,同時,還要求緊貼學生所學知識和操作技能并適當有所提高。這樣既能使學生快速上手,迅速的進入特定的項目開發(fā)組,又能鍛煉學生的主動學習能力,讓學生體驗到在團隊協(xié)作過程中攻克難關的快樂,使學生在近似真實的商業(yè)項目開發(fā)環(huán)境中進行項目開發(fā),完成由學生向職業(yè)人的轉(zhuǎn)變。

3.2 項目小組的劃分

項目小組的劃分是關系到整個項目完成效果和能否充分調(diào)動每個學生的參與積極性,使其快樂、主動的參與到項目中的重要前提條件之一。由于,學生對本課程的學習有好有壞,對網(wǎng)頁設計中各個模塊設計的掌握程度各有不同。比如,有的學生對網(wǎng)站框架設計、flash、網(wǎng)站美工等靜態(tài)網(wǎng)頁設計技能掌握的較好,有的則對JavaScript、VBScript、PHP等動態(tài)網(wǎng)頁設計技能掌握較好。因此,項目小組的劃分方式為學生自愿結合,每小組的人數(shù)根據(jù)項目大小和復雜程度的不同有所變化,以4-6人為宜。這樣既能保證項目的順利完成,又能保證每位成員都參與其中,發(fā)揮各自的特長。

3.3 項目的具體設計

項目的具體設計是項目驅(qū)動教學法的關鍵,項目設計的好壞關系到能否最大限度的調(diào)動學生的參與積極性和項目的最終完成效果。因此,既要求項目設計包含網(wǎng)頁設計課程中主要的知識點,功能模塊和常用的設計方法,又要求項目的設計能吸引學生廣泛參與,難易適中,具有普遍代表性。筆者根據(jù)多年的《網(wǎng)頁設計與制作》課程教學經(jīng)驗,選擇了當前熱門的“網(wǎng)上書店”項目作為項目具體的案例。(見表1)

3.4 課程學時的設置和考核方式

3.4.1 課程學時的設置

結合課程的特點和具體的實施項目,筆者打破傳統(tǒng)的教師講授和學生上機并重的教學模式,采用了教師講授占20%,學生上機操作占80%的課時設置方法。使學生在掌握基本理論的前提下,盡可能減少授課學時。這樣的學時設置,既能讓學生有大量的時間進行具體的項目設計,又能保證教師在學生進行項目設計時和學生交流、溝通,給予必要的指導和幫助。

3.4.2 課程的考核方式

筆者根據(jù)本課程的特點和項目實施的具體要求,制定的考核方案為:總分100分,其中,理論20分,上機操作(項目設計)70分,考勤10分。在具體的考核中,采用項目展示和小組答辯的方式,答辯小組推選代表進行項目展示和答辯,其他小組的成員作為評委,對答辯小組進行測評和打分,學生評委所打的分數(shù)占上機操作分70分的40%;教師對小組進行能力行為評定,通過觀察小組成員的平時的表現(xiàn),分析、評價其在小組中負責的項目模塊和所具備的工作能力,給予恰當?shù)姆謹?shù),教師所打的分數(shù)占上機操作分70分的60%。每位學生的最終考核分數(shù)為:理論分值+學生評委分數(shù)×40%+教師分數(shù)×60%+考勤分數(shù)。通過上述考核方式,培養(yǎng)了學生團隊合作意識,使每個項目小組都成為具有高度凝聚力及協(xié)作精神的項目團隊,并形成以項目考核為核心導向的學生評價機制。

4 總結

自從該教學方法實施以來,學生對《網(wǎng)頁設計與制作》課程產(chǎn)生了濃厚的興趣,學習成績穩(wěn)步上升,實際動手能力也得到了顯著的提高。學生們普遍反映:學習過程中心情愉快,所學習制作的項目案例也是當前主流網(wǎng)頁設計公司通用的網(wǎng)頁設計方法,在學校就能學到走向工作崗位時才能接觸到的項目開發(fā)經(jīng)驗,無形中增加了自己的就業(yè)競爭力。

參考文獻:

[1] 胡必波.項目驅(qū)動教學法應用研究[J].合作經(jīng)濟與科技,2008(7).

[2] 危立輝.項目驅(qū)動式單片機實驗教學探討[J].科技文匯,2010,11(下旬刊).