我的第一個網站作品:EGAS

我的第一個網站作品:EGAS


是的,這就是我的第一個網站作品,是一間遊留學公司,完完全全採取 WordPress 程式所架設,除了首頁那個幻燈片秀圖插件看得出來 WordPress 的影子,其它地方實在跟一般網站沒什麼兩樣,這就是我的重點,WordPress 真的可以為公司行號架設企業級網站!

網站的主題我曾經參考過國外的佈景主題,但是後來還是自己重新設計一遍,所以,這個主題全部都是我自己所寫,第一次寫主題、規劃整個網站的佈局,當然還是有許多不成熟的地方,我也從這個案件裏學到很多。

網站整體的配色,和業主商討過,最後用配色表找出最適合的色調,業主希望用活潑、明亮、有朝氣的色系,於是天青色和亮橘色的感覺就跳出來了。

因為是一般公司網站,有別於部落格的調性,全站都沒有使用到留言的欄目,除了首頁之外,其他頁面也都把側邊欄(sidebar)給拿掉了,主要使用全站通用的導航列,下拉式的導航列方便使用,也不會讓一般不熟悉的使用者疑惑該怎麼找到其它資訊頁面。網站的 Banner 採取輪播式跳轉圖片,讓網站訪客們能在每次轉換頁面時就更換一張圖片。在此要特別說明的是,所有網站上的圖片皆是業主所提供。

在網站的首頁,除去最頂部的 Banner,其餘地方我分了四種區塊來呈現,上部使用 FCG 幻燈片插件來做重點式的資訊導覽;中間部份則是擺放業主的特色圖片;下部則有四個可從後台模組控制的 Widget,這裡放置遊留學的介紹導覽影片和公司服務項目及聯絡資訊;右邊的側邊欄(sidebar)則由後台控制模組的 widget 放上三則遊留學的圖像式影片,讓訪客們都能看到遊留學的活動。

這個案件的資料大多為圖片,文字介紹部份只是點綴,大多由製圖時就將文字訊息製作出來了,所以網頁的寬度需要比較大,因為如此整體網站的寬度是 980px,這也讓整個頁面更為充足。

因為站方沒有可以留言反應的地方,所以在該站的「聯絡我們」頁面放置了一個聯絡表單,該聯絡表單也是透過插件來完成,該插件相當強大,不過為了將表單樣式調整成適合站方的色調,我也花了不少力氣,大家可以猜猜我使用了什麼插件?其它頁面大家可以自由參觀,我就不再多做表述。


特別要說的是,大概是我功力不夠,我總是發現若以 IE 瀏覽的話,版面有些地方會錯置,所以乾脆做了一點手腳,讓 IE 使用者看到一些訊息,希望他們能夠轉換一下瀏覽器囉!不過,我的業主是使用 Google 瀏覽器和 強大的 Firefox,呵,真是聰明的業主!

我目前也將該公司的 LOGO 擺放在本站的側邊欄上,對遊學或留學有興趣的朋友們可以過去看看瞭解一下。或者,你可以點選本文上面的網站縮圖,就能順利連結過去參觀喔!


另外,本站的新佈景主題,目前正在加緊腳步製作中,也是我個人第一款自行製作的主題,請大家過些時日拭目以待。到時也會將這個網站作品放置在新主題裏的作品秀頁面裏。

最後,要跟大家說:我也在接案子啦~不管是文字案件或者網站架設(以 WordPress)案件,都希望大家給我機會一起合作囉!請大家幫我多多推銷(介紹),感激 🙂



文by覺非/第一個網站作品.請大家多多指教!


飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

StartOver.回。到。原。點 https://blogs.carrielis.com