Hana 花水木

Hana 花水木

網頁設計

文章中的文字圖飾

不知道這要叫什麼,就稱做「文字圖飾」吧!所謂「文字圖飾」指的就是像我的文章中,會有「黃色底線」、紅色小圈圈等等,讓文章感覺起來比較活潑。 其實我必須說這也是我在別人的Blog看到的效果,我只是照抄回來而已。其中一種是從Jas9 Taipei那邊學來的。因為印象中好像有看過某個地方討論這個東西,而且我又是直接竊取別人的idea,所以就沒有特地發文介紹這個用法了。 其實懂Html跟Css的話,稍微去看原始碼,就會知道這真的沒什麼,很簡單就能達到,而效果又還不錯。主要就是在內文把要有效果的文字span起來,設定class,再在css裡面設定這個class的底圖,然後設定位置等等,很容易。以下是我的做法,以這種黃線和這種紅圈圈為例。 粗體大概是這樣 斜體是這樣的 刪除線會是這樣 強調會是這樣的 1. 下載圖檔underline_yhl.gif underline_cyc.gif underline_del.gif underline_hl.gif 2. 在css加入這些。 wordpress的內容

By Hana 花水木

網頁設計

內文截斷不完全造成版面走位

想一想還是這樣的標題比較好懂。 因為這個Blog的版面我我弄得還滿用心的,在設計的時候也都有用IE6、IE7、Firefox分別測試,另外每一種瀏覽器又會測試1280×1024、1024×768及800×600三種不同解析度,目標是跨瀏覽器跟跨解析度(非固定寬度),完成後也確認過。   我自己都是用Firefox的,我的Blog上線後,我幾乎就沒再用IE來看自己的Blog。就這樣。前幾天我偶然在公司用IE看自己的Blog,卻發現嚴重走位。側邊欄整個跑道主要內容的下方靠右。像是左圖這樣(點了會自動放大)。 但奇怪的是,又只有首頁和一些分類是這樣,內文的部分都是OK的。我本來一直覺得奇怪,我明明測過了應該沒問題呀!所以覺得很慌,難不成我測試的時候瞎了嗎?然後我家當兵的那隻大土狗又吠說「妳以為Blog很容易嗎?連用IE看都會這樣,超low的耶!這樣我根本不想去妳的Blog看」,讓我大受刺激,加上我在Google Analytics發現,這個Blog讀者八成都是用IE,所以,死也要想辦法解決啊啊啊! 當我回去看原始碼的時候,冷靜下來,認為應該是有一個元素開了沒有關。簡單說應該是

By Hana 花水木

甲尚科技

工作滿四週了!

到甲尚科技兼職已經快一個月了(請看之前舊文: 第一次上班、我的辦公桌),工作方面也有一些心得了。一開始主管跟我說我該做的事有四大項:公司官方網站SEO、架設創意軟體部落Blog、網站推廣、電子報、文案、以及可能會跟他們去談業務,跟展場的協助(好像不只四大項)。總之就是超好用打雜工讀生!   我覺得還挺棒的,因為可以學到很多東西。而我運氣很好,碰到一個好主管,感覺得出來他有心教育、栽培我。不但會拿書給我看、告訴我公司的生態、還會帶我去旁聽他們的會議,每次與他meeting他都會苦口婆心地教我許多東西,讓我大開眼界。沒有像很多人說的,一開始進公司當菜鳥,會被叫去做些掃廁所或是倒茶、接電話、寄信跑腿的小事,總之真的很慶幸進入這樣的好公司。(相信我,我老闆並不會來這看,我不是狗腿!) 進去前兩星期我有點像在交作業。我的主管是老師,會交代我做出計畫表、提案計畫等等,然後批改,他總會跟我說很多我應該注意的,以及可以改進的地方,也讓我終於知道業務和行銷的差別(我不是本科系嘛!我什麼都不懂)。所以雖然一開始我都不知道許多事情到底該怎麼開始,但他這樣帶領著我,很自然地我就慢慢知道該如何做了!

By Hana 花水木

MyMiniCity

MyMiniCity的城市傳奇

.!.#### MyMiniCity熱潮 之前部落客掀起一股MyMiniCity的熱潮,許多人都在玩,有些人也寫了文章,讓我很好奇。但一進到MyMiniCity網站,卻是一頭霧水,耶?不用加入會員,只要輸入城市名稱和所在地就好,很怪,那,我怎樣讓別人知道這是我的城市?我怎樣指定房子蓋法?我怎樣經營我的城市? 後來知道原來重點就是「讓訪客多來這個城市」,一天之內越多獨一無二的IP連到城市網址,居民就會越多。一開始知道之後,我只覺得,那又怎樣?連到這個網站對我自己沒啥好處啊!光是要多請一些人來到自己的部落格,就已經夠累人了,還要叫人來我的城市,特別是進這個城市之後,除了一張Flash做的城市圖之外,沒啥特別的,而城市圖也沒特別可愛。若要當虛擬城市來玩,但Flash完全只能看不能點,到底是要尬麻?雖說中間有留言版,可是也沒什麼特別呀! MyMiniCity 與 Your MyMiniCity 之前看到Gene說「請來踩我的MyMiniCity」,我進入他給的網址之後,就一直在找有沒有類似「踩」的按鈕,但就是找不到。唯一可以互動的只有中間類似聊天室的東西。實在不知道意義何在?我

By Hana 花水木

甲尚科技

我的辦公桌

在甲尚科技待到第三個星期了,這個新工作(也是我第一個坐辦公室的工作)的新鮮感慢慢降低,出現一些問題。不過我必須說,就算很奇怪我還是要說,那就是:我真的好喜歡上班耶!還沒適應的就是早起問題。之前都晚睡晚起,現在變晚睡早起,當然痛苦。而且我連現在一週之內不是每天都必須早起都有點適應不了了,好險沒有真的直接上正職,不然可以想見那種慘樣:每天累得不成人型,晚上卻天殺地累到睡不著(累到睡不著很怪嗎?一點都不怪)   另外一個問題就是我的眼睛,可能是戴隱形眼鏡的關係,又或是這兩天沙塵暴,我騎車到公司之後,一整天眼睛是痛到不行。像前天眼睛很痛,害我很沒效率,我第一次覺得有點對不起公司,因為我實在無法一直睜著眼睛。從上面那張照片可看到鍵盤左下方一罐小東西,那是拿來滋潤眼睛的。我一整天用了好多次,但還是一下又痛到睜不開。但又不能把隱形眼鏡拔下來,因為我沒戴眼鏡,我必須騎車回家,瞎子騎車是很可怕的。 有了前天的經驗之後,昨天我就戴眼鏡上班,包包裡有戴隱形眼鏡。但一到公司,大家都用異樣眼光看我,好像都認不出我來! 是怎樣?我知道我戴眼鏡是比較呆比較素,但也不必這樣吧!每個人看到我都錯愕、恍然大悟

By Hana 花水木

其他類型

交響情人夢:蓋希文【藍色狂想曲】

最近看完日劇「交響情人夢」,真的非常地感動呢!不光是裡面的音樂讓人感動,主角們為了夢想打拼、快樂的追逐夢想,那種感覺真的很容易讓人飆淚啊!尤其是女主角野田妹為了與男主角並肩同行,而做的努力,真的讓人很感動。覺得自己比對方落後了,不會想自私地拉住對方,反而更努力地想要迎上去,真的好感動。 看完之後讓我思考滿多的,其實,野田妹的天份絕不會輸給千秋王子,只是一直以來志向就不一樣,所以似乎看起來是千秋王子比較順利有成就,實際上千秋王子也有許多東西可以教給野田妹,畢竟一直以來他比她努力太多了。但千秋王子也知道自己有不足的地方(搞不清楚方向、沒有衝勁、思考較不靈活等等),卻不會因此而用自大來掩蓋自卑,反而是常常帶著一顆謙讓的心,看到別人表演時,就算是本來看不起的,也還是會仔細體會他們的好,所以他在天才之餘,又能從其他地方學到他所不足的。 像野田妹就讓他學到更深的一層,接觸野田妹之後,千秋王子的sense大幅提高,也開始知道自己要什麼,耳朵也開始變利了。野田妹有千秋王子所沒有的天份,所以雖然她常常亂七八糟,但當他看到她彈鋼琴時,就算一直彈的有問題,千秋王子還是願意去聆聽、分析她的才華裡面自己

By Hana 花水木