分享本文

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


我的第一個網站作品:EGAS
我的第一個網站作品:EGAS


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

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

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

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

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

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

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


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

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


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

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



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


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

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


請拍掌支持我繼續創作

↓↓↓ 若你喜歡我的文章,請在下方的「讚賞鍵」按讚,我會因此獲得收入。

回饋由 LikeCoin 基金會出資,您只要註冊/登入帳號(fb、google 帳號都可以註冊,流程超快),按五次左鍵,就可以贊助我的文章,完全免費。感謝支持。 ↓↓↓

飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……
StartOver.回。到。原。點 https://carrielis.com

分享本文

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 whatsapp
分享在 telegram

“第一個網站作品:EGAS” 有 35 則留言

  1. ㄜ…我是Mr.夫,但是一進入這網站留言顯示的是 [歡迎回來 A`Vai Poitsonu.],也沒把變更…

    網頁設計師是沒有選擇瀏覽器的權力的XD…
    用IE看了一下似乎是CSS沒指定overflow的樣子

  2. 喔~ 我指的IE問題是那個EGAS網站啦~~
    因為你說那個網站在IE瀏覽會有問題,我就大約看了一下。

  3. !!(有人發現園丁被植入在Carrie新做的網站了…@@)

    不過套一句 Facebook 常看到的句子:
    『骯髒園丁和其它朋友覺得Carrie做的EGAS網站 很讚!』:D

  4. 恩我在公司都不能在你這留言
    真討厭…
    今天在MUKI那邊看到你,才想到我這篇留言沒留成功
    所以又跑回來留言XD
    恭喜你接到CASE了啊!相信接下來會更順利的
    期待你SHARE佈景喔

  5. @ERICLEE: 咦?你在公司的時候都沒辦法在我這兒留言啊?是我這裡的問題嗎?還是公司網管的關係?

    這個案子其實是朋友介紹的,我也很開心能夠順利完成,不過我目前在 104 外包網還沒正式接到 case 呢!這就讓我蠻失望的 🙁

    如果你有這方面的 case,也歡迎介紹給我喔 😉

  6. >>若以 IE 瀏覽的話,版面有些地方會錯置
    有幫你抓錯了一下,首頁會有版面錯置問題是在下方聯絡資訊區塊那邊有問題,
    你可以先把那個區塊的內容留白就確定是不是問題所在了,
    簡單來說是因為內容的li標籤前面少了ul標籤,所以在會IE顯示不正常。

  7. 親愛的凱莉,你好強啊,我是電腦白痴,我只會打字,你寫的我全都看不懂,顧只能用膜拜的方式留言!
    僅此祝福無限,接案滿滿!

  8. @番紅花: 我其實沒那麼強啦,只是一直默默學習著,大概因為我很有興趣的關係吧~

    我還羨慕妳的文筆好呢!我也希望能夠因為妳的祝福,而讓自己接案愈漸順利囉 😆

    1. 我不是才女,你謬讚了,做網站和一些網頁,只是我的興趣,不過最近工作繁忙,沒有時間搞這些了。

    1. 你是說最上方的 Banner 嗎?因為後來我沒有再維護此網站了,全數移交給客戶自行管理,所以並沒有查看他們目前網站的情形,但是關於 Banner 的問題,我想應該是他們的圖檔太大沒有經過壓縮的關係,才會造成頁面載入過慢。

  9. 遊學資訊→歷屆活動剪影

    放圖片的方法,好贊的設計喔!

    可以拜師嗎?

    謝謝 Carrie ^^

    1. 其實那是使用了插件「kPicasa Gallery」的效果喔,不過我有特別針對頁面樣式 CSS 做設定和修改,之所以使用插件,是因為方便客戶直接在後台設定和修改。

請留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關文章

捲動至頂端