時間:2023-04-14 16:49:01
導語:在網頁設計論文的撰寫旅程中,學習并吸收他人佳作的精髓是一條寶貴的路徑,好期刊匯集了九篇優秀范文,愿這些內容能夠啟發您的創作靈感,引領您探索更多的創作可能。

用戶在使用網站內部的信息時,一定要進行登錄,所以用戶要在該網站注冊設置自己的用戶名和登錄密碼。用戶在網站上進行注冊一方面方便企業對用戶信息進行高效管理,開展相關的工作活動。另一方面,個人設置登錄名和密碼也利于個人信息的保密,維護自己的利益。提高網站安全性的方式很多,用戶登錄的驗證和確認是其中的一種安全方式,只有確保網站的使用者都是合法的,才能進一步確保網站信息的安全。但是當前很多網站設計人員對用戶登錄的安全設置不夠重視,忽視驗證部分,沒有考慮到登錄驗證的重要性,導致登錄驗證程序的穩定性偏低,從而使黑客等不法分子乘機入侵,威脅網站的安全,造成數據信息泄露,造成巨大的損失。這種登錄安全缺陷主要是因為網站開發人員設計的驗證程序不夠嚴密,造成腳本語言編寫程序在驗證用戶賬號密碼時出現問題。網站用戶登錄驗證流程圖如圖1所示。用戶在網站上登錄,需要進行相關的驗證,這時需要網站開發人員在數據庫的user數據表中編寫相關的程序,用戶登錄時,以代表輸入的賬號,以password代表輸入的登錄密碼。當用戶輸入用戶名和密碼時,系統會在數據庫系統中進行搜索,如果用戶的信息是正確的、合法的,就能搜索到相關信息,系統就會允許用戶使用網站的相關信息,反之,如果登錄信息是錯誤的、不合法的,用戶就不能實現網站的訪問。在對用戶信息進行合法性判斷時,應用的是SQL查詢工具進行語句查詢,假設用戶名為登錄密碼為在使用SQL查詢語言時,獲得的反饋信息為,查詢結果和實際信息相差較多,造成用戶登錄驗證失效,這樣任意的用戶名都可以實現網站的訪問,從而影響網站的運行。針對上述存在的不安全問題,需要對其進行解決,解決方法如下所述。首先設定注冊限制,不是所有人都可以在網站上進行注冊,這樣可以有效避免非法用戶在網站上面注冊,從而有效降低非法攻擊的發生機率。然后,進行SQL登陸查詢時,先設置用戶信息過濾程序,過濾掉非法的用戶和密碼。最后,在驗證用戶時,先驗證用戶名,用戶名合法再驗證密碼。這樣就可以有效提高用戶登錄的安全性,解決當中存在的問題。
2逃避驗證存在的安全問題
如果用戶知道網頁的文件名或者是路徑,就會出現逃避驗證現象,使網站的安全性下降。一旦網頁沒有用戶的登錄限制,用戶在網頁中直接輸入網頁的文件名,不用進行登錄驗證,就可以讀取網站內容,這對網站的安全是嚴重的威脅。所以,為了有效避免這個問題,需要網頁設計人員加強網頁設計信息的保密工作,提高網站信息的安全性。此外,對一些重要的網站內容加強用戶身份驗證限制,這樣所有的用戶在登錄相關頁面時,都必須進行身份驗證工作,驗證通過之后,才能使用里面的相關信息,這樣會大大提高站點的數據安全性。
3桌面數據庫被下載的安全漏洞
桌面數據庫被下載的安全漏洞主要是ASP+Access應用系統中的問題。通常情況下,用戶都可以通過網站下載相關的信息,但是如果知道Access數據庫名稱及存儲路徑,就可以任意下載數據庫中的信息,從而導致數據庫中的機密信息泄露。比如,圖書館系統中的Access數據庫其名稱和存儲路徑一般為Library.mdb和URL/database。此時,只要在WEB瀏覽器的地址欄中鍵入URL/database/Library.mdb,就能將Library.mdb數據庫下載到本地計算機中。所以,為了有效避免上述問題,在設計ASP程序時,數據源要盡量使用ODBC數據源,這樣數據庫名稱就不會被直接寫入程序中,避免出現ASP源代碼和數據庫名稱一起失密的現象。此外,還要對頁面進行加密處理,這樣可以有效提高數據庫系統信息的安全性,避免數據庫內部資料被竊取。ASP頁面的加密主要有兩種方法:一是,應用組件技術將編程邏輯封裝在DLL中;二是,應用ScriptEncoder加密ASP頁面。通常情況下都會采取第二種方法對ASP頁面進行加密,因為使用第一種方法對ASP頁面進行加密時,需要將每段代碼組件化,工作量特別大,并且操作十分繁瑣。采用ScriptEncoder方法加密ASP頁面時,其操作比較簡單,編輯性強,具有以下四方面的優勢:(1)HTML具有良好的可編輯性,使用ScriptEncoder加密ASP頁面時,只需將ASP代碼嵌入到HTML頁面中,故仍可以使用常用網頁編輯工具如Dreamweaver等實現HTML部分的完善,但是ASP加密部分不能任意更改,否則將會對文件造成破壞,導致其失效;(2)可以加密當前目錄中的所有ASP文件,加密后并將其統一輸出指定目錄中;(3)應用ScriptEncoder加密ASP頁面的操作十分簡單。(4)criptEncoder加密軟件是免費網件,可以從網站上直接下載,安裝、注冊驗證即可。應用ScriptEncoder對代碼加密,既簡單方便,安全性又高。隨著ScriptEncoder加密技術的廣泛應用,DLL封裝方法的使用越來越少,逐步被淘汰。ScriptEncoder編碼過程如圖3所示。
4文件上傳存在的安全問題
很多網站都具有文件上傳功能,比如學習網站,教師上傳一些學習資料等,但是網站的設計人員在設計網站時,沒有設置過濾參數過濾功能,導致非法攻擊人員利用這個漏洞上傳一些惡意文件破壞網站的數據庫系統或者是執行任意命令。為了解決這個問題,提高文件上傳的安全性,應該在網站系統中添加判斷程序,這樣,系統在獲得用戶的文件上傳請求之后,先對文件的安全性進行判別,符合文件上傳的條件,才能完成上傳操作,這樣可以避免網站中上傳一些非法文件,對系統造成破壞。
5結束語
首要,在拿到規劃項目以后,首要要對客戶進行系統性的分析,比方能夠公司布景、客戶公司形象、客戶商品形象,充沛把握客戶公司或商品的詳細信息,使平面規劃作業能夠有針對性,斷定規劃定位。當規劃有關資料聯系完畢以后,就需求針對這一項目展開適當的思考和斷定,斷定平面規劃個性,斷定體現手法。這是一個對比艱難的進程,由于平面規劃的規劃空間所限,致使平面規劃的主題一定要凸顯出來,且內容要飽滿但不能負擔,這就需求規劃者進行仔細的思考和研討,以佳的體現手法進行詳細出現,一起,這一進程也需求做好有關資料的搜集作業,以便于有關創造作業的展開。在斷定規劃個性和體現手法以后,便能夠展開詳細的平面規劃作業。平面規劃作業能夠憑借傳統規劃資料展開,比方繪圖筆和紙張,也能夠憑借領先的繪圖軟件展開,詳細情況能夠依據規劃者的習氣來斷定,但規劃進程中必須要保證規劃的全面性和方向的精確性,要保證色彩的一致,也要保證滿足的視覺沖擊力,保證規劃著作能夠導致顧客愛好,招引顧客眼球。
二、頁面規劃與平面規劃之間的差異以及彼此之間的聯絡
1、體現規模的不一樣體現規模是兩者之間十分重要的差異。頁面規劃即是局限于網絡環境中的,經過優異的頁面規劃,使得網站全體的作用得到大幅度地進步,然后把網站的主題反映給客戶,然后客戶就能夠經過公司或許是商品在網站上體現出來的東西對其做好了解。進而為公司或許是商品做宣揚,進步競賽力度,推進經濟效益的進步。可是平面規劃體現的規模還要更廣,而且其影響力度也是對比的大的。平面規劃的著作比頁面規劃的著作使用規模愈加寬廣一點,可是在另一個視點來講,頁面規劃比平面規劃在媒體介質上具有更大的展開空間。
2、束縛性的不一樣束縛性也即是進行藝術創造時分的束縛條件,此種束縛性的條件是表如今許多的方面的,就像創造東西,傳達的方式以及創造的平面,字體字號以及色彩標準等等。頁面規劃,通常情況下是只是能在電腦設備上進行創造的,而且也只能是在憑借電腦設備的前提下才干夠展現出實在的創造作用。頁面中規劃的著作作用會遭到網速的影響,遭到客觀的要素影響對比大。可是平面規劃相對來講就不會受那么多的束縛,不行是在創造空間上沒有太多的束縛,而且創造的商品也能夠在任何時分任何的場合中進行展現,沒有嚴厲的規定。在進行平面規劃的時分不管是觸及的字體、字號仍是色彩都是十分的具有隨意性的,能夠依據規劃者的實踐需求以及規劃師心思的狀況進行創造。
3、技能上實踐的不一樣頁面規劃是對比依靠于互聯網的,頁面規劃關于領先的軟件具有十分強的依懶性,可是平面規劃則不是這樣的,它關于軟件的依靠對比小,相對來講愈加依靠于打印的技能。在進行頁面規劃的時分通常情況下都是憑借于繪圖東西的,只有強壯的軟件才干保證頁面規劃順暢的進行。可是平面規劃優化經濟以及科學技能的展開,不僅能靠畫圖東西來進行創造,而且也能憑借有關的繪圖軟件來實現終究的作用,再即是平面規劃關于打印技能的要求是對比高的,此也是兩者之間十分顯著的差異。
三、頁面規劃與平面規劃之間的聯系
頁面規劃與平面規劃之間是有著十分親近的聯絡的,可是兩者之間也是存在著差異的。頁面的規劃與平面的規劃都歸于具有現代化特征的藝術方式,在如今社會中這兩種藝術方式都是能夠經過電腦技能來輔佐或許直接完結的,而且能夠發生十分好的作用。頁面規劃與平面規劃之間存在的差異也是對比的大的,其主要差異是它們的體現規模的不一樣。體現規模是兩者之間十分重要的差異。頁面規劃即是局限于網絡環境中的,經過優異的頁面規劃,使得網站全體的作用得到大幅度地進步,然后把網站的主題反映給客戶,然后客戶就能夠經過公司或許是商品在網站上體現出來的東西對其做好了解。進而為公司或許是商品做宣揚,進步競賽力度,推進經濟效益的進步。可是平面規劃體現的規模還要更廣,而且其影響力度也是對比的大的。其是依據二維空間的一種藝術性創造,而且也不需求十分嚴厲的體現手法,不遭到東西或許是宣揚路徑的束縛,著作成形以后,能夠憑借雜志還有周刊或許是廣告等任何的方式進行宣揚,然后到達進步影響力的方針。平面規劃的著作比頁面規劃的著作使用規模愈加寬廣一點,可是在另一個視點來講,頁面規劃比平面規劃在媒體介質上具有更大的展開空間。
四、結束語
1從屏幕采集
最原始的方法是按下鍵盤上的<PrintScreen>鍵,將當前屏幕復制到剪貼板上,再通過其他圖片處理軟件進行加工;也可通過相應的屏幕截取軟件工具進行屏幕采集如HyperSnapDX、SnagIt等。
2從網上下載
網絡資源異常豐富,在Internet上可供選擇的素材很多,可以直接訪問網頁,從網上搜集我們需要的圖片,并通過保存圖片或者通過電子郵件、網際快車等形式下載相關的資料素材。
3用掃描儀采集圖像
可通過彩色掃描儀將報紙圖書等紙質的圖片素材進行掃描,把各種印刷品及彩色照片數字化后在計算機中存儲起來供使用。
4使用數碼相機及數碼攝像機采集圖像
可使用數碼相機和數碼攝像機進行圖片的拍攝和錄取,然后將相關圖像信息存儲到計算機中進行處理,這應用的非常普遍。
5通過計算機軟件進行繪制
可通過各種繪圖軟件進行繪制。如使用AdobePhotoshop、AdobeIllustrator、Paintor、Coreldraw、Freehand、Flash等。這些工具軟件在圖形圖像的處理方面功能很強大,不但可以很方便的處理圖形圖像,還可以優化圖片的質量,提高網頁的下載速度和制作效率。
二圖片在網頁應用中的處理方法
1退底處理
可以形成生動的邊緣效果,使畫面更具活力。有時也為了去除圖片中繁雜的背景,使圖片主體更簡潔醒目。
2虛實處理
通過對圖片進行虛實處理,也可使主體更突出,增強網頁的空間與層次感。同時通過虛實的對比,使畫面形成張弛有度的關系,其虛的部分可激發人們的想象力,有助于產生聯想。
3影調處理
通過各種圖形圖像處理軟件,對圖片的色度、飽和度、明度、純度等進行調整,可以制作出各種色調的圖片效果,從而大大增強圖片的感染力。如將整張圖片進行去色處理、產生單一色調效果或突出某一主要色調等
4質感處理
通過對圖片的質感處理,可以激發人們的聯想與情感投入。如粗糙的表面效果,可以帶給人們的質樸的感受;對圖片進行殘缺處理和作舊處理,可以帶來一種滄桑感等。利用Photoshop圖層和濾鏡等相關功能,可以制作出不同質感的圖像效果。
5局部與特寫
有時為了突出某一特定部位,或獲得某種特別的視角,需要對圖片的局部進行特寫處理,通過對圖片的重新剪裁而獲得一種特別的視覺感受。
6綜合處理
在很多時候,為了某種表現效果,需將各種方式綜合利用,以達到設計的目的。例如,對圖片進行重新分割與組合、混合等。
三結束語
傳統的高職教育是三年制,三年都在學校學習,“雙主體”人才培養模式做出了改變,為了和企業零距離接軌,前1.5年在本校學習基礎知識,包括公共基礎知識:語文、高等數學等;專業基礎知識:HTML+CSS、網頁界面設計、網頁腳本設計、PHP網站開發,在這1.5年中,科大訊飛會及時跟蹤學生的學習情況,每個學期都會安排項目實訓,檢驗學生的學習效果,及時做出調整。后1.5年將進入到科大訊飛學習,真正地進入到企業的崗位中,進行項目的實戰開發訓練,掌握企業工作中需要用到的知識和技能。
2教學特色
整個教學過程都貫穿著項目,利用科大訊飛已有的項目資源,進行教學和實訓。基礎知識教學階段將前1.5年中學習的專業課程按知識點進行細化和歸類,從單個知識點的具體講解,到知識點的例子演示,然后進行當場實踐和總結,總結的時候利用班會課,每周舉行一次總結。這些知識點是有學校和企業雙方共同討論決定,并且是共同完成授課。項目實戰教學階段利用科大訊飛已有的真實項目,找到該項目的負責人或主要參與工程師進行教學,一開始會進行項目分析,完成該項目需要用到的知識點,以及這些知識點在實際應用中的方法和需要注意的事項。然后由項目工程師指導學生進行項目開發實戰,在完成項目的過程中,鞏固了之前學習的知識點,并學會了應用。
3網頁設計與制作專業人才培養模式
網頁設計與制作是我院軟件技術專業的一個方向,從2012年開始和“科大訊飛”合作進行“雙主體”辦學。合作辦學后,雙方對該專業進行了一個深入的探討,對原有的教學模式進行了改革。前1.5年學習的主要專業基礎技能。前1.5年主要是培養學生的職業能力,讓學生掌握基礎的職業能力,HTML+CSS是網頁的構成基礎,JavaScript是網頁的交互效果,界面是網頁的外觀,動態網站方面,PHP的應用非常廣泛,使用PHP技術搭建的網站也非常多,所以我們選用PHP來教學,讓學生掌握PHP的基礎知識、語法基礎,會編寫小型的新聞管理系統等等。在后1.5年,主要是綜合項目實訓,這里面主要包含4個方面的課程,這些課程以前在高校里都很難開得起來,一方面由于師資力量的問題,另一個方面是由于沒有真實的環境讓學生去練習。PHP框架開發實戰是在前面的PHP動態網站開發的基礎上,利用像thinkPHP,DEDE這樣的開發框架制作真實的企業站點,跟以后就業的工作環境幾乎一模一樣,對學生的技能是一個極大的提升,手機UI是在近幾年智能手機的普及,出現的設計需求,現在高職院校開設這門課程的還特別少,我們依托科大訊飛的優勢資源,給學生介紹當下流行的技術,使學生的就業選擇面更廣。HTML5和CSS3也是新的技術,應用也很火爆,是互聯網下一代的標準,讓學生跟著行業發展的方向學習。SEO是針對搜索引擎的結果優化,在企業建站過中也非常重要,加入此項訓練,跟真實案例零距離。
4教學過程改革和學生考核方法
在學習的過程中,作為“雙主體”的雙方,都是全程參與,實時跟蹤掌握學生的學習情況,在前期,利用科大訊飛已有的項目實訓平臺,對學生的學習效果進行檢測,然后根據學生的成績,進行A、B、C、D等級劃分,其中A級學生成績優秀,B級學習成績良好,C級學生成績及格,D級學習成績不合格,根據等級劃分情況,對學生進行差異輔導,A級進行拔高行輔導,D級進行基礎知識輔導。同時,學生也可以了解自己的學習情況,哪一塊知識沒有掌握,在學校和企業教師的指導下,補缺補差,迎頭趕上。學生考核也是有雙方共同評測,其中50%的分數由學校任課教師打分,根據學生平時的出勤、實訓完成情況進行,另外50%由科大訊飛的工程師打分,根據每月進行的實訓平臺考核的分數得出。這樣能真實地評價出學生的學習效果,學習好的同學,說明他在知識點以及實訓項目中都取得了好成績,動手能力強,這樣的人才是企業真正需要的。
5取得的成效
在2012年10月舉辦的第七屆全國信息技術應用水平大賽中,網頁設計與制作專業的學生參加了移動互聯網站比賽,獲得了省級二等獎的好成績;在2013年中國計算機設計大賽“合財杯”中,網頁設計與制作專業的4位同學獲得了省級三等獎。現在2012級的同學還沒有畢業,但是據統計,該專業的同學已經全部就業,就業的對口率在80%以上,另外,訊飛班的NCRE通過率逐年提高,在2014年9月的考試中,科大訊飛班的學生一次通過率更是達到了58%的新高,而整個學院的平均通過率在15%左右。2011級科大訊飛班的就業對口率、就業薪資水平相比學院其他的專業,都有非常大的提高。
6結語
一個合格的、適合讀屏軟件操作、符合視力障礙用戶需求的無障礙網站,它的一般設計流程可總結為:
(1)檢測分析:根據無障礙標準對改造前的網站進行檢測及體驗,分析、討論、匯總存在的問題。這方面工作可采取智能化的測試平臺和人工實際體驗相結合的方式。
(2)方案設計:根據存在問題結合網站信息無障礙改造的標準和目標,設計相應的無障礙解決方案。
(3)實施開發:根據解決方案,遵循相關技術標準,利用信息無障礙技術進行實施開發工作。
(4)測試體驗:通過系統測試、人工測試、用戶體驗相結合的方式,全方位地保障改造成果。
(5)運行維護:為保證無障礙的可持續性,對改造后的網站進行必要的運行維護,持續測試體驗,反饋和修正可能出現的偏差。在具體改造設計過程中,依據目前頒布的無障礙設計標準,主要針對以下要點進行設計和開發:
(1)針對網頁不同布局形式提供統一的無障礙網頁操作方法,避免由于操作不當引起問題。
(2)針對內容頁面進行單獨設置,直接讀正文內容。
(3)對圖形驗證碼提供語音提示功能,對圖片等內容提供必要的文字說明。
(4)避免在切換Tab鍵時產生焦點無法移動、導致鍵盤陷入的現象,同時注意打開網頁時Tab鍵焦點的定位點和光標鍵的移動順序。
(5)提出快捷鍵實施方案,提供一整套熱點跳轉、區域跳轉、欄目跳轉等快捷鍵。并注意這些快捷鍵是否與已有的系統快捷鍵、讀屏軟件快捷鍵相沖突。
(6)為功能性操作提供語音提示,提供有意義的可理解的提示性說明內容。
(7)統一頁面“開啟/關閉”方式,避免焦點直接返回桌面。
(8)為繁瑣的非文本內容提供替代內容頁面。
(9)區分各網頁標題,幫助讀屏用戶正確定位。
(10)部署無障礙工具條,方便低視力和老年用戶按需調節屏幕顯示樣式;提供純文本模式瀏覽,提供語音插件。但必須注意不能僅以此來替代上述各項必要的無障礙設計。頁面改造則結合輔助功能以及無障礙檢測工具的模式進行:
(1)采用DIV+CSS+JS技術路線實現網站結構、表現、行為相分離的基本要求;對功能性內容、Flash等進行無障礙設計,使其不依賴鼠標,即使用鍵盤也可完成正常操作,適合視力障礙人群瀏覽。
(2)輔助工具條充分考慮不同布局、不同色覺環境下的顏色辨識度和文字放大率,設計開發功能完善的輔助瀏覽工具條,可集約化部署在某一中心門戶網站上,供各部門網站共享。
(3)采用先進的云平臺技術理念,從功能、性能及安全性等要求進行架構設計,搭建網站語音服務
(4)無障礙檢測根據WCAG2.0以及相關的國家標準和行業標準,設計開發無障礙檢測網關,采用HTML解析技術定位網頁元素,通過與網站內容管理系統的整合對新增內容進行無障礙檢測,確保信息無障礙的可持續性。需要注意以下兩點:
(1)網站無障礙建設應滿足全體人群在任何情況下都能平等、方便、無障礙地獲取和利用信息。在保持網站原有風格和功能、不改變視力健全人士瀏覽網站和獲取信息服務的基礎上提升視障人群訪問政府網站的便捷性、準確性。
(2)實踐證明,在網站的無障礙建設過程中,必須始終按照國際通用的WCAG2.0標準和規范以及相關的國家標準和行業標準,采用國際領先的無障礙建設方法進行,而不是簡單的通過架設某一服務器端推送的語音系統或語音頻道來代替全網站的無障礙設計和改造。
2實現強化的無障礙語音導航和快捷鍵操作
設計一套優化的語音提示跳轉鏈接,配合區域跳轉、欄目跳轉、熱點或錨點跳轉等快捷操作,幫助讀屏軟件用戶快速準確地在眾多的頁面和欄目鏈接內定位。某區政府門戶網站首頁的部分屏幕截圖,是我們平時所熟悉的網頁樣式。是將該網頁另存為文本文檔(*.txt)后的屏幕截圖。與原來的網頁相比,在頭部區域新出現了:“無障礙操作說明跳轉到網站導航區跳轉到主要內容區域”等隱含的鏈接,這些通過語音提示獲取的隱含鏈接,必須使用讀屏軟件方可朗讀出來,視力障礙用戶可以根據語音提示回車確認,快速跳轉到需要的位置。通常我們為讀屏軟件用戶專門設計了一套統一的鍵盤快捷鍵操作方案,例如:
(1)支持全鍵盤操作,無需依賴于鼠標。一般采用Tab鍵、光標鍵切換、回車鍵確認等,輔以讀屏軟件配置的朗讀功能鍵實現網頁的瀏覽和內容頁的朗讀。
(2)欄目跳轉,實現欄目分組間的跳轉;一般采用Ctrl+Z鍵。
(3)區域跳轉,實現頁面內各區塊的跳轉,主要包括:頂部導航區、左部導航區、中間內容區、主要內容區、底部內容區等區塊;一般采用組合鍵:Alt+Shift+數字鍵1,2,3,…,等。
(4)熱點跳轉快捷鍵,可分別快速定位到:跳轉到無障礙操作說明頁面、跳轉到主菜單(網站導航)、跳轉到主要內容區域、跳轉到網站地圖鏈接,等。一般采用Ctrl(或Alt)+數字鍵1,2,3,…,等。
3網站無障礙改造的其他技術要點
網站無障礙改造的推進,除了上述各項技術要點外,還應該注重以下幾點:
(1)堅持以用戶體驗為核心,視障人群全程參與的原則。引入體驗員監督機制,通過組織招聘無障礙體驗人員,在項目建設的前、中、后期以及整個運維過程中全程參與,以利于問題的發現和解決。
(2)堅持可持續發展的原則。網站信息無障礙建設是一個長期的系統工程,必須在整個過程中重視無障礙建設,堅持貫徹無障礙標準和規范。同時關注人員組織的可持續性,加強技術交流與培訓,促使本地化技術力量不斷成熟發展。
(3)加強網站管理人員、技術開發人員的培訓工作。目前有關網站無障礙設計的國家標準和行業標準已經出臺,一方面有必要在各地設立權威的測試網點,另一方面迫切需要對網站的從業人員進行標準化的培訓,使得網站管理人員、技術開發人員充分了解視力障礙用戶的需求、網站中存在的障礙現象,語音讀屏軟件的基本操作方法等,避免引入不切實際的改造方案。
4與民生服務密切相關的網站無障礙改造
Flash二維動畫的制作軟件,它與其他動畫軟件雖有相通之處,但是還有很多獨特的特點,并且在網站中具有不可取代的地位。Flas相比于其他基于其他設計的動畫的優點是交互功能,通過鍵盤等工具,能夠將各個畫面進行不受約束的跳轉。并且它的語言腳本已經提供了強大的交互性的動畫基礎。因為這些優點,Flas才會被大范圍的被運用到網站設計中,更有甚者直接制作純flash的網站。
2Flash在網頁設計中的運用
現在,在網絡設計中,Flash技術已經有了廣闊的拓展天地。這就表明了網頁設計者必須具備Flas的技術,才能夠適應當前的發展。Flash技術從簡單的文字呈現到多媒體的flash網站的形成,從而標志著flash技術已經與網站設計完全融合。
2.1Flash在網頁設計中的應用方式
2.1.1主題的突出靜態網頁中,主要是用文字和圖片的方式來突出網站的重要信息,而用了Flash之后,就會吸引人的注意力,不但是色彩和動態的呈現上給人一種撼動人心的作用,而且還會給人煥然一新的感覺。并且運用在主題上面,很容易給人留下深刻的印象。2.1.2動態交互Flash重組功能再結合腳本語言和流程的調控,這三者相結合,讓瀏覽著運用鼠標鍵盤進行畫面切換,從而完成動畫的交相呼應的職能。2.1.3數據庫支持Flash具有把數據庫連接起來的功能,這就更加豐富了網站的內容和動態呈現。Flash與HTML等內容相結合,能夠制作出前臺為Flash,而后臺是數據庫和asp技術的數據連接措施。Flash和asp結合之后,將網頁所表現出的效果提升了一個高度,二者再與數據庫相結合之后,不但對數據的支持力度上升,而且比較完善的交互界面也誕生在網頁運用中。
2.2網站建設中如何應用Flash技術
網頁設計者從網站中的建立目的和用戶的需求等各方面為出發點,來對Flash技術進行在網站中的配比。信息查詢的網站中,即使以Flash為引導界面,如果Flash效果太多,就會造成主次不分的惡性效果。而在娛樂版面中,Flash的篇幅應該加大,這些都要以互相交流為主,增加瀏覽者觀看的興趣。2.2.1部分應用在網頁設計中,Flash進行展示的應當是突出主題的內容,這部分不應該過多,這樣就做到點石成金的效果,這樣不但把主題突出,還可以調動起閱覽者的興致。2.2.2整個網站的應用在廣告、傳媒、游戲等設計類網站,為了能夠把本網站的個性化表現出來,而把Flash運用到整個網站,用單一的Flash來表現出其活躍和動態性。純flash網站,從簡單的文字、圖片等設計,到復雜的音視頻、廣告、游戲還包括本網站的注冊頁面和登陸頁面,已經導航欄鏈接等等,全部都是用Flash來裝扮的,這就把網站的個性化、靈動性凸顯出來,給人帶來視覺上的享受。
2.3在flashing技術在旅游中的應用
這一點主要是針對于一個群體,有可提供的是Google地圖的自主性的旅游的導航功能。在網絡上各種旅游信息的傳播,讓一部分不想受到約束的旅游者提供了便利,而本方案是通過Google地圖的自主導航功能,把旅游者想要去的地方,進行吃住行玩的一個整合,讓旅游者提供了便利。而旅游者也可以在游玩的時候,在地圖上進行評論,從而為他人提供旅游幫助。
3Flansh應用問題
3.1搜索引擎不能識別的問題
制作單一的flash的狀態,全部都是Flash制作的內容,而搜索的引擎并不會很少的識別出來這到底是表達的什么,從而導致網站無法做到很好的向瀏覽者展示,宣傳和推動力不夠。
3.2代碼的安全問題
ActionScript腳本語言在功能化比較多的基礎上,缺點是有漏洞。而這種漏洞就促使了一些含有病毒的惡意代碼隨之攻擊Flash的訪問者的電腦,所以電腦的安全性受到轄制。所以有些訪問者為了避免惡意病毒的入侵就把Flas全部都屏蔽,這樣從而使網頁設計者預定的效果。
4結語
1.1課時分配少。
我校選修課程一般總課時為36節,一周2節,共18周完成,只有計算機專業學生學習課時的一半左右。嚴重不足的課時,致使學生在基礎性知識點的學習上淺嘗輒止,練習時間極少,知識難點難于學習。
1.2學生的計算機基礎知識相對匱乏。
大部分藝術類專業的中職學生,在初中階段只接觸過簡單的計算機應用操作,對網頁設計的相關基礎知識處于空白狀態,如:基礎編程、腳本的概念、HTML和文件管理等,而這些都直接影響著課堂的學習質量。倘若教師在原本有限的課時中,再分出一定的時間去解析文件路徑、html和腳本等相關知識,就必然會導致學生的實操課時嚴重被壓縮,最終無法真正掌握課堂的精髓。顯然,課時不足、學生基礎知識薄弱,教學方法傳統等已經成為了阻礙該課程有效實施的突出問題,亟需探索新的教學方法,從本質上改變現狀。而任務驅動法教學無疑是最適合的選擇。其通過教師提出生動有趣的任務,最大限度地激發學生的學習熱情,促使學生在完成任務的過程中掌握學習新知識的方法,并利用新知識完成任務,在課余或課堂上主動學習網頁設計的相關知識。
2、任務驅動在課程中的設置
傳統的《網頁設計與制作》課程教學大多只注重基礎知識的教授,缺乏對學生實踐能力的培養。同時作為選修課,很少能與學生自身專業相結合。實施任務驅動的藝術類專業《網頁設計與制作》選修課的設置:
2.1教學對象
服裝設計專業、工美專業的藝術類中職學生。
2.2教學目的
掌握網頁布局技巧。基于藝術類學生所做的靜態網站與計算機專業學生的動態網站相比沒有任何競爭力。因此,本課程不以網站制作為最終教學目標。針對藝術類學生對“美”的認識普遍比工科類學生要強,并且藝術專業學生有學習Photoshop、CorelDRAW等軟件的基礎,筆者認為培養藝術類學生為網站進行布局和美工設計會更為恰當。因此,藝術類學生的網頁設計課程的教學目的主要以掌握網頁布局技巧為主。
2.3教學任務。
結合該課程以及教學對象的特點,教學任務可分為兩種:一種是有明確要求和統一模板的,學生只需按步驟重復老師的演示過程。這種任務適合學習的初始階段,可在任務中認識網頁設計的基本操作。另一種任務則是給出一些限制性的條件,讓學生自由發揮完成。這類任務的關鍵在于激起學生的學習興趣,從而激發學生主動利用周邊資源,在教師的幫助或引導下,主動學習課程中相關知識,完成任務。學生從中獲得滿足感并渴望完成下一個任務,造成一個良性的循環。
3、任務驅動的教學策略
3.1基礎小任務。
在課程開始之初,首先通過演示等方式,讓學生全面了解網頁設計。并展示出往屆學生優秀并吸引學生效仿的網站作品,從而提起學生學習的興趣與自信。與此同時,引導學生逐一完成“詩歌排版”、“圖文并茂”、“時空隧道——超鏈接”等幾個簡單并富有趣味性的基礎小任務,讓學生快速學會在網頁中插入文字、圖片和超鏈接等基礎操作,以幫助學生建立學習該課程的信心,保持其繼續學習的欲望。
3.2核心任務。
在學生完成基礎小任務后,設下課程的核心任務——制作有特色的個人網站。然后帶著完成核心任務的目的去接受日常小任務的練習。當然,此時提出核心任務,是比較打擊學生的學習自信的。所以在提出核心任務的同時,老師可將往屆生完成的激趣小任務成果展示出來,并現場通過超鏈接拼湊,快速完成往屆生的個人網站制作。并引導鼓勵學生,接下來只要緊跟腳步,完成任務;最后即可快速完成核心任務。
3.3進階小任務。
通過完成“隱形的表格”、“多變的框架”、“神秘的樣式——CSS基礎”和“精準的定位——DIV”等任務,讓學生自主學習和熟悉網頁布局的技巧的同時,掌握文件路徑和簡單的CSS、DIV腳本閱讀與修改能力。
3.4小組任務。
在學生完成了幾個任務之后,引導學生分小組協作完成自由度更大的任務。如:制作有5個不同內容的網頁,其中一個為導航頁,并可用超鏈接瀏覽其他頁面。要求頁面不會隨窗口大小變化而改變內容位置,色彩、排版要配搭恰當,如網頁有框架、聲音、相冊、Flash按鍵、CSS技術、DIV技術則加分。其他頁面可以是團隊介紹、興趣愛好、組員的服裝專業作品的介紹或展示、旅行回憶等頁面內容。在小組分組成功之后,需要小組長帶領組員討論網站的設計以及所需的技術,并在紙上作出草圖。如遇到小組的設計過于簡單,教師需引導其豐富設計內容。在確定草圖后,教師及時引導并鼓勵學生自主學習,獲取所需知識,完成任務。小組任務完成后,互相演示并說明制作中所用到的技術,同時組織學生進行小組相互點評。通過不斷多種的任務驅動,逐漸引導學生獨立完成美觀的、實用的和使用較多網頁布局技術(如:表格、框架、CSS和DIV等技術)的網站。
4、結語
筆者結合自身經驗和相關資料,發現中職學生在課程學習中常會出現一些問題,這對于學習效果有很大影響。學習問題主要有:
(一)缺乏持續學習的毅力對于初學者來說,A比較抽象。深奧。這在一定程度上打擊了初學者的信心。學生在具體學習過程中,因缺乏持續學習的毅力,不努力克服理論知識,反復練習,相應的學生就很難理解A當中的一些原理,也就不可能掌握ASP動態網頁設計能力。所以,增強學生的持續學習的毅力是非常必要的,其能夠使學生正確面對ASP動態網頁設計課程學習困難,堅持學習,進而理解看似深奧難懂的理論知識,更好的完成這一課程的學習。
(二)設計代碼中常單詞拼寫錯誤在進行ASP動態網頁設計學習過程中最忌諱的問題之一就是設計代碼中出現單詞拼寫錯誤。這并不是一個嚴重性的問題,但是其會影響ASP動態網頁的應用。這一問題出現的主要原因是中職學生英語水平低,未能有效的掌握ASP動態網頁代碼編寫中需要運用的英語單詞,在進行代碼編寫中就會出現英語單詞拼寫錯誤的情況。對于此種情況,中職學校一定要注重英語課程教學,在課程教學中插入一些關于ASP動態網頁設計方面的英語知識、英語單詞等,促使學生在進行ASP動態網頁設計過程中不會再出現單詞拼寫錯誤的問題。
二、“一體化”教學方法的應用
“一體化”教學方法就是指教學內容、教學形式在“講”和“練”兩方面做到有機結合,專業理論與實踐操作做到有機結合。讓師生雙方邊教、邊學、邊做,邊發現問題,邊提高,把理論和實踐緊密結合起來,不斷提高學生技能水平,完成教學任務和目標。由ASP動態網頁設計課程專業性強。涉及面廣等特點所致,在運用“一體化”教學方法之前一定要就課程。學生、教學情況等方面進行詳細的分析,進而制定有效的,合理的教學方案。需要注意的是要保證所設計的教學方案能夠提高學生的學習興趣,積極主動投入i到課程學習中。下面就教學案例的實施和教學過程說明如下:
(一)教學設備與場地集中在計算機實驗機房開展教學。設備配置保證能做到全部學生一人一臺計算機,提供局域網環境進行、測試論壇。
(二)教學目標清晰,分階段完成整個教學流程為:學生分組布置工作任務組織實施學習過程提交工作報告作品展示教師評價。教學活動1:學生分組。教師組織學生進行分組,每組4人一組,分別由優中中差的學生組成,每組一名組長,負責本組日常聯絡及匯報工作。教學活動2:接受任務,制訂計劃。教師下發項目任務書,講解任務要求,學生以小組為單位制定本小組的任務計劃,進行分工,確定每個成員的工作內容,讓每個學生都有任務,讓他們帶著任務去學習。教學活動3:開展項目設計工作。以小組為單位開展項目的設計工作,學生可以借助Dreamweaver網頁設計軟件完成項目的網頁編寫工作,也可以查詢相關資料,獲取與學習任務所需的知識點,必要時教師可講解重、難點,在邊學邊做中讓學生完成對知識的自主構建。教學活動4:提交報告,展示作品成果。學生以小組為單位提交項目的工作報告、小組作品。派代表向教師、學生展示小組作品,說出作品的優缺點以及在整個開發過程中遇到的難點和解決方法,在開發中的收獲以及對課程的感受。
(三)教學評價與考核在學習過程中,教師根據項目的任務書及每個小組的計劃書進行分階段考核。考核范圍可以涉及:成員工作完成質量、小組工作報告、學生出勤紀律等等。在進行ASP動態網頁設計教學的過程中,教師不能一味的注重知識的傳授,還要了解學生的具體情況,如英語水平。組織能力。創新能力等等,進而對中職學生進行全面的教育和培養,促使中職學生的知識。意識、能力。精神等方面都得到提高。這樣學生在進行ASP動態網頁設計時不僅會運用自己所學知識,還能夠將自己的想法融入到其中,更好的完成ASP動態網頁設計。
三、結束語
1.1正確輸出圖像,優化網頁速度
伴隨著信息化的發展,人們在使用網頁的過程中十分注重下載速度控制,下載速度太慢不僅會降低人們的工作效益,還會影響人們對該網站的評價。因此,設計人員必須從優化網頁速度著手,強化Photoshop在網頁設計中的作用。1.1.1采用合適的圖像精度顯示器在網頁中的主要作用是顯示系統提供給客戶的基本信息,通常情況下,設計人員在確定圖像精度之前,應該綜合考慮顯示器的基本特性,通常采用精度為72dpi的圖像,如果圖像的進度太高或者太低都會不同程度地降低用戶的下載速度。網頁中部分文件的原始尺寸比較大,由于網頁的使用區域受到限制,設計人員可以采用DW實現圖像顯示的需求。1.1.2選擇合適的顏色深度Photoshop在網頁設計中的應用還能選擇合適的顏色深度。上文中提到,網站的顏色與用戶的評價之間存在必然聯系,Gif格式的圖像文件顏色深度與文件數量成正比例關系,如果用戶可以直接看到該文件,gif的顏色深度應該越低越好。網頁中部分圖像對顏色要求不高,設計人員應該將64色的圖像與256色的圖像進行對比,并減掉對比后數據的一半字節,此時形成的色彩深度可以滿足用戶的實際需求。1.1.3輸出正確的圖像格式Photoshop在網頁設計中的應用還能保障輸出圖像格式的準確性。網頁中如果圖像大小差不多,那么圖像顯示的效果也相仿,為完成網頁輸出圖像的實際需求,設計人員可以綜合使用Photoshop中的存儲格式,可以將需要輸出的圖像壓縮至原來的1/2,從而確保輸出圖像的原始格式。
1.2使用Photoshop進行網頁布局
網站建設人員必須高度重視網頁布局在網站建設中的重要性,網頁布局直接關系該網頁的點擊率。因此,網頁布局不必保障美觀、大方、規范以及合理性。Photoshop在網頁設計中的應用能夠引導設計人員設計出符合現代社會發展需求的網頁。其作用主要表現在:第一,優化布局規劃。在設計網站之前,設計人員應該提前完成網頁的布局規劃設計,設計人員在設計網頁之前必須與客戶進行深入溝通,在確定布局后,及時與程序設計者聯系,將網頁內容和程序設計交由程序設計人員完成;第二,布局要點控制。Photoshop在網頁設計中的應用還能引導設計人員明確設計要點,網頁文檔要素、網站背景顏色、導航字體、正文字體以及圖文之間的關系等網頁元素均可以由Photoshop進行統一安排和設計;第三,Photoshop在網頁設計中的應用還能活用切片,合理控制網頁中“留白”和“爆邊”的面積,為提高網頁的顯示效果提供動力保障。
2結束語