zhenweb.jpg 

上班已經一個多月了,這是第一個工作新發表,雖然還不是很成熟,但過程還是有滿滿的努力及苦心。


Web:正安保全股份有限公司  (瀏覽建議使用IE7,謝謝‧ˇ‧)


恩,該從何說起呢?

進公司第一個負責的專案就是製作公司的網站,一開始當然還是照例蒐集了相關產業的網站,但大多數的美觀及內容都不是很好,經理與總經理夫人也給我看了幾個參考網站,並說明網站風格不要Q版,簡單乾淨就好,色調偏藍(因為公司制服是藍色的XD),不過我才設計第一款版型就OK了(笑)

平常製作網站的經驗就不多了,只是自己的興趣偶爾會亂做一些個人網站之類,而這次是自己一個人負責整個網站製作,在跟台北工程師配合,以前做網站時,除了專題網站外,幾乎都是以一個team執行專案,但是現在............只有我自己一個人!!!!!!壓力頓時變超大的啦~並不是怕沒信心完成,就是一個責任的心態,哇哈哈....

不過自己架構整個網站,所遇到的困難反而讓我學習到更多。

一開始由於太久沒用CSS,而且我沒用CSS寫過網站,以前頂多寫BLOG而已,好險有EJ可以求救拉回我的記憶,再加上糖糖姊的網站教學,進行的算蠻順利的,很快就把初版定稿了。接著是要解決PNG透明在瀏覽器上的問題(這之後會再發一篇另外教學),因為IE很麻煩,只要是IE6以下瀏覽(包含IE6),PNG檔的背景都會有一層灰階顏色,這個問題要很謝謝工程師幫我找到解決方案,但接下來又是一個問題,因為我圖檔有些都用PNG,導致網站瀏覽速度變慢,所以製作一個網站要考量的問題相當多,而公司的網站雖然已經上線了,但要細修的地方仍然很多,就像現在瀏覽器這麼多,大家好像都是以IE和火狐為主,但IE7跟IE6又會有差,到現在我還沒找到解決方法=口=

(小小聲的說....知道的人可以偷偷告訴我,我會很感恩的>Q<)

啊啊,忘記說我設計網站整個風格,整體以簡單清晰為主,top banner背景加了曲線元素,使原本背景不會只有一個色塊而顯得呆版。主文字部分色系使用橘色,讓使用者觀感上較顯眼。而圖示部份,思考了工程師提的手繪ideal,讓專業中帶點柔和的效果。main的排版部份就都很簡單一致,不過我還是有點不太滿意,可能未來有時間會再小修一下XD

製作網站很好玩很有趣,但也很麻煩很費時,經過這次一人網站的經歷,覺得功力增強不少,也很高興自己能獨自完成一個網站的製作,尤其又是用CSS(自己很High =口=),不過還沒到達達人階段,要努力學習的還有很多,也希望未來有機會能製作後端平台的工作,我也要增強PHP的功力啊!!!


p.s   當然還要謝謝主管們給我很大的空間發揮,一直很怕拖到公司進度,嗚嗚...
p.s2 網站首頁還未設計完成,哇哈哈....



next work : 員工登入頁面設計....fighting~

Showyin 發表在 痞客邦 PIXNET 留言(5) 人氣()


留言列表 (5)

發表留言
  • 啊!我不是挑剔鬼
  • 圖片太模糊了...
    火狐看跑掉了...
    字體有點小...
  • 你都沒仔細看我文章吼
    裡面有說明....瀏覽器問題還在解決中
    目前最適合的就是用IE7 哈哈

    倒是圖片是哪的圖片啊?

    Showyin 於 2009/08/30 14:31 回覆

  • EJ
  • IE7跟IE6有特定的標記可以用,
    像是*和-我忘記哪個是哪個的。

    我通常都是先以Firefox為主,
    因為目前IE8已經慢慢步入正軌,
    全部完成之後再用IE Tester(http://ej.idv.tw/wp/?p=282)看,
    其實通常都是一些定位跟邊界的問題,
    可以去買一本CSS工具書來看看,
    大多只要在修改一下就OK了!
    不過要記得階層的問題~
    GO~GO~GO~
  • TO EJ

    特定標記喔,這我還真的不知道 哈
    倒是CSS的書我是有一本
    外面有那種寫有關瀏覽器的嗎?
    出去翻大多都是基本的居多=口=

    但是,還是非常感謝妳的提供 嗚嗚(感動)

    Showyin 於 2009/08/30 21:52 回覆

  • 家豪
  • 很不錯!
  • TO 家豪

    真的嗎!!??
    那以後有網站case記得找我,哇哈哈~
    (喂~還沒到pro級耶)

    Showyin 於 2009/08/30 21:54 回覆

  • dooko
  • 我看那個..藍底白字...有點像階層圖的圖片
    比較模糊一些......

    恭喜你阿~感覺你在公司越來越上手囉~
    繼續加油!!
  • TO 阿井

    是說menu上那個嗎?
    不過未來應該會細調一些吧
    因為有些看起來還是不太滿意 哈

    至於上手還好啦,就邊做邊學= ="
    主管人比較好,都給我蠻大彈性的空間
    你也要加油阿!!!!以後設計產品靠你了XD
    可惜你都上假日,不然就跑去找妳玩 嘖嘖

    Showyin 於 2009/09/01 15:08 回覆

  • EJ
  • 有些CSS書會標示哪些語法在各個瀏覽器是否可行,
    只要注意一下,基本上大多事的都是通用的,
    IE8目前狀況好很多了,
    不過還是很多人再用IE6啊... ||
  • TO EJ

    再次感謝您的回答XD
    後來我有去網路查了一些教學
    目前問題是解決了
    不過工程師叫我暫時不要改=口=
    因為還要負責其他專案...叫我有空再改 嗚嗚

    因為XP內建還是IE6阿....
    等windows 7上市穩定後,大家都用IE8了 冏

    Showyin 於 2009/09/09 22:10 回覆