顯示具有 Javascript 標籤的文章。 顯示所有文章
顯示具有 Javascript 標籤的文章。 顯示所有文章

Javascript 輪播式廣告

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

對於現今業界上所看到的情況更是如此,一群 Designer 紛紛向此領域來靠攏;在求職時,公司對於 Designer 的求才條件更是將此技術列為評量之一。因此,未來將要進入此領域的各位,你們是不是要先準備好呢?俗話說~機會是留給準備好的人,不要淪落為「書到用時方恨少」的窘境。

Dreamweaver 行為 - 調換影像

2013-08-13 沒有留言 :
在使用網頁的經驗中,大家是否有遇過影像太小看不到細節的狀況?若是我們可以使用滑鼠滑入或點擊該影像,能在另一個區域中檢視到放大的影像,那應該是比較妥當的呈現方式!

一般的購物網站都有製作此機制,否則,使用者在購物中都只能看到小圖而看不到細節的顯示時,難免會對該商品的認知、品質產生懷疑、不安全感而不敢購買,自然而然地便損失了商機!

若我們製作此效果該用什麼樣方式來做呢?答案是 Javascript 、 jQuery ,誠如前篇所描述的一樣,若是不會撰寫 Javascript 不就挫咧蛋!現在各位只要會使用 Dreamweaver 行為便可輕易地完成此效果,在 Dreamweaver 中提供了許多的行為功能讓各位去點選使用,點選後即會幫我們產生 Javascript 程式碼,所以各位也不必擔心不會撰寫 Javascript 語法的問題。

Dreamweaver 行為 - 設定容器文字

2013-08-12 沒有留言 :
若各位要在網頁上與使用者做個小小的提示互動~沒有第二句話,就直接撰寫 Javascript 吧!

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

現在各位只要會使用 Dreamweaver 行為便可輕易地完成此效果,在 Dreamweaver 中提供了許多的行為功能讓各位去點選使用,點選後即會幫我們產生 Javascript 程式碼,所以各位也不必擔心不會撰寫 Javascript 語法的問題。

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

2013-08-09 沒有留言 :
各位有在上網時發現到某些網站內的文字內容過小而導致不易閱讀的情況嗎?遇到此情形,一般人通常都會使用 Browser 來縮放文字或畫面。但是,連結至其他網頁後,如果該網站在還沒放大時的文字顯示是合宜一般人的閱讀時,往往會因為之前的放大設定而套用到目前網頁中,此時就要再做縮小顯示。這樣一來一往的放大又縮小的確挺費時地。

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

現在各位只要會使用 Dreamweaver 行為便可輕易地完成此效果,在 Dreamweaver 中提供了許多的行為功能讓各位去點選使用,點選後即會幫我們產生 Javascript 程式碼,所以各位也不必擔心不會撰寫 Javascript 語法的問題。
各位可點選下方的 Demo 連結以檢視成品展示。