顯示具有 Website 標籤的文章。 顯示所有文章
顯示具有 Website 標籤的文章。 顯示所有文章

2024年4月21日 星期日

WebSite-如何匯入 Dynamic Web Project 至 Eclipse



如何載入 Dynamic Web Project 專案?
0. 下載專案並開啟 Eclipse
PS: 需要在 Eclipse 設置 Tomcat Server


1.  開啟專案
2. 選擇專案
3. 確認專案
4. 匯入專案

PS: 因為有些專案用得到 HttpServler,所以我們要針對專案進行相關設定,否則會出現一堆紅蚯蚓( 錯誤提醒 )
1. 查看專案特性
2. 確認專案內容
以此專案需要用到 Java 、 HttpServlet...etc
所以要勾選以上項目並且在 Web 項目掛載本機的 Server 才能載入相關的資源


測試網址: http://localhost:8080/xxxx/


歡迎轉載,請註明出處。


2017年5月1日 星期一

Website-FireBase Hosting 靜態網頁部屬


此篇會從如何安裝、連結、部屬專案開始

會寫此篇的目的在於因為網路資訊過多
想整理出自己較能理解的版本
官方文件說明 : 連結

步驟概要
- 下載 Node.js
- 用 npm 串接 FireBase
- 將專案部屬到 FireBase

1 . 下載 Node js : 連結












2 .開啟命令提示字元,確認 NPM 是否確實安裝
npm -version















3 . 安裝相關套件,以便於後續使用
npm install -g firebase-tools















4 . 新增專案檔案夾
並且要有 public
還有 index.html( 放置在 public 底下 )
















6 . 命令提示字元指向此路徑
cd C:\Users\BluePC\Desktop\Test\public ( 建議用複製 )

4 . 執行 FireBase ,並且執行程序
firebase init ( 不用加 npm  )















這邊可能會出現需要權限的需求,所以必須串接你的帳號















輸入 Login 指令,成功後再次執行 firebase init
firebase login















5 .選擇 Hosting 選項















6 . 選擇 Firebase 底下的指定專案















7 .
































































參考資料 : Firebase Hosting 靜態網站部署試用
參考資料 : Firebase 架站
參考資料 : Get Started with Hosting

Mac
參考資料:Firebase Hosting 靜態網站部署
參考資料:https://andy6804tw.github.io/2017/12/14/npm-tutorial/
參考資料:【備忘録】npm -g install に失敗する

歡迎轉載,請註明出處。

2016年11月26日 星期六

Android-Open Data 彙整

此篇是收集各公家機關或公開的資訊存取連結
如有侵犯到,請務必留言告知,非常感謝您。

台北市政府
/ 休閒旅遊 /
  1. 臺北市藍色公路碼頭
  2. 臺北市101個觀光亮點資料
  3. 臺北市運動中心
  4. 臺北市河濱輕食區
  5. 臺北市河濱自行車道景點
  6. 臺北市六大自行車道
歡迎轉載,請註明出處。

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 . 記得更改數據機連線帳號













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