跳到主要內容

從電機學習網頁的人

非本科一路走過來的心路歷程

搜尋此網誌

目前顯示的是 1月, 2021的文章

發表文章

做專題過程中找到興趣？(上)

日期： 1月 10, 2021

+

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

電機資訊: 這裡是一個專門分享網頁開發與設計知識的平台。雖然我們的作者背景來自電機科系，但我們對網頁技術充滿熱情，並希望能與大家分享在學習和實踐過程中的所見所聞。

熱門文章

XAMPP如何架站(一)?

1. 上一篇已經安裝完成了，接著當然就是要開始第一個網站，並顯示於網頁上，首先上一篇還記得自己安裝的路徑位置嗎?(預設會安裝在C槽底下)，進去安裝xampp目錄後，找到一個名稱為htdocs的資料夾(這個是網站根目錄的位置)，之後會把網站所需要用到的檔案(影像、影音、圖片...等)都放在該目錄裡面 2. 在你習慣使用的瀏覽器網址列輸入localhsot或者127.0.0.1(這邊代表的都是本機位址)，輸入後網頁會顯示下圖這個頁面，這個是XAMPP預設的一個頁面，裡面也有介紹安裝這個版本的一些資訊，如有興趣可以自行看看 3. 接著我們可以先在htdocs(該目錄底下)建立一個屬於自己的專案，建立完成後，我們可以開始撰寫第一支我們的程式了，這邊我選擇我習慣用的編輯器(Sublime Text 3)，也有人是選擇用Visual Studio Code，但是選擇自己習慣的編輯器用起來會比較順手，相對效率也比較好 4. 這邊我寫了一段簡單的Hello World文字讓網頁上面呈現這段英文字，這樣是不是已經把自己建立的檔案顯示在網頁上了呢，看到這邊，如果有興趣，不妨可以自己試著操作看看哦! 5. 新手建議可以從HTML、CSS開始學習，裡面有些是比較常用的語法，多做多寫幾次就會記下來了，重點是要持之以恆，每天稍微花個時間寫一下，就會有顯著的成果了，這邊我也提供我初學的時候常常使用的網站資源 1. W3Schools 裡面有蠻多的範例以及可以線上編譯的練習，缺點是網站是全英文的，如果不習慣英文網站的，也有提供中文簡體版的，可以依照自身需求選擇想要的，下一篇將會介紹相關應用或者我覺得有興趣的分享給各位 https://www.w3schools.com/

申請Line Bot機器人

登入帳號 https://developers.line.biz/zh-hant/ 點選右上紅框處這邊可以用自己LINE帳號登入或者使用商用帳號(企業帳號)來登入登入後建立提供者建立Messaging API channel 建立完成後，即可看到該機器人一些相關資訊找到 Channel secret 和 Channel access token ，這兩個資訊在之後API程式會使用到，並且要保管好接著介紹一些機器人相關的欄位 Webhook URL 自己API的網址( ※ 需要SSL憑證 ) Greeting messages 首次將機器人加入好友，會發送的訊息設定好之後，掃描Qr Code就可以加入該機器人為好友相關連結 [Day01] LINE Bot 帳號申請

FFmpeg安裝(Windows)

1. ffmpeg官網(https://www.ffmpeg.org/download.html) 2. 目前有兩處可以下載安裝檔，分別為gyan.dev(官網) 和 BtbN(github)，這邊是從官網這邊下載，往下拉到Release builds位置，找到ffmpeg-release-full.7z這個名稱下載 3. 下載完成將該檔案解壓縮，並將資料夾名稱修改為ffmpeg(方便之後設定環境變數好抓路徑) 4. 將該資料夾放至C:\ffmpeg 5. 接著打開檔案總管，對本機點選右鍵->內容->進階系統設定->進階->環境變數點選系統變數的path->編輯->新增->C:\ffmpeg\bin->之後點選確定 6. 打開CMD，輸入set PATH=C:，讓剛剛設定的環境變數立即生效，不用重新開機 7. 接著關掉CMD，在打開CMD一次，輸入ffmpeg -version，有出現ffmpeg的版本就成功了

語言切換

封存

11月 20224
10月 20225
9月 20224
8月 20221
6月 20222
5月 20222
3月 20222
2月 20221
1月 20222
1月 20211

12月 20202

顯示更多顯示較少

標籤

個人生涯
API
Bitnami
FFmpeg
Git
Heroku
html
javascript
JQuery
Laravel

Line Bot
MQTT
Node-RED
PHP
SQL
XAMPP

顯示更多顯示較少

聯絡表單

名稱

以電子郵件傳送 *

訊息 *

總網頁瀏覽量

檢舉濫用情形

技術提供：Blogger