[轉貼]浮動IP救星 No-IP

轉貼:http://changyang319.pixnet.net/blog/trackback/a78eeb29c2/32476829

DDNS設定教學，使用No-IP服務，及利用DUC程式動態來對應主機與IP位址

　　無論在家裡或是公司裡的中華電信ADSL(實際上是VDSL，為了一般口語，才稱為ADSL)，都已經將原本8個動態IP改成1個固定IP+7個動態IP了(中華電信更改固定IP網址)，而這個固定IP也都已經用來架設公司或是個人網站了，所以剩下來的動態IP，就不方便用來比較正式的網站了。

　　但是對於一些特別的需求，且不在意網址，而硬是想要利用這些動態IP時，也不是不可行，除了利用之前教學過的「DDNS設定教學，使用D-Link無線IP分享器」，使用IP分享器來同步這些動態IP之外，若你沒有分享器的話，另外一個方法，就是透過自動更新IP的客戶端軟體。
　　提供DDNS服務的業者有很多，最常見的大概就屬「DynDNS」和「No-IP」這兩家，蠻多的分享器都會支援DynDNS，但卻不一定支援「No-IP」，所以，我自己的習慣，如果有要透過「分享器」來做到DDNS功能時，我會選擇「DynDNS」；而如果是要直接使用PPPoE撥號連線上網的話，我就會使用「No-IP」，因為No-IP有提供DUC軟體，可以讓我們安裝在電腦上，藉此通知No-IP我們電腦目前所使用的IP位址。
　　而再開始我們的教學之前，你必需要先至「No-IP」網站，去申請No-IP的帳號。
ddns-1.jpg
　　Step 1. 申請完帳號後，請登入您的No-ip帳號，接著點擊左上角的「Hosts/Redirects」，接著再從該功能版面中點擊「Manage Hosts」，最後再點擊「Add A Host」。No-IP可以免費讓你新增「5部」主機，從下圖的範例中，可以看到我原本就已經有2部了。
ddns-2.jpg
　　Step 2. 在「Add a host」面頁中，乍看之下，好像有很多專業的欄位需要你填寫，但其實最基本只要填寫兩個填位而已，一個是你想要的主機名稱(名稱不可以和別人相同)，另一個則是從下拉式選單中，選擇一個「網域名稱」。
ddns-3.jpg
　　但在選擇「網域名稱」時，也不是每一個都可以選，在選擇時，你應該會看到這些網域有一些分類，像是「No-IP Enhanced Domains」、「No-IP Plus Domains」、「No-IP Free Domains」，但實際上你只能選擇「No-IP Free Domains」這部份的網域名稱，其餘的名稱都是付費的網域名稱。
ddns-4.jpg
　　Step 3. 接著你剛才加入的Host，就可以在清單中看到了。
ddns-5.jpg
　　但還沒有結束喔，到這邊你只做了一半的設定工作，一般來說，初次這樣設定時，這個設定的HOST網址，是有機會可以直接運作的，只要你在設定時，是用該部電腦在設定，這樣就會在IP的位址填入正確的IP，或者你也可以直接就把目前正確的IP填進去，初次的設定就會運作的很好。
　　但要是你重新撥號，更換了電腦的IP怎麼辦呢？
　　當然，你也可以手動的上No-IP網站來把該Host的IP位址做修正，但一般來說，沒有人會手動做這些事，又不是閒閒沒事做，動態IP不適合架站最主要的原因，就是這個原因，我們要一直的修正「網域名稱」與「主機IP」的對應。
　　所以，這時最好就需要有一支程式來做這件事，而No-IP就寫出這個程式「DUC(Dynamic Update Client)」來幫你完成這煩人的對應工作，這部份在下一段來做解說。

使用No-IP DUC來做主機及網域的對應

　　要使用DUC(Dynamic Update Client)，當然是先要去No-IP的網站來下載程式，來更新IP，下載的網址如下：
　　Step 1. 請點擊〔Download Now〕，並且安裝好DUC程式。
ddns-6.jpg
　　Step 2. 輸入你的No-IP的帳號及密碼，接著點擊〔OK〕，如下圖：
duc-1.jpg
　　Step 3. 接下來要設定在這部主機上，你想要設定對應哪部主機，這時可以點擊〔Edit Hosts〕。
duc-2.jpg
　　Step 4. 接下來會列出你已經設定好的Host清單，只要從清單中選擇你想要對應的Host，最後再點擊〔Save〕即可。這設定的步驟，除非你還有要修改，要不然的話，你只需要做一次就可以了，之後只要執行程式就會自動對應你想要的Host。
duc-3.jpg
　　看到這三個綠色的「打勾」，即代表host已經對應好IP了。
duc-4.jpg
　　

轉貼:http://changyang319.pixnet.net/blog/trackback/a78eeb29c2/32476829

無名 搬家 Blogger

2013/9/2 ~ 2013/12/26 無名末日倒數
該逃去哪呢 眾說紛紜
本人決定逃到 Blogger

這時候就問題來了

文章? 回文? 照片? 影片? 音樂?

搬個家還怪痛苦的.

再來無名一連串的政策失誤 真的也讓我見識到了
應該說 燒到我一次 也是最後一次了

廢話不多說 進入正文

搬家寶典 (無名 to Blogger)

1.付費(含測試5篇文章) 1篇2元 圖片不失連(無名相簿的圖) 感覺不錯~
http://tw.piliapp.com/move/?ref=top

2.手動加工 (免費-災難連連~but堪用)

2.1.
轉-重灌狂人
無名要倒了？如何幫「無名小站」部落格搬家到 Google 的 Blogger 去？
http://briian.com/?p=10534

2.2.
轉-阿榮福利味
iWretch 1.7.5.0 免安裝中文版 – 無名相簿下載程式 無名關站相簿備份專用
http://www.azofreeware.com/2012/06/iwretch-1730.html
成果:

2.3.
可是影片,音樂怎麼辦咧…?
其實還是有辦法…
(雖然本人完全不推薦無名官方的做法 因為鎖定blog後台之後 就是悲劇的開始)

依照官方提供的新式備份
[請務必先留下舊的備份 因為不先拿出來之後就沒辦法救了~!]

{帳號}-dataalbumdetail.html
{帳號}-dataaudiodetail.html
{帳號}-datavideodetail.html

打開 ?.txt後 可以看到一整串連結

這時候 就可以用 JDownload 迅雷 等等的續傳軟體下載了

或者參考此方式:
轉-免費社群資源
從無名小站批次合併、下載、打包實體照片教學，可一次下載全部相簿照片
http://www.freegroup.org/2013/09/wretch-album-combine-download-all-photos/#comment-139167

[轉貼]Google Chrome F12 開發者工具

轉載 http://fundesigner.net/chrome-dev-tool/

每次當要寫網頁時，不外乎就是時常打開瀏覽器來看顯示是否正常，看看是不是哪邊語法錯誤等等。而如果發現錯誤，我第一個不是回去看程式碼有沒有問題，而是使用Google Chrome開發者工具(Developer Tools)，這個工具相當方便，不但在開發時能夠讓CSS快速完成，並且能夠即刻查看效果，沒錯，我平常都是這樣用的。
什麼是「Google Chrome Developer Tools 開發者工具」?
有些讀者可能沒使用過這個工具，其實這個工具在Google Chrome中就已經內建了，只要用Chrome開啟任一網頁按下「Ctrl+Shift+I」就會開始這個開發者工具。
另法：直接用滑鼠，按右鍵點「檢查元素」。
1
如上圖，會跳出一個Developer Tools開發者工具。這時候我們就可以來好好利用這個工具囉！
另外，也可以讓他固定在瀏覽器的下方，不獨立出一個視窗。只要點開發者工具視窗的左下角，第一個按鈕，就可以了。
3
然後就可以固定住了。
4

選取某區塊、段落

當我們要開始使用之前，當然要先選到要修改的地方，不需要再一直從開發者工具去打開層疊樹找指定區塊。
所以，我們先把滑鼠移到某區塊上面，並點選「檢查元素」：
2
這樣一來開發者工具就會自動固定到該區塊，然後看到下圖的右邊，出現了可以修改的樣式！
5

CSS 調較樣式、新增樣式功能

這個功能是我最常用的一項功能，因為用他來開發 CSS 樣式真的非常快。
承上一節，我們看到右方的樣式部分：
6
從上圖可以看到，怎麼會出現兩個font-size？因為我在開發的時候不小心前面打過了後面又再打一次，所以，前面的15px會自動被後面的16px覆蓋掉，而15px會被劃刪除線，意思就是這句已經被覆蓋掉不會生效。

修改顏色

在開發過程中常常會修改顏色，到最好看的地方。承上圖，我們可以看到在background: 右邊有一個正方形的顏色塊，我們可以點一下。
點一下之後我們就可以選其他顏色，而且這個調色盤的功能相當完整，是用漸層來讓你選顏色，而且還有透明度的調整。
7
另外你還可以發現點了之後，在網頁中的該區塊顏色會立即被更改成你選擇的顏色，方便立即查看效果。
（當然，這邊的修改在重新整理之後就會恢復原本的樣子）

修改值

很簡單，在每一個樣式上按一下就會自動變成編輯狀態，然後就可以修改成你要的樣子。
如下圖，我將留白改為左右各60px。
8
小技巧：將數值反白後，可利用鍵盤的↑↓鍵來調整數值，一次單位為1。

自動完成功能

此外開發者工具也很貼心的有自動完成的功能，只要輸入字頭，就會自動跳出自動完成的字了，這時候只要按下TAB鍵就可以自動完成拼字了。
9

取消樣式

當然，也可以把不需要用到的樣式，或不要用的樣式讓他不生效，很簡單，在屬性的左邊有一個打勾勾的地方，把他勾掉就不會套用該行樣式。
10

新增樣式

新增樣式的方法也很簡單，只要在旁邊的空白處按一下左鍵，就會出現新增屬性的框框了。
11
把自動完成發揮到極致，如下圖，選擇border，按下Enter，再按下TAB輸入值即可。
12
然後就可以整個把他輸入完囉，最後再按一下Enter就可以完成編輯。
13

HTML 新增、刪除、更名元素

Google當然也有想到這一點，所以在開發者工具裡面也可以把元素做一些調整，如刪除、新增和修改。
而要做這一些步驟，只要在開發者工具左方的元素上按下右鍵即可。
14
這邊可以做很多項調整，像是可以刪除該元素，如上圖。
如果你想要改class屬性的值，就在那上面快點兩下，就會變成編輯的狀態，就能修改。
15

偵錯功能

當然，開發者工具一定要有偵錯功能才稱的上是開發者工具嘛，要看目前的網頁有沒有錯誤，就點一下Console標籤即可。
16
這時候就可以知道哪邊有問題、想辦法要如何解決了。像是第二行的錯誤很明顯就是找不到檔案，這時候就可以去想是不是檔案名稱打錯了之類的解決方式。

務必記得

請注意，在這個開發者工具內做的所有動作都是暫時的，所以當你使用開發者工具修改了某元素之後，請務必也將原始檔案做更改的動作，才會生效。否則重新整理之後還是會恢復原來的樣子。
使用開發者工具的好處就是可以馬上添加某樣式下去看效果，修改樣式。Yuxin都是使用這個將覺得不好看的樣式先用開發者工具做修改，然後再將修改後的樣式程式碼複製，再貼回原始檔。
就這樣，真的能讓網頁設計開發的速度變得更快，時間是很寶貴的，能省時間，當然就要盡量去省。如果你也是Chrome的愛好者並且常常開發網頁，您不妨也用用看這個開發者工具的功能吧！

JS修改css樣式切換 js css 收闔效果


#html
＜a href=”#tr1″ class=”Tableslide”＞
        ＜table border=”0″ width=”100%”＞
            ＜tr＞
                ＜td＞
                    ＜samp＞連結＜/samp＞
                ＜/td＞
                ＜td ID=”img_title_ar” Class=”title_ar1″ ＞
               
                ＜/td＞
            ＜/tr＞
        ＜/table＞
＜/a＞

＜div id=”tr2″＞
…
＜/div＞

#js
    $(“.Tableslide”).click(function() {
        var _this = $(this).attr(“href”);
        if ($(_this).css(“display”) == “none”) {
            $(_this).slideDown();
            //$(this).html(“-“);
            document.getElementById(“img_title_ar”).className = “title_ar1”;
        } else {
            $(_this).slideUp();
            //$(this).html(“+”);
            document.getElementById(“img_title_ar”).className = “title_ar2”;
        }
        $(“#msg”).html($(_this).css(“display”));
        return false;
    });

#css
.title_ar1
{
    background: url(‘../images/title_arup.gif’);
}
.title_ar2
{
    background: url(‘../images/title_ardw.gif’);
}

[轉貼] PHP資料加密

http://www.hkcode.com/programming/242

這裡是將用戶密碼用 MD5() 加密後加插入資料庫:
PLAIN TEXT

CODE:

  1. <?php
  2. $db_conn = mysql_connect(“host”, “db_user”, “db_pass”);
  3. mysql_select_db(“db_name”, $db_conn);
  5. // 插入資料表的 $password 用了 md5 加密
  6. mysql_query(“insert into users values
  7.                         (‘$username’, ‘”.md5($password).“‘)”);
  8. ?>
檢查用戶名稱及密碼:
PLAIN TEXT

CODE:

  1. <?php
  2. $db_conn = mysql_connect(“host”, “db_user”, “db_pass”);
  3. mysql_select_db(“db_name”, $db_conn);
  5. $sql = mysql_query(“select * from users where
  6.                         `username`=’$username’ and
  7.                         `password`='”.md5($password).“‘”);
  9. if (mysql_num_rows($sql) > 0) {
  10.     // 用戶名稱及密碼正確
  11. } else {
  12.     // 用戶名稱及密碼錯誤
  13.     exit();
  14. }
  15. ?>
用以上方法寫出來的登入系統，只用用戶是知道自己的密碼，系統管理員最多只能夠修改密碼，而不能看到源始密碼是什麼。

opencart step_3 安裝出錯

opencart step_3 安裝出錯
問題在於 不要使用 WAMP 2.6.0 安裝包
原因不明~
(事後猜測 可能是我腦殘 Win7裝這包…appserv-win32-2.6.0) 
解說:win7 是 win64位元的 使用32位元的去裝 "可能" 會有問題…

使用 AppServ_2.5.10 就可以安裝的很開心 Orz…

另外win7可能發生的問題 [轉貼]Win7 MySQL的phpmyadmin無法開啟

進階閱讀
OpenCart後台簡易防駭防入侵

[轉貼]Win7 MySQL的phpmyadmin無法開啟

[轉貼]Win7 MySQL的phpmyadmin無法開啟

http://cabuchi.pixnet.net/blog/trackback/c366cbf8e4/37900431

http://cabuchi.pixnet.net/blog/post/37900431-appserv%EF%BD%9Cphpmyadmin%E7%84%A1%E6%B3%95%E7%99%BB%E5%85%A5%EF%BC%8C%E9%96%8B%E5%95%9F%E5%BE%8C%E4%B8%80%E7%89%87%E7%A9%BA%E7%99%BD

安裝好AppServ重新開機後
要開啟localhost/phpmyadmin無法進入
一直loading一片空白
是因為Windows7的hosts預設是空的
解法：
修改C:WindowsSystem32driversetc　的host
把127.0.0.1的#拿掉
hosts 
若不是使用管理者帳號修改此檔案 會無法修改
可使使用複製修改後，再覆蓋的方式，就可以解瞜！

[創作]編碼黑手

 電腦玩家們注意 還活在停滯的生活中嗎? Word 2003 比 Word 2010好?.. 牽制自己就完了

活在校園教導的VB6就想統治這網路世界嗎…非也..以下就說說我一路上學習的 血淚史

本人從 兩個地方起家

1.遊戲外掛腳本起家 EZScrip
2.基本HTML做遊戲的介紹
上面兩項 本人在小學完成的.

國中 已經可以簡易的做出 HTML+JavaScript 的特效網頁 (基本上就是二合一了)
高中 進入VB6的學習..有了以前寫腳本EZScript的底子 VB6進步的神速阿.. (一路寫到WinAPI控制) (現在回想起來 還是底子orz..)

不過光學會 HTML , VB6 實在是 無用阿!!! 最重要的是 資料庫!!!

辛苦的學習下 勉強達成了VB6對資料庫的使用… (SQL也多少有些許明白 雖然幾乎叫做不明不白…)

大學時期 就去摸PHP Java JSP ASP VB.Net IP協定 IIS WAMP 防火牆設定 架設Server 網路結構 SQL(MySQL,Access) ComPort 藍芽無線傳輸 WiFi 分享器 網路監控 遠端遙控 分離Web與資料庫 FTP Mail Server GoogleMapAPI Flash FlashAS Sketchup 3DMax Yahoo的網頁JS即時通Facebook聯外通 … RO機器人大戰(?!..囧…) (哭哭 大概是大家去趴馬子的時候的時間很充裕讓我學習吧…別逼我Q_Q…)

當兵 … ASP.Net (VB) GoogleMapAPI Sketchup SQL(MySQL,MS SQL)

工作 ASP.Net(C#,VB) ,VB6 , SQL(MS SQL) , Anddrid

很努力的在自學…老師會教嗎…? … 別想太多了故認真打電動,看FB,聊通通都來不及了還怪老師…

努力就有未來嗎?…希望上天不會辜負努力的我…(掯..100元樂透又沒中…

[轉貼]【PHP】防止SQL注入攻擊 (mysql_real_escape_string)


http://www.wretch.cc/blog/sos80065/34790453
 
mysql_real_escape_string()會自動在特殊字元前面加上\
例如: $a =what's 
就會變成
what\'s
這樣一來就可以防止SQL攻擊。

例如有段程式碼如下:
$sql="SELECT * FROM test WHERE id = ' ".$id." 'pass= ' ".$passwd." ' ";

如果有人在pass裡面輸入 ' or '1'='1
那這樣不就會變 
$sql="SELECT * FROM test WHERE id = ' test 'pass= ' ' or '1'='1 ' ";

所以我們把程式碼改成
$sql="SELECT * FROM test WHERE id = ' ".mysql_real_escape_string($id)." 'pass= ' ".mysql_real_escape_string($passwd)." ' ";

這樣就不怕有心人了

[ASP.Net][AJAX]聊天室 局部刷新 區域刷新

仿製 聊天室
總不能打字的時候跳離打字框
這時候區域更新就很重要

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Timer ID="Timer1" runat="server" Interval="10000">
</asp:Timer>
                <asp:ListBox ID="lst_text" runat="server" Height="282px" Width="225px"></asp:ListBox>
            </ContentTemplate>
        </asp:UpdatePanel> 
 
時間刷新 要包在 UpdatePanel  ContentTemplate 內 可避免 注點的跳離

[轉貼][ASP.NET] C# 與 VB.NET程式碼互轉

http://itgroup.blueshop.com.tw/topcat/aspx?n=convew&i=6095
 

很多人在網路上找相關的參考資料，都會遇到一個問題，那就是：【我是學VB.NET的，C#的程式碼看不懂。】或者【我是學C#，VB.NET寫的內容我看不懂。】其實這是很可惜的，因為您對於C#或者VB.NET的不熟悉，可能跳過可以解決問題的方法。

其實網路上有很多的資源，可以幫C# 與 VB.NET 的程式碼互轉。當然，不見得所有的轉換後都可以使用，不過經過轉換後，多多少少可以讓自己能夠閱讀別人程式碼。並且試過一個不行，可以再試第二個轉換的服務。

小喵列出幾個提供線上轉換服務的網址

有需要的可以去試試看

更多的資源可以自己到Google去搜尋【C# 轉 VB.NET】這樣的關鍵字

 

http://www.developerfusion.com/tools/convert/csharp-to-vb/

http://www.kamalpatel.net/ConvertCSharp2VB.aspx

http://www.dotnetspider.com/convert/Csharp-To-Vb.aspx

以上資訊提供大家參考

^_^