在自己的網頁上放上地圖當作指標,是一件很酷的事情。可以明確的指出地點,更可以增加網頁的內容。當然,目前網路上有提供這樣免費服務的廠商,也只有咕狗大神了。
很多人會覺得很難,事實上谷歌有提供中文教學,甚至是範例。簡簡單單輕輕鬆鬆就可以把世界地圖放到自己的網頁中。放置地圖的方法很多,大致上以 javascript or flash or 靜態圖片為主,其中又以 javascript 最具競爭力(因為flash太大,靜態圖片沒互動功能), so... 底下附上教學網址,按照教學步驟一步步走,很容易就能在自己網頁上放上自己喜歡的地圖內容!
Google Map API 教學
為了證明自己是看教學就學會的,提供一個之前做的內容來證明,順便打廣告XD
http://www.tiix.tku.edu.tw
2010年11月6日 星期六
2010年11月3日 星期三
加油!維基百科 wikipedia!編輯 wiki 不簡單!
一直以來總是認為 wiki 的編輯方式,就是以 html 為基礎,結果真的要開始進行,才發現問題很大
一般 wiki 都會有自己的語法,並不能直接用 html 下去編輯,底下以 wikipedia 用的 mediawiki 來說明
例如 斜體 就要輸入 ''斜體'' 來標記格式
又例如數字表單
剛使用會覺得很麻煩,但其實是一種簡化的編輯方法,讓使用者更快更簡單的進行編輯(只是要先學會並適應)XD
附上教學網址,有興趣可以去看看,多為中文維基百科提升點競爭力XD(看看英文跟日文...條目還真多阿)
wikipedia 教學連結
mediawiki 官方教學連結
一般 wiki 都會有自己的語法,並不能直接用 html 下去編輯,底下以 wikipedia 用的 mediawiki 來說明
例如 斜體 就要輸入 ''斜體'' 來標記格式
又例如數字表單
- 壹
- 貳
- 一
- 二
剛使用會覺得很麻煩,但其實是一種簡化的編輯方法,讓使用者更快更簡單的進行編輯(只是要先學會並適應)XD
附上教學網址,有興趣可以去看看,多為中文維基百科提升點競爭力XD(看看英文跟日文...條目還真多阿)
wikipedia 教學連結
mediawiki 官方教學連結
2010年10月29日 星期五
顏色或配色或選色的困擾
最近在弄網頁,發現要調配出好的顏色,實在有夠困難,沒有買色票或是參考書,以自己的能力永遠都沒辦法成功。。。還好網路上的工具不少,配色就靠它拉!
顏色字典
www.colordic.org
除了選色之外,還可以測試背景跟字的顏色,也可以上傳圖片測定顏色,真的是網頁設計的好工具!
顏色字典
www.colordic.org
除了選色之外,還可以測試背景跟字的顏色,也可以上傳圖片測定顏色,真的是網頁設計的好工具!
2010年10月22日 星期五
KompoZer 網頁編輯 HTML Editor
網頁編輯軟體,首推 Dreamweaver
免費的網頁編輯軟體,頭推 KompoZer
WYSiWYG 所見即所得,就是這款軟體的寫照
只有 Word 文書軟體經驗的人,也可以輕鬆上手!
http://kompozer.net/
推薦穩定版本,雖然舊,寫出來的東西很乾淨!
免費的網頁編輯軟體,頭推 KompoZer
WYSiWYG 所見即所得,就是這款軟體的寫照
只有 Word 文書軟體經驗的人,也可以輕鬆上手!
http://kompozer.net/
推薦穩定版本,雖然舊,寫出來的東西很乾淨!
訂閱:
文章 (Atom)