2016年10月31日 星期一

Website-FireBase 的前置作業

Google 的 FireBase 不僅提供行動裝置的服務
也提供在網頁端的服務
讓我們在開發上又省了許多麻煩事

這篇帶來的是如何在網頁上添加 FireBase基本參數
1 . 切換到專案管理













2 . 新增項目為 ?













3 . 生成對應參數,並且將參數複製













將剛剛複製出來的參數寫入程式碼內
<!DOCTYPE HTML>
<script src="https://www.gstatic.com/firebasejs/3.5.2/firebase.js"></script>
<html> 
  <script>
    // Initialize Firebase
    // 請自行更改下方的參數
    var config = {
      apiKey: "aaaaaaaaaaaaaaaaaaaaaaaaaa",
      authDomain: "bbbbbbbbbbbbbbbbbbbbbbbbbbbbb",
      databaseURL: "ccccccccccccccccccccccccccccc",
      storageBucket: "dddddddddddddddddddddddd",
      messagingSenderId: "eeeeeeeeeeeeeeeeeeee"
    };
    firebase.initializeApp(config);
    
  </script>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>標題</title>
  </head>
  <body>
    Hello World
    
  </body>
</html>

參考資料 : Add Firebase to your JavaScript Project
歡迎轉載,請註明出處。

2016年10月16日 星期日

Website-搜尋引擎排名 ( SEO )

我們不是只是做網頁嗎 ?
為什麼要提到 SEO ?

或許只是單純做自己的網頁沒有甚麼 " 曝光 " 需求
但是就已公司行號來說
那就天差地別囉

如果使用者要找到您、了解公司的產品 ...等
如果再搜尋完後出現在第一項
大家一定會馬上點開 ( 心想 : 這一定是我想要的 )
反之,如果出現的結果是在很後面
我想使用者點擊的意願就會降得很低吧
然後就石沉大海( 撲通 ~ )















SEO 簡單來說就是曝光度
SEO 執行的越好,大家越容易找到你
反之,越差的話,連一根毛都找不到

這裡舉幾點能夠增加的做法
1 . 網頁內容有對應的關鍵字
2 . 網頁標題( <title>鳴黎<title> )
3 . 網頁宣告的語言( UTF-8、Big5 )
4 . 利用原生的元件包覆在標籤內
5 . 網域名稱是否有關連
6 . 網頁專案下的檔名是否有關鍵字
7 . 被搜尋引擎的原生元件( Google 廣告、Google 瀏覽人數 )
8 . 網頁內添加多個關鍵字 ( 賣 : 香蕉,添加 : 水果、金黃色、一串...等 )

有網友提出一些想法 :
1 . 我直接加一堆不相干的關鍵字就好的呀,大家都找的到我 !
Ans : 其實搜尋引擎也不會這麼傻,只要你的網頁不相干,品質分數會降低,然後消失。

2 . 有 SEO 相關公司說他們的一定會排在前 10 名 !
Ans : 痾,這是有一點點機會的,至於為什麼你聽聽就好。

參考資料 : SEO是搜尋引擎優化,不是關鍵字排名,別被排名保證第一的話術給騙了
參考資料 : [SEO必看] Google 官方免費《搜尋引擎最佳化初學者指南》電子書-香腸炒魷魚
參考資料 : 網站評測工具

歡迎轉載,請註明出處。

2016年10月14日 星期五

Website-如何在網路上找到我的網頁?

前幾篇在介紹如何架設個人網站
但是現在網站架設完畢後
似乎有一個問題存在
別人要如何找到我 ?
輸入網址 ?
輸入 IP ?
越想越奇怪

阿蛤~! 去 Google 輸入關鍵字
因該就會出現我的個人網站了吧

事實上並非如此
首先您必須先在搜尋引擎註冊
然後完成供應商需要的認證

Google : Google Search Console

Yaoo : Yahoo Submit Your Site


歡迎轉載,請注明出處。

2016年10月8日 星期六

Website-如何架設自己的網站( 導覽 )

前面發布一系列的教學後
就來整理接下來的架設流程與思路
如果有錯誤的地方
請務必提出
歡迎指教

首先
我們先看以下的流程圖
是不是您所想要的
我們依照你們的需求貼上路徑












2 . 自己架設網頁 ?
我承認再架設過程中常常挫敗
但也讓我得到不少經驗
也整理出最佳步驟
1 ) 新增 / 編寫網頁 index.html
<!DOCTYPE html>
<html>
    <title>Hello Html</title>
    <body>

        <h1>This is a heading</h1>
        <p>This is a paragraph.</p>

    </body>
</html> 

2 ) 執行伺服器
最主要是啟動伺服器的服務
Window : 執行 Tomcat
Linux : RaspberryPi-安裝 / 架設 Apache Server ( Linux )

3 ) 查詢主機 IP 位置
Window :  ipconfig
Linux : 命令提示字元 ifconfig

4 ) 確認小烏龜 ( 數據機 ) 有無固定 IP
Website-註冊專屬自己的固定 IP

5 ) 設定小烏龜 Port 口












( 以下圖示為分享器的設定參考 )


















6 ) 申請網域名稱
如何購買網域名稱 ( Domians )_( 一 )?

7 ) 設定 DNS













3 . 自己網域,其他官方提供?
當然沒問題,但是基本上還是要收費的
費用大多為 : 伺服器

如果選擇付款
通常對方會請您依照設定
將 IP 位址和協定填寫在您的 DNS
以便於轉址到官方主機




4 . 官方全包 ?
當然也有,但是天下沒有白吃的午餐
以下的事件都有可能發生 :
你的網域是在廠商的底下
你的網頁被植入廣告
你的網頁無法客製化














結論
這幾種方法都有他的優劣之處
希望此篇有解決到各位大大的問題

參考資料 : http://www.slideshare.net/twtamio/ipwf2412

歡迎轉載,請註明出處。

Website-如何購買網域名稱 ( Domians )_( 二 )?






註冊網域廠商幾十家
我要如何篩選
1 . 公司規模
2 . 服務對象
3 . 不是便宜就好

我要選國內還是國外 ? 如 : GoDaddy
如果您是第一次註冊
建議國內為主
最主要是控制介面都為中文
尋找服務人員也較容易

我要註冊哪一種網域?
這最主要看您的需求
如果單純想台灣的區塊
那就 XXX.tw
注意 : 註冊過後,你就擁有權限別人不可再註冊

這次我們用 : PChome 買網址為範例

1 . 輸入您要的網域名稱













2 . 選擇方案( 如果是初次使用,建議先試用一年 )
























































Website-如何購買網域名稱 ( Domians )_( 一 )?

如我們標題所介紹的
我們為什麼要買網域名稱?
如何購買?
買了之後誰管理?

我相信很多人跟我有一樣的問題
然後找了很多的網站
卻還找不到原因

我這裡就一步一步帶領大家
為啥要買網域?
我想請問一個問題
A : 請問您家大概的位置 ?
B : GPS : 25.0473085,121.5174124 <--- IP 位置
( 想必 A 一定很想翻你白眼吧 )
如果這時 B 回答
B : <--- 網域名稱













Website-註冊專屬自己的固定 IP

前幾篇我們有介紹 : 如何注冊網域

接下來
這篇是要教您如何申請固定 IP
也就是說
讓別人知道您的正確位置( 如何找到您 )
為甚麼要設定
我原來不是就有 IP ,為什麼還要再申請?
如果沒有特別設定
那就是浮動 IP ( 簡單的說,可能會隨著主機開關機...等被變更 )
別人是無法找到您

目前有兩種方法 :
1 . 直接跟電信商( 中華電信 )申請
2 . 購買虛擬主機然後取得到對應 參數 ( 尚未完成 )

首先介紹直接跟電信商申請
1 . 服務聯結














2 . 向下拖曳,並且確認合約內容。

















3 . 輸入資料,並且將電子郵件完成確認設定
再次登入將會取得一組 固定 IP













4 . 記得更改數據機連線帳號













參考資料 : 教你如何慎選選擇主機商,小心主機商權限比天還高!

2016年10月5日 星期三

RaspberryPi-安裝 / 架設 FTP ( Linux )

有了 FTP
我們在檔案傳輸方便了不少

這節就來介紹如何簡易的在 Linux 架設 FTP

思考路線 :
1 . 首先在主機內安裝 vsftpd
2 . 更改 ftp 設定
3 . 新增並建立對應檔案位置
3 . 建立帳號與密碼
3 . 重新啟動 ftp
3 . 在 Window 端下載 : FileZilla 並且輸入對應參數

1 . 安裝 FTP
sudo apt-get install vdftpd
並且確認線上下載

2 . 開啟設定文件
通常設定檔案沒特別設定,都會在 etc 底下
cd /etc
sudo nano vsftpd.conf

3 . 更改設定
1) ( 因為簡化安裝,所以暫時性關閉 )
anonymous_enable=YES

2 )
local_enable=YES

3 )
write_enable=YES

4)
chroot_local_user=YES

4 . 重新啟動 FTP
sudo service vsftpd restart 
--------------------------------------------------------
註冊會員
1 . 註冊帳號
sudo useradd peter // 取名一位叫 : Peter 的使用者
2 . 設定密碼
sudo passwd peter // 設定此使用者的密碼
3 . 帳號對應檔案路徑
sudo usermod -d /var/www peter // peter 專屬路徑存取
4 .可使用者可以藉由 : FileZilla存取













歡迎轉載,請註明出處。

2016年10月1日 星期六

RaspberryPi-安裝 / 架設 Apache Server ( Linux )

我們在架設網站時候
不可或缺的就是 :
1 . 網路位址
2 . 網頁
3 . 伺服器

這一篇主要是如何在 Raspberry ( Linux ) 架設 Server
思考路線 :
1 . 首先在主機內安裝 Apache
2 . 開啟 Server
3 . 確認 Server 是否被啟動以及 IP 位置
4 . 在瀏覽器輸入 : localhost 確認有網頁是否有顯示

1 . 更新系統資訊
sudo apt-get update

2. 安裝 Apache 2 至主機
sudo apt-get install apache2

3 . 可以藉由以下指令控制 Server
sudo /etc/init.d/apache2 start
sudo /etc/init.d/apache2 stop
sudo /etc/init.d/apache2 restart

4 .將專案 / 網頁放置在 /var/www/html 底下


參考資料 : How to install and run Apache web server in Ubuntu Linux