pupuliao的部落格

寫教學的最大目的是教會未來的自己

給瀏覽器用的HTML編輯器-ckeditor(安裝篇)

會寫網站的人,應該都知道HTML吧,當然也有人看不懂也照樣做網站,畢竟現在很多軟體都有視覺化的處理方式,就算不懂HTML 也可以做出一個不錯的網頁。

但是,當你是要做一個論壇(這應該不會有人要自己刻了)、一個留言板、甚至是一個回函系統,有很多狀況是要使用者在網頁上自己編寫,方法大家都知道,用一個<form>,裡面再包一個<textarea> 恩 搞定,但是….如果不懂HTML,就算是後製處理,可能只能幫他換行,難道要教使用者如何使用HTML嗎?不可能嘛,所以就是要使用給瀏覽器用的HTML編輯器,而我常用的就是這套"ckeditor"

他是用種 利用javascript 實作出,平常我們網頁編輯軟體的"設計"模式,相當方便

 

閱讀全文

Post to Twitter Post to Plurk Post to Facebook Send Gmail

新增社群網站的連結,讓文章可以快速貼上

在之前我寫過一篇在wordpress 中 plurk facebook twitter 的按鈕 前幾天在審查同學的教學文時,發現了這個好用的plug-in

外掛名稱 Tweet This

 

1. 安裝 Tweet This

2.安裝好後 進入這裡設定

3.點選Extended Services 可以看到其他的社群網站可以設定

4.剩下的請自行摸索,我五分鐘就搞定了 所以不再寫教學了XD

 

 

Post to Twitter Post to Plurk Post to Facebook Send Gmail

增加共用程式碼,減少ctrl+c/ctrl+v-php的共用程式碼

繼續回到這個主題….

之前我們提到用CSS 來統一網站的顯示效果,讓網站排版特效的一致化

那其他地方呢?

在這裡講一些PHP中 共用程式碼的方法..

有寫php 的人,應該都知道 include 和 require 的兩種用法,兩者之間的差異呢……就我所理解的…..應該只是當出現 error 時的處理方式不同,一個死在裡面,一個死在外面。

我們要好好善用 這種功能

閱讀全文

Post to Twitter Post to Plurk Post to Facebook Send Gmail

台灣3G上網收費方式之我見

最近,一直有新聞在砲轟台灣3G吃到飽卻吃不到的抱怨,恩家中老爸剛好也有用中華的3吃到飽方案,所以就無聊來寫一下。

基本上無線網路和有線網路不同,他的頻寬是固定的,一個基地台涵蓋範圍內能提供的頻寬是固定的,不像光纖,要變快就多拉一條線就搞定,那要怎樣增加頻寬呢?哦…..基地台架設密一點,讓每個基地台負責範圍縮小,減少基地台的負荷量,但是….架設太多的話,又會有人出去拉白布條抗議(其實要減少基地台的數量最簡單的方法就是 把手機丟了….這個地區使用量下降,基地台自然減少)

好在來看費率

 

閱讀全文

Post to Twitter Post to Plurk Post to Facebook Send Gmail

增加共用程式碼,減少ctrl+c/ctrl+v-善用CSS

當我要寫這篇的時候…….我十分羞愧地承認,我還不完全善用CSS

我的CSS 功力仍然十分薄弱…..

所以 這篇 有些只是嘴砲 說說理論……..

 

在很早以前,我學習 撰寫網頁時,恩~不能說撰寫,因為我是用 dreamweaver和 frontPage的 設計界面….,當然,有時會使用一下程式碼模式

那時候 很多顯示效果都適用 HTML搞定,像是font 這種東西,雖然現在大多使用CSS 來設定,但是有時候還是會不小心 用到….多年來的習慣…

好像有點離題了….

 

閱讀全文

Post to Twitter Post to Plurk Post to Facebook Send Gmail

增加共用程式碼,減少ctrl+c/ctrl+v-序

從網路剛剛發展開始,就開始接觸網頁製作,上了大學之後,也可以接觸程式的撰寫,雖然到現在也還是個新手,但是有些心得還是要說出來和大家分享。

很多人應該跟我一樣,學習的一開始都是複製…貼上…複製…貼上,使用別人的範例,修改一點東西,成為自己的東西,恩~沒錯,到現在我仍然是這樣。

很多時候,同樣一段程式碼,會時常被用到,那自然而然的就多貼上了幾次,只是時間久了,次數多了,對於一個程式本身是一個相當大的傷害,這會成了這個城市中一個相當大的定時炸彈,何時會出事不知道,一出事玩死你。

就已寫網站來說明好了

每個頁面中,一定會有許多地方相同,像是標題、目錄、版權宣告、資料庫連結,如果每個頁面都是,而且都是複製貼上…當哪一天要修改時….你就知道多爽了….,理論上可行,但是保證你不敢改,我目前幫我爸維護的網站就是這樣,他想要修改目錄,但是要改就要把上百個頁面通通修改….,想要整我也不用這樣吧…我絕對不會改的

這次的主題有點長….分幾次寫好了….

Post to Twitter Post to Plurk Post to Facebook Send Gmail

去你的IE!!

今天去了學校一趟,對我的報修系統做了進一步的報告,測試的時候…..E04死IE,給我統康!!!

原來我之前在寫CSS 的時候是使用win 7 +IE9 的介面

弄好基本介面後 就開始撰寫程式,結果沒注意到萬惡IE還有其他版本

阿後 全部死光光

只好搬救兵了……

 

以下是我找出網路上的說明

Note: The values "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values.

我就是死在這個手上….

 

Post to Twitter Post to Plurk Post to Facebook Send Gmail

sitelutions-網域申請教學-付費網域申請

付費網域的申請 不像上次 免費的那麼容易….需要填不少資料

因為 要抓圖,我又要重新申請一次….好麻煩阿

所以這篇拖了這麼晚才弄出來…………….

先來看一下 你必須要先準備的東西

1. 可以線上刷卡的 信用卡 or VISA金融卡

2. 英文名字(用護照上的)

3. 英文地址(郵局網站上可以幫你查)

4.開google 翻譯吧~~~

5.網站IP (事後可以再改)

 

閱讀全文

Post to Twitter Post to Plurk Post to Facebook Send Gmail

好用的截圖軟體FSCapture

一張圖勝過千言萬語,通常在寫教學、講義時,最常需要的就是圖,以前我都用PrintScreen + 小畫家搞定…不過圖量一多就很麻煩,所以就求助了google 大神…,有其他網站再推這套,就下載下來試用了看看,相當不錯,可以抓整個螢幕的影像,或是特定視窗的影像,也可以選定一個範圍,可以自動加上浮水印,或是邊框,設定好後還可以自動存檔。

 

說了那麼多,其實我只用了 抓特定視窗+自動存檔

官方網站:http://www.faststone.org/FSCaptureDetail.htm

中文免安裝版:FSCapture.rar

 

他是中文介面的…應該不需要多做教學了吧……

Post to Twitter Post to Plurk Post to Facebook Send Gmail

Copyright © 2019. All Rights Reserved.

歡迎光臨
初音