團隊業務擴大，歡迎加入我們的團隊~~
1. 有經驗處理 Linux CentOS 及 GCP(Google Cloud Platform)上、Apache(或Ngix)、PHP語言為基礎的Wordpress平台管理。

2. 可以自行利用PHP或C#、Python等語言建立後台資料處理及API串接工作。

3. 孰悉HTML、CSS、Javascript等網站前端語法，或利用既有套件建立網頁外觀效果、有能力閱讀並修改既有版型。

4. 維護Woocommerce平台運行，財務、物流串接。

5. 網站資料備份、安排網站架構，分流工作。
6. 開發Web-APP (Android 或 iOS) 需有撰寫程式語言基礎，可到職後學習。

詳細徵才資訊，請見: https://www.104.com.tw/job/72ru9?jobsource=company_job

【#社團分享】WordPress / 部落格經營 / 網路行銷 | Johntool-工具王阿璋

如果對於這三個主題有興趣的朋友，歡迎加入社團喔，不過希望你能夠自我介紹，把社團問題一一填清楚，才會讓你進來喔！

WordPress 是什麼？
WordPress 是目前全世界最多人使用的 CMS 內容管理系統，是 HTML, Css, JavaScript, php, MySQL 組合而成，可以很方便快速的架設一個網站。

現在學校資工系比較不太教怎麼架網站了，所以可以透過 WordPress 來開始學習喔^^

#一週一煮 #一家之煮 第四週：泰式週 Part 2
上禮拜的泰國菜我們吃得好開心，既然家裡的泰式調味料都備齊了，就繼續研究泰式料理吧！

你的心目中有沒有一些菜式是你覺得不太可能在家裡做出來的呢？

對我來說，像是北京烤鴨、佛跳牆...屬於完全看不到車尾燈的大菜，這個禮拜的菜單：「泰式酸辣湯」跟「沙嗲豬肉」我覺得也是落在這個 “我是哪根蔥我哪做出來” 的類別內。

特別是我們家都很愛喝的泰式海鮮酸辣湯（Tom Yum Kung），一直以來都沒認真研究過，試過不同種市售半現成的泰式酸辣湯底來做，煮出來的味道就是普普，常常只會辣個半死，跟餐廳喝到正統泰式酸辣湯有辣、有酸、有鮮味巧妙平衡的複雜味道差太多了...

既然是一週料理，拿出點決心，這次從基底開始做。

邊煮邊有點忐忑，用現成的醬汁都沒什麼希望了，自己從頭做會不會更慘？懷著這種心情把備好的香料加入高湯開始熬煮時...才不到10分鐘，咦？好熟悉的香味....嚐了一口，沒錯，這就是我要的泰式酸辣湯 冬陰功啦！！！（湯開始散發好喝光芒✨✨）

完全沒有想像中的難!!
泰式酸辣湯關鍵是三種香草為基底：南薑、檸檬葉跟檸檬香茅。

沒錯，南薑不可以用一般的薑替代，雖然長得類似，但是南薑有種獨特的清香，辣度也比薑低。
注意不要加太多辣椒以免淹沒其他味道，最後看個人口味，要酸一點或辣一點，用萊姆、辣椒醬自行調整。

另外一道沙嗲豬肉跟醃小黃瓜也是超級好吃，食譜都來自上禮拜跟大家推薦的“泰國原味菜”那本書，根據作者說書中沙嗲花生沾醬他研發了兩年（驚），難怪這麼好吃值得值得。
煮完心得：能將“我覺得我哪能做得到”的菜式成功端上桌，又被歐漏到不行，通通吃光光，一家之煮的成就感爆表！

本週的料理挑戰”經典泰國料理“菜式：
🇹🇭泰式酸辣海鮮湯（TOM YUM KUNG)
🇹🇭沙嗲豬肉串配烤吐司
🇹🇭沙嗲花生沾醬
🇹🇭醃小黃瓜

分享：泰式酸辣湯 湯底作法：
南薑 1又1/4大匙
檸檬香茅 ¾ 大匙
泰式辣椒醬 1/2小匙（最好能用 NAM PRIK PAO，我買不到用老干媽香辣醬替代）
檸檬葉 6~8片
泰式魚露 2大匙
萊姆汁 2大匙

作法：
做食物處理機或是石缽把以上材料搗成泥狀。
把泥狀的湯地加入雞高湯800cc.熬煮15~20分鐘，過濾（不然會有很多渣渣），加入蝦子、蛤蠣、小卷，以及草菇煮2~3分鐘，最後以萊姆汁、辣椒醬調整味道。

從現在開始，我要開始大量囤南薑、檸檬葉跟檸檬香茅這三種香料了，繼續來完美泰式海鮮湯！

ps. 本週在進行巧兒灶咖新網站的最後微調，跟泰式酸辣湯一樣XD，是我第一次從頭到尾自己學怎麼寫網站，努力了將近半年第一次學php, JavaScript, CSS ，終於能走到最後階段準備要跟大家見面了，會開始陸續跟大家介紹網站的設計跟功能～我自己也很期待唷 :)

記得訂閱我的頻道，獲得更多 WordPress 架站、部落格經營的消息！

本篇文章會教大家如何在網站的側邊欄加入圖片及連結，並且將圖片連結設定成開啟新分頁。

最近有許多新手問阿璋，該如何在網頁側邊欄放置一些圖片廣告？

想知道的話，就繼續看下去吧！

【文章連結】：https://www.johntool.com/sidebar-add-image-link/

【建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站】：https://www.johntool.com/udemy-web/

【從入門到業界實戰 - UI / UX 前端網頁設計】：https://www.johntool.com/hahow-frontend

【學好跨平台網頁設計：HTML5、CSS3、JavaScript、jQuery與Bootstrap 4超完美特訓班（第二版）】：https://www.johntool.com/books-frontend


#WordPress #WordPress教學 #側邊欄

-----------------------

【部落格 Johntool-工具王阿璋】：https://www.johntool.com

【將部落格轉化為穩定的被動收入】：http://bit.ly/2ZSSuuB

【粉絲團專頁】：https://www.facebook.com/JohntoolTW/

【Instagram】：https://www.instagram.com/johntooltw/

【聯絡我】：support@johntool.com

-----------------------

【錄音設備】：圓剛AM130 (https://www.johntool.com/yahoo-am130)

【剪片軟體】：Adobe Premiere Pro (https://www.johntool.com/adobe-pr)

Aoetw.com

要加入計畫請留言~
大家好，我是眠先生。最近世紀帝國在全球與台灣玩家的人數，不斷飆升，而2018年世紀
帝國四也即將發行，台灣有很多玩家，但是一直以來卻缺乏一個大型的世紀帝國資料庫，
以致於我們只能到英文版的數據庫去查資料，例如民兵到底速度多快，追的上村民嗎？而
熱那亞弩手與精銳的差別在哪？射速有差嗎？所以現在目標就是建立一個中文的數據庫，
而這個網站不只是數據庫，還有其他相關世紀帝國資料。
目前我已經完成三個頁面，可以參考

http://aoetw.com/Archer.php 單位數據

http://aoetw.com/units.php 所有單位

http://aoetw.com/qa.php 常見問題


目前想到分為幾區

數據資料庫：翻譯英文維基的數據，所有兵種建築科技的數據，估計可能上百頁，這是最
需要人力的。

常見問題：這我已經參考伊森寫的常見問題所整理，日後可不斷更新。目前架構已經完成

記錄檔區：收集世界各國好手記錄，像這次KotD沙漠之王挑戰賽，就沒有一個整理好的區
域

戰術討論區：將會收錄ptt世紀版的高手文章
高手介紹區：介紹各國好手的風格打法如Viper、YO等..
其他例如Voobly專區阿，還是要怎樣，歡迎提出來一起討論



所以，現在問題來了，眠先生需要一個團隊，來一起編輯這個網站，主要是世紀帝國百科
區的數據，版型我都已經設計好了，團隊的夥伴只需要幫忙帶入翻譯帶入英文數據即可，
不需要什麼英文基礎，主要需要一些網頁人才，只要你具備下面其中一點，都歡迎加入：
最基礎的html+css：其實只要懂html就好，網頁以Bootstrap框架寫的，懂一點更好
熱誠的心：看不懂html，但只要有心也歡迎報名。

更歡迎其他更強懂php及有開發協作網站經驗的高手加入，畢竟眠先生只是前端，後端等
複雜優化網站的東西仍不太熟悉


首要是翻譯各兵種數據，而兵種頁面我已經設計好，協做者只需要帶入數據即可，首要以
數據優先，介紹那邊可以先空著，目前想法一人認領一個建築，例如我認領射箭場，我就
負責寫弓兵、弩兵、強弩兵..火槍茅兵等等的頁面


報名

直接寫mail到：netssno@gmail.com或私訊粉絲團http://tinyurl.com/yaufu3kr

有任何想法歡迎推文回文

所有參與者，將答謝於首頁，與贈送一個＠aoetw.com網域的mail謝謝你。大家好，我是眠先生。最近世紀帝國在全球與台灣玩家的人數，不斷飆升，而2018年世紀
帝國四也即將發行，台灣有很多玩家，但是一直以來卻缺乏一個大型的世紀帝國資料庫，
以致於我們只能到英文版的數據庫去查資料，例如民兵到底速度多快，追的上村民嗎？而
熱那亞弩手與精銳的差別在哪？射速有差嗎？所以現在目標就是建立一個中文的數據庫，
而這個網站不只是數據庫，還有其他相關世紀帝國資料。
目前我已經完成三個頁面，可以參考

http://aoetw.com/Archer.php 單位數據

http://aoetw.com/units.php 所有單位

http://aoetw.com/qa.php 常見問題


目前想到分為幾區

數據資料庫：翻譯英文維基的數據，所有兵種建築科技的數據，估計可能上百頁，這是最
需要人力的。

常見問題：這我已經參考伊森寫的常見問題所整理，日後可不斷更新。目前架構已經完成

記錄檔區：收集世界各國好手記錄，像這次KotD沙漠之王挑戰賽，就沒有一個整理好的區
域

戰術討論區：將會收錄ptt世紀版的高手文章
高手介紹區：介紹各國好手的風格打法如Viper、YO等..
其他例如Voobly專區阿，還是要怎樣，歡迎提出來一起討論



所以，現在問題來了，眠先生需要一個團隊，來一起編輯這個網站，主要是世紀帝國百科
區的數據，版型我都已經設計好了，團隊的夥伴只需要幫忙帶入翻譯帶入英文數據即可，
不需要什麼英文基礎，主要需要一些網頁人才，只要你具備下面其中一點，都歡迎加入：
最基礎的html+css：其實只要懂html就好，網頁以Bootstrap框架寫的，懂一點更好
熱誠的心：看不懂html，但只要有心也歡迎報名。

更歡迎其他更強懂php及有開發協作網站經驗的高手加入，畢竟眠先生只是前端，後端等
複雜優化網站的東西仍不太熟悉


首要是翻譯各兵種數據，而兵種頁面我已經設計好，協做者只需要帶入數據即可，首要以
數據優先，介紹那邊可以先空著，目前想法一人認領一個建築，例如我認領射箭場，我就
負責寫弓兵、弩兵、強弩兵..火槍茅兵等等的頁面


報名

直接寫mail到：netssno@gmail.com或私訊粉絲團http://tinyurl.com/yaufu3kr

有任何想法歡迎推文回文

所有參與者，將答謝於首頁，與贈送一個＠aoetw.com網域的mail謝謝你。

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學