顯示具有 網頁編輯 標籤的文章。 顯示所有文章
顯示具有 網頁編輯 標籤的文章。 顯示所有文章

2010年11月6日 星期六

在自己的網頁上玩弄 Google Map

在自己的網頁上放上地圖當作指標,是一件很酷的事情。可以明確的指出地點,更可以增加網頁的內容。當然,目前網路上有提供這樣免費服務的廠商,也只有咕狗大神了。

很多人會覺得很難,事實上谷歌有提供中文教學,甚至是範例。簡簡單單輕輕鬆鬆就可以把世界地圖放到自己的網頁中。放置地圖的方法很多,大致上以 javascript or flash or 靜態圖片為主,其中又以 javascript 最具競爭力(因為flash太大,靜態圖片沒互動功能), so... 底下附上教學網址,按照教學步驟一步步走,很容易就能在自己網頁上放上自己喜歡的地圖內容!
Google Map API 教學

為了證明自己是看教學就學會的,提供一個之前做的內容來證明,順便打廣告XD
http://www.tiix.tku.edu.tw

2010年11月3日 星期三

加油!維基百科 wikipedia!編輯 wiki 不簡單!

一直以來總是認為 wiki 的編輯方式,就是以 html 為基礎,結果真的要開始進行,才發現問題很大

一般 wiki 都會有自己的語法,並不能直接用 html 下去編輯,底下以 wikipedia 用的 mediawiki 來說明

例如 斜體 就要輸入 ''斜體'' 來標記格式
又例如數字表單
  1. 壹
  2. 貳
    1. 一
    2. 二
就要輸入 #壹#貳##一##二 來標記格式

剛使用會覺得很麻煩,但其實是一種簡化的編輯方法,讓使用者更快更簡單的進行編輯(只是要先學會並適應)XD

附上教學網址,有興趣可以去看看,多為中文維基百科提升點競爭力XD(看看英文跟日文...條目還真多阿)


wikipedia 教學連結
mediawiki 官方教學連結

2010年10月29日 星期五

顏色或配色或選色的困擾

最近在弄網頁,發現要調配出好的顏色,實在有夠困難,沒有買色票或是參考書,以自己的能力永遠都沒辦法成功。。。還好網路上的工具不少,配色就靠它拉!

顏色字典
www.colordic.org

除了選色之外,還可以測試背景跟字的顏色,也可以上傳圖片測定顏色,真的是網頁設計的好工具!

2010年10月22日 星期五

KompoZer 網頁編輯 HTML Editor

網頁編輯軟體,首推 Dreamweaver
免費的網頁編輯軟體,頭推 KompoZer

WYSiWYG 所見即所得,就是這款軟體的寫照
只有 Word 文書軟體經驗的人,也可以輕鬆上手!

http://kompozer.net/
推薦穩定版本,雖然舊,寫出來的東西很乾淨!
Related Posts Plugin for WordPress, Blogger...