WDH2O

分享一些網站前端開發與使用者經驗的教學角落

所有標籤「Javascript」的文章

淺談 HTML5

HTML 自 1999 年發佈 4.0 版以來,以為就可以滿足未來的各種網頁內容的需求,隨著網路應用程式的發展,有越來越多的網站應用程式需求已超出 HTML 格式所能支援的範疇,甚至使用者需為特定功能額外安裝擴充元件,例如需用 Flash 格式播放的影音內容。

Dreamweaver 行為 – 設定容器文字

誠如前篇所描述的一樣,若是不會撰寫 Javascript 不就挫咧蛋!剛好遇到某些時候業務急著要、上司急著要、老闆急著要、客戶急著要、媽媽急著要(媽媽來亂的),怎麼辦?雙手一攤,到時再說吧!在工作職場上可不容許這樣的情況發生,若是做不出來總要有些補救方法吧!

Dreamweaver 行為 – 顯示隱藏元素

延續前篇「Dreamweaver 行為 – 調換影像」的呈現效果,這次我們使用的方法是使用「顯示隱藏元素」,此方式可在 AP Div 中加入所需之文字或其他 HTML 元素,若是使用 Dreamweaver 行為中的調換影像則無法做到!請各位詳細看 Away 的解說~

Dreamweaver 行為 – 調換影像

在使用網頁的經驗中,大家是否有遇過影像太小看不到細節的狀況?若是我們可以使用滑鼠滑入或點擊該影像,能在另一個區域中檢視到放大的影像,那應該是比較妥當的呈現方式!一般的購物網站都有製作此機制,否則,使用者在購物中都只能看到小圖而看不到細節的顯示時,難免會對該商品的認知、品質產生懷疑、不安全感而不敢購買,自然而然地便損失了商機!

Dreamweaver 行為 – 互動式更改文字大小

大部分的入口型網站都有製作一些使用機制,讓使用者依個人需求去選擇要顯示的文字大小,這些基本上都是使用 Javascript 或 jQuery 所撰寫而成的,若不會撰寫 Javascript 語法的人當然無法完成這種互動式更改文字。

Javascript 輪播式廣告

早期網路上常見的輪播式廣告大多是由 Flash 所完成,但近年來行動裝置的盛行再加上 IOS 不支援 Flash 以及 SEO 極差的情況下,網頁設計師紛紛向 Javascript 、 jQuery 來朝聖。用 Javascript 、 jQuery 來動畫製作效果不僅能排除前面所敘述的問題,更能相容於各家的瀏覽器。以未來整體趨勢來說,撰寫 Javascript 、 jQuery 將是一般網頁設計師所必備的基本技術。