阿杰老師的部落格實驗室

Fedora Core 3 下載

Fri, 10 Aug 2007 05:12:09 +0800

可以到各大學的 ftp 網站下載

參考的安裝方式

Fedora core3 live-cd

內含
採用最新核新kernel 2.6.10
squashfs 2.1 rc2
桌面環境使用kde 3.3.2
繪圖軟體gimp 2.2
星際譯王stardict 2.4.4
Openoffice 1.1.3 螢火飛版
adobe 含亞州字型
王漢宗老師字型
等多套軟體

下載點
ftp://ftp2.tnc.edu.tw/pub2/pake/ossacc_live-1.3rc2.iso

[系統安裝] Fedora Core 3 上的 LifeType 安裝

Fri, 10 Aug 2007 05:07:48 +0800

Linux 上的安裝有些要注意的地方哦！

1. 請到 LifeType 的官方網站下載 1.1.6 版本

lifetype 1.1.6版

2. 請解壓後放到 /var/www/html/

資料夾可以重新命名為 blog

建議手動編輯 config/config.properities.php 檔，因為裡面多了兩個新的參數：

$config["db_host"] = "localhost";
$config["db_username"] = "root";
$config["db_password"] = "password";
$config["db_database"] = "lifetypedb";
$config["db_persistent"] = true;
$config["db_character_set"] = "utf8";
$config["db_prefix"] = "lt_";

3. 將 tmp 及 config 資料夾設成可寫入的權限

將 config.properties.php 權限設成可以寫入

4. 瀏覽器中 http://localhost/blog/wizard.php 進行安裝

localhost 可以設成真正外連的網址哦！不然未來要進到管理介面中去修改新的網址。

5.請注意語系要設成 zh-tw unicode 繁體中文。

6. 最後一個步驟就會要求將 wizard.php 刪除或改名。

7. 驗收成果

進階設定 - 簡易網址

進入管理介面

全部站台管控>網址設定>讓搜尋引擎易於搜尋的簡易網址

在 /etc/httpd/conf/httpd.conf

最後加入

重新啟動 Apache 才會作用

在 blog 資料夾內顯示隱藏檔案 .htaccess 最後加入下面程式

可以指向 summary.php 摘要頁

課程反應調查表

Thu, 09 Aug 2007 15:41:34 +0800

標題:	臺北市教師研習中心 - 課程反應調查表 (ID 32)
問卷連結 URL:	http://web.tiec.tp.edu.tw/phpsurveyor/index.php?sid=32
說明:	96年度Blog網誌－班級網頁系統建置專修研習班 (第二期) （96.08.02-96.08.09）講座姓名：陳怡杰、蔡明璇講師、楊怡真助教
歡迎:	此份調查表是以不具名方式實施，目的是想瞭解本中心辦理研習情形，以作為將來研習課程改進之依據，請您依據實際情況，勾選出最接近您個人觀點的答案。謝謝。

LifeType 1.x 外掛清單

Thu, 09 Aug 2007 14:50:29 +0800

外掛下載位址

http://sourceforge.net/project/showfiles.php?group_id=83964

紅色的是目前阿杰老師有在使用的！

1.1_adrotate.zip
1.1_akismet.zip
1.1_apod.zip
1.1_articlereferers.zip
1.1_atom.zip
1.1_authimage.zip
1.1_ayearago.zip

1.1_badbehavior.zip
1.1_blogtimes.zip
1.1_categorybrowser.zip
1.1_categorycloud.zip
1.1_clickablecomments.zip
1.1_cocomment.zip
1.1_contentfilter.zip
1.1_delicious.zip
1.1_digestview.zip
1.1_dnsantispam.zip
1.1_ectocustom.zip
1.1_editcomments.zip
1.1_emailencryption.zip
1.1_feedreader.zip
1.1_galleryfeeds.zip
1.1_galleryimages.zip
1.1_gallery.zip
1.1_googleanalytics.zip
1.1_gravatar.zip
1.1_helloworld.zip
1.1_hostblock.zip
1.1_jupload.zip
1.1_karma.zip
1.1_linktracker.zip
1.1_mailcentre.zip
1.1_mobile.zip
1.1_moblog.zip
1.1_moderate.zip
1.1_movabletype.zip
1.1_nestedcomments.zip
1.1_nofollow.zip
1.1_openid.zip
1.1_plogeshi.zip
1.1_plogpoll.zip
1.1_print.zip
1.1_randomimage.zip
1.1_recentcomments.zip
1.1_recommended.zip
1.1_reflection.zip
1.1_secretblog.zip
1.1_secret.zip
1.1_shoutbox.zip
1.1_sitemap.zip
1.1_smileys.zip
1.1_sociable.zip
1.1_stickyposts.zip 1.1_submissions.zip
1.1_tagcloud.zip
1.1_technorati.zip
1.1_templateeditor.zip
1.1_templatefilter.zip
1.1_textparser.zip
1.1_tidyoutput.zip
1.1_topcommentposts.zip
1.1_topcommentvisitors.zip
1.1_topreadposts.zip
1.1_toptrackbackposts.zip

[網頁設計] IE Developer Toolbar

Thu, 09 Aug 2007 14:07:28 +0800

想要了解任何網頁的設計密祕嗎？

可以安裝這個小工具 - IE Developer Toolbar

按下工具列上的

其中有幾個好用的功能

1. 取色功能 [ Tool > Color Picker ]

2. 尺規功能 [ Tool > Show Ruler ]

3. 顯示 CSS 的 ID 及 Class - [ View > Class and ID Information ]

[配色] 推荐的配色網站

Thu, 09 Aug 2007 14:00:10 +0800

１、選定你的主題色，輕輕一按就能幫你搭配合適的顏色，還能調節亮度與飽和度，非常專業喔
(阿杰老師推薦 !! )
http://wellstyled.com/tools/colorscheme/index-en.html

２、選擇你的基調色，馬上給你16種配色
http://www.colorschemer.com/online.html

３、選擇你的基調色，馬上給你5種配色
http://colorblender.com/

４、只要輸入一個物品名稱（例如tree）就能產生相關顏色
http://colr.org/

５、收錄了很多主題配色的方案
http://www.print100.com/hk/html/csi.aspx

[模版改造] 如何增加頁首的水平選單

Thu, 09 Aug 2007 11:30:12 +0800

想要加入如同阿杰老師網誌上的水平選單嗎？

你必須要在 roodo.css 及 header.template 兩個檔案中加入程式碼！

roodo.css 加入程式碼
/* 水平選單 */
#hnav {
font-size: small;
}

#hnav li ul li a { /* for sub-menu items */
/* Apply the width here (not to li) so that IE regards entire width as clickable */
/* This also seems to fix the "3px gap between list items" bug in IE. */
width: 6em;
border-top-style: none; /* to get single line between items */
padding: 1px 10px 2px 10px;
}
/* note: important to keep ordering of LVHA link, visited, hover, active */
#hnav ul li { display: inline; }
#hnav ul li a
{
padding: 0.2em 1em;
background-color: #121212; /* 背景色彩 */color: #bfbfbf; /* 平常的文字色彩 */text-decoration: none;
border-right: 1px solid #fff;
}
#hnav ul li a:hover
{
background-color: #94C22C; /* 移上的背景色彩 */color: #fff; /* 移上的文字色彩 */}
#navlist li #current
{
color: #799F27;
}

header.template 加入程式碼

你可以依需求去增減或修改程式碼！

<div id="hnav"><ul>
<li><a title="{$locale->tr("main")}" href="{$url->blogLink()}">{$locale->tr("main")}</a></li>

<li><a title="{$locale->tr("archives")}" href="{$url->templatePage("archives")}">{$locale->tr("archives")}</a></li>

<li><a title="{$locale->tr("links")}" href="{$url->templatePage("bookmark")}">{$locale->tr("links")}</a> </li>

<li><a title="{$locale->tr("admin")}" href="{$url->getAdminUrl()}">{$locale->tr("admin")}</a></li>

<li><a class=aside title="臺北市教師研習中心部落格" href="{$url->getBaseUrl()}/summary.php">北市教研中心部落格</a></li></ul>
</div>

自訂模版

Thu, 09 Aug 2007 11:29:10 +0800

想要設計屬於自己的部落格模版嗎？

1. 只要進入[個人網誌設定>網誌模版編輯器]選取一個你喜歡的模版做為基本樣式後。按下複製模版圖示。

接著就可以命名一個只有自己可以使用的模版啦！

2.再由 [個人網誌設定>基本設定>網誌設定]中的「模版」由下拉選單中去選擇剛才建立的自訂模版。

3.以後就可以由[個人網誌設定>網誌模版編輯器]中，在自訂模版上按下[編輯]圖示去進行修改。

接著就可以看到很多的 template 、css 、圖檔。

至於如何修改。請看後續的教學！

你還可以閱讀

[初學者] 修改自訂模版

[外掛修正] 置頂文章

Thu, 09 Aug 2007 11:12:53 +0800

在　FireFox 瀏覽器下，相關項目會連在一起。

可以進行如下的修改就可以了！

原本的程式碼

{foreach from=$stickys item=post}
<a ~~class=jayaside~~ title="{$post->getText()|truncate:150:"..."|strip_tags|escape}" href="{$url->postPermalink($post)}">{$post->getTopic()}</a></br>
{/foreach}

改成

{foreach from=$stickys item=post}
<DIV class=sidebody><a title="{$post->getText()|truncate:150:"..."|strip_tags|escape}" href="{$url->postPermalink($post)}">{$post->getTopic()}</a></DIV> {/foreach}

同法修改　links.template 下的公告區段

[Livedoor 模版] 有關　月曆的修改

Thu, 09 Aug 2007 10:31:16 +0800

請修改　roodo.css

搜尋

.caltbl{
xxxxx 不用管
}

改成

.calendartable{
xxxxx 不用管
}

加入當日的樣式

/* jay add for today */
.calMonthToday{
color:#300;
font-size:small;
font-weight:bold;
padding:10px 0;

text-align:center;
}
/* jay add for today end */