
我的第一個網站作品:EGAS
是的,這就是我的第一個網站作品,是一間遊留學公司,完完全全採取 WordPress 程式所架設,除了首頁那個幻燈片秀圖插件看得出來 WordPress 的影子,其它地方實在跟一般網站沒什麼兩樣,這就是我的重點,WordPress 真的可以為公司行號架設企業級網站!
網站的主題我曾經參考過國外的佈景主題,但是後來還是自己重新設計一遍,所以,這個主題全部都是我自己所寫,第一次寫主題、規劃整個網站的佈局,當然還是有許多不成熟的地方,我也從這個案件裏學到很多。
網站整體的配色,和業主商討過,最後用配色表找出最適合的色調,業主希望用活潑、明亮、有朝氣的色系,於是天青色和亮橘色的感覺就跳出來了。
因為是一般公司網站,有別於部落格的調性,全站都沒有使用到留言的欄目,除了首頁之外,其他頁面也都把側邊欄(sidebar)給拿掉了,主要使用全站通用的導航列,下拉式的導航列方便使用,也不會讓一般不熟悉的使用者疑惑該怎麼找到其它資訊頁面。網站的 Banner 採取輪播式跳轉圖片,讓網站訪客們能在每次轉換頁面時就更換一張圖片。在此要特別說明的是,所有網站上的圖片皆是業主所提供。
在網站的首頁,除去最頂部的 Banner,其餘地方我分了四種區塊來呈現,上部使用 FCG 幻燈片插件來做重點式的資訊導覽;中間部份則是擺放業主的特色圖片;下部則有四個可從後台模組控制的 Widget,這裡放置遊留學的介紹導覽影片和公司服務項目及聯絡資訊;右邊的側邊欄(sidebar)則由後台控制模組的 widget 放上三則遊留學的圖像式影片,讓訪客們都能看到遊留學的活動。
這個案件的資料大多為圖片,文字介紹部份只是點綴,大多由製圖時就將文字訊息製作出來了,所以網頁的寬度需要比較大,因為如此整體網站的寬度是 980px,這也讓整個頁面更為充足。
因為站方沒有可以留言反應的地方,所以在該站的「聯絡我們」頁面放置了一個聯絡表單,該聯絡表單也是透過插件來完成,該插件相當強大,不過為了將表單樣式調整成適合站方的色調,我也花了不少力氣,大家可以猜猜我使用了什麼插件?其它頁面大家可以自由參觀,我就不再多做表述。
特別要說的是,大概是我功力不夠,我總是發現若以 IE 瀏覽的話,版面有些地方會錯置,所以乾脆做了一點手腳,讓 IE 使用者看到一些訊息,希望他們能夠轉換一下瀏覽器囉!不過,我的業主是使用 Google 瀏覽器和 強大的 Firefox,呵,真是聰明的業主!
我目前也將該公司的 LOGO 擺放在本站的側邊欄上,對遊學或留學有興趣的朋友們可以過去看看瞭解一下。或者,你可以點選本文上面的網站縮圖,就能順利連結過去參觀喔!
另外,本站的新佈景主題,目前正在加緊腳步製作中,也是我個人第一款自行製作的主題,請大家過些時日拭目以待。到時也會將這個網站作品放置在新主題裏的作品秀頁面裏。
最後,要跟大家說:我也在接案子啦~不管是文字案件或者網站架設(以 WordPress)案件,都希望大家給我機會一起合作囉!請大家幫我多多推銷(介紹),感激
文by覺非/第一個網站作品.請大家多多指教!
飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……
StartOver.回。到。原。點 http://blogs.carrielis.com


遊學資訊→歷屆活動剪影
放圖片的方法,好贊的設計喔!
可以拜師嗎?
謝謝 Carrie ^^
其實那是使用了插件「kPicasa Gallery」的效果喔,不過我有特別針對頁面樣式 CSS 做設定和修改,之所以使用插件,是因為方便客戶直接在後台設定和修改。
好像是圖檔造成網站載入好慢,內頁的上方BANNER大小居然達到200KB(嚇)
你是說最上方的 Banner 嗎?因為後來我沒有再維護此網站了,全數移交給客戶自行管理,所以並沒有查看他們目前網站的情形,但是關於 Banner 的問題,我想應該是他們的圖檔太大沒有經過壓縮的關係,才會造成頁面載入過慢。
原來版主還會設計網頁,果然是才女…
我不是才女,你謬讚了,做網站和一些網頁,只是我的興趣,不過最近工作繁忙,沒有時間搞這些了。
真的基本找不出是WP的影子呢。。
呵,是呀,所以我早說, WordPress 就是可以用來架設公司網站的一個平台。
我好喜欢你的头像
我的頭像嗎?呵,那就是我自己呀
我会常来这里转转,喜欢,呵
歡迎常來
@Mr.夫: 對啊,我那時也是一直 debug,但總是找不出原因,多謝你幫我除錯,我昨晚已經做了修正,感激喔
@闲云野鹤: 你好,第一次見你來訪,別說跟我學習,我們可以彼此交流
希望日後也常見到你的蹤跡