網頁亂碼或問號問題

網頁(UTF-8) 於 瀏覽器 出現亂碼解法http://blog.longwin.com.tw/2009/07/html-utf8-browser-encoding-solution-2009/

解決 PHP/mySQL 資料庫讀取中文顯示亂碼或問號http://www.mrmu.com.tw/2011/01/09/php-mysql-utf8-unicode/

Google Site (協作平台) 留言板製作

    Google Site 到現在還是沒有提供留言的gadget，雖然他有一個"Comment"的回覆功能，中文稱"註解"，但是需要使用google帳號，並且還要被加入到此Site權限中才可留言使用。

我們留言板需要的功能有

1. 大家都看的到
2. 可以匿名留言
3. 不用自己架站
4. 免費

在網路上我也只有找到用iframe + 免費留言版的方式加入至Google Site
以下為主要步驟

1. 至tovery申請免費的留言板
2. 至iframe教學加入iframe，並把留言板的網址加入進來即可

詳細步驟

未來將會詳細介紹...

什麼是margin與padding?

• padding => 邊界內側到內容之間的留白，可以設定背景。
• margin => 邊界外側區域。

例子
    以人的身體來比喻，骨頭就是區塊內容，皮膚就是邊框，肌肉是padding，人與人之間就是margin。

程式註解範例

HTML

<!-- 這是註解 -->

CSS

/* 這是註解 */

Javascript

// 單行註解
/* 多行註解 */

PHP

// 單行註解
/* 多行註解 */

C/C++

// 單行註解
/* 多行註解 */

Java

// 單行註解
/* 多行註解 */

Python

# 單行註解
''' 多行註解 '''

HTML 標籤介紹

HTML 大致分為<head>與<body>

• <head> 描述文章標題等資訊，不會顯示在瀏覽器上。
• <body> 描述顯示在瀏覽器上的內容。

1. 在head標籤中，常用的標籤
• <title> 指定網頁標題。
• <meta> 指定網頁附加資訊(作者、關鍵字、簡介)。
• <link> 指定網頁檔案之間的關係。
• <script> 讀入腳本。一般為javascript，但也有phthon等script。
2. 在body標籤中，常用的標籤
• [區塊標籤]
• <h1>~<h6> 標題。數字越小階層越高。
• <p> 段落。用來指定構成一段文章的文字
• <ul> 條列。
• <li> 無順序之條列項目。
• <ol> 有順序之條列項目。
• <div> 把特定範圍內容指定為同一群組。

• [內文標籤]
• <a> 連結。
• <br> 換行。
• <img> 圖片。
• <em> 強調。可強調任何文字。

標籤介紹

• 右邊為連結範例 => <a href="www.google.com.tw">Google</a>
• 解釋 =>
• <a href="www.google.com.tw">Google</a> => 我們稱為"標籤"
• <a href="www.google.com.tw"> => 開始標籤
• </a> => 結束標籤
• href => 屬性名稱
• www.google.com.tw => 值
• Google => 標籤內容