布萊恩的創業小窩的部落格

7月 30 週二 201903:46
Python課程來追謠言了:這日本AI人妻真的那麼像人?(上)

布萊恩的創業小窩發表在痞客邦留言(0) 人氣(125)

個人分類：IT人的數位生活

7月 29 週一 201904:21
零基礎,又想自學踏入前端工程師世界的你,有福啦!

今天這篇前端工程師入門的文章,特別獻給零基礎又想自學的你,可別錯過啦!
今天小編要跟大家分享的文章是關於零基礎如何自學成前端工程師。目前網路發展迅速，前端也成了很重要的崗位之一，前端開發是很簡單的程式設計，甚至都不能叫做程式設計，因為它真的很簡單，很多想要轉行進入 IT 行業的新手會選擇前端工程師。那要怎麼自學?下面就來和小編一起來看一看文章吧~首先我們學習前端，要知道前端的三個大內容，HTML、CSS、JavaScript，其中 HTML 和 CSS 是相互結合著學習，掌握了這兩個了以後我們就算真正入門了，然後再深入學習 JavaScript 等等。

一、首先我們要理解 HTML、CSS、JavaScript 分別是什麼？
用這種觀點來看，其實就很好理解了：HTML 就相當於一個人，CSS 相當於一個人穿著的衣服，JavaScrip t相當於讓這個人做什麼動作，而這個人就是網站，需要有 header 頭，body 身體，footer 腳……。而網站所呈現給我們各種各樣的樣子，就是我們寫的 CSS 樣式，網站裡的動態效果，都是我們用 JavaScript 去實現的。

二、零基礎學前端工程師難學嗎?
想知道前端工程師技術，自學的話難不難的新手，可以跟著下面的步驟一起來設計製造一個專屬的網頁！相信你就會知道。我們用到的軟件呢，對於入門級來說，我們一般推薦大家用 DreamWeaver，當你新建一個 HTML 後，出現的界面是這樣的：

下面我們開始輸入原始碼，我們可以看到這裡有這樣的原始碼<body></body>，這個就是我們網頁的身體，我們接下來要輸入的內容都是在這中間輸入的，這個括號表示的標籤，標籤都是一前一後的，成對兒出現的，除了一些特殊的標籤，隨後我們再一一給大家講解。現在我們輸入點內容，看看效果。

我們輸入一個標籤<div><div>，點擊右上角的地球瀏覽一下，會發現彈出了一個空網頁，什麼也沒有，那是因為我們現在只書寫了HTML，還沒有寫CSS，簡單來說就是，我們創建了一個東西在頁面裡，但是還沒有設置這個東西長什麼樣子，現在我們在設置它的樣子

CSS">

1、我們為了給這個 div 設置樣式，所有先給它起個名字不然，電腦不知道我們要給誰加樣式，class="aaa" 的意思是起名為aaa
2、在<head></head>裡寫入這樣一組標籤<style></style>這個style的意思就是CSS，我們整個網站要加的所有樣式都是寫在這個中間的。
3、我們在style裡寫樣式，電腦首先要知道我們給誰加樣式，所有我們寫個.aaa 這個.(點)的意思是我要給aaa加樣式，電腦會自動把.(點)後面的名字，跟下面body裡的名字做一個匹配，這樣電腦就知道，哦~原來你是要給這個div加樣式呀，
4、然後我們把要給這個div加的樣式寫在大括號裡，Width:100px; 意思是這個div的寬是100像素，height:100px; 意思是高是100像素，background-color:#FF0000;意思是背景顏色是#FF0000這個顏色

以下注意事項：
1. 這裡我要給大家解釋一下，大家別看這麼多原始碼，這麼多專有名詞，其實軟件有提示，像下面這樣，直接輸入第一個字母後面的專有名詞就出現了，直接選中就行了，連專有名詞都不用背，前端真的很簡單
輸入 W 和輸入 h，會自動彈出名詞下拉選單

2. 每一個專有名詞都有提示，說到這裡，不會英語的同學就不要給自己找藉口說英語不好，學不會程式設計了。雖然說很簡單，但是要想真真的把前端學好是需要下功夫的，主要就是要堅持。
下面我們繼續，設置好了以後，我們就可以在 Dreamweaver 狀態列中按一下「即時預覽」。若你看到了紅色正方形的畫面，那恭喜你，你成功了！

相關閱讀推薦：

前端工程師抄捷徑!今天把網頁顏色代碼直接整理給你!

想當前端工程師不知道怎麼開始?入門知識現在告訴你!

前端工程師的必備品Emmet(三)快速複製元素與設定流水編號

想知道哪種程式語言最好最受歡迎嗎?達內教育都幫你準備好了!

暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~

未來工作自動化,怕失業?!Python課程幫你擋風雨!
中國IT教育領導品牌　達內教育集團第一家海外授權中心

(繼續閱讀...)

布萊恩的創業小窩發表在痞客邦留言(0) 人氣(45)

個人分類：前端工程師就是我!

▲top

7月 26 週五 201904:06
Photoshop入門技巧大公開之使用內容感知-消除路人與雜物

如何用Photoshop消除後面惱人的路人與雜物!?今天就揭曉給你!
現在許多人瀏覽網站時都會使用手邊的手機，許多文字內容都在彈指之間，就一頁一頁的滑過去了，除非圖片或大標題夠吸睛，否則真的很難讓用戶在網頁上多停留幾秒，更別說是閱讀其中的文字內容。因此「一張圖勝過千言萬語」，吸睛的商品圖就是網路行銷的一大利器阿！有時為了突顯商品的用途、特色，外出拍照是難免的。
然而有時外出拍照時，總是免不了遇到不該出現在圖片中的路人甲、或是雜物乙...（真是頭痛阿）。因此學會快速消除圖片中的雜物或路人，是負責網路行銷的網站美編等平面設計相關人員必須學起來的 Photoshop 技法！
還好自從 Photoshop CS5 版本之後都有了「內容感知（Content Aware Fill）」功能，網站美編在做平面設計時再也不需要使用印章工具一筆一筆消除閒雜人事物了，只要三秒鐘立即就可將畫面中的雜物或路人給消除囉！
今天待修的原圖如下

1. 桃紅色圈選範圍為要處理的地方。
2. 點選套索工具圈選要處理的範圍，記得人的倒影也要選到!
3. 點選編輯（Edit）選單，之後選擇選單內的填滿（Fill)
4. 在跳出的對話框中，在內容（Contents）的部分選擇「內容感知（Content-Aware）」選項，然後按「確定（OK）」。
5. 完成了，神奇吧！Photoshop 的內容感知工具是不是很快呢？

(繼續閱讀...)

布萊恩的創業小窩發表在痞客邦留言(0) 人氣(30)

個人分類：網路行銷課程.SEO優化

▲top

7月 25 週四 201903:23
Photoshop入門技巧大公開之選取並遮住–如何毛髮去背?

入門Photoshop原來這麼簡單!?今天要介紹的功能是教你如何毛髮去背,這在編輯圖片時真的超重要!

Photoshop影像合成的基本功力－去背。
在網路行銷業界，電子商務網站的商品圖片可說是非常多，但要將這些圖片快速地除去而且乾淨，則是考驗許多網拍美編、UI 設計師、平面設計師等的基本功了！

「選取並遮住」去背好簡單
好在 Adobe Photoshop 在 2016 年後有一項「選取並遮住(Select and Mask)」的功能，擁有強大的邊緣演算功能，便可幫助網拍美編、UI 設計師更快速地選取主體，也包含毛髮的部分，大幅提升作業的效率。

1. 在 Photoshop 中開啟圖片，點選「選取工具」，再點擊上面選單出現的「選取並遮住(Select and Mask)」

2. 進入模式後，會出現預設的「描圖紙模式(Onion Skin)」，點選左邊工具列的「快速選取工具(Quick Selection Tool)」。在選取主體之前，遮罩的部分會呈現半透明。若想要半透明的質感多一些，可以調高下方的「透明度(Transparency)」。此例調成 43%。
3. 來回塗抹你想去背的主體
4. 塗抹一個大概之後，會發現有些邊緣處還是有瑕疵
5. 接下來要進行更進一步的優化，點選「檢視模式(View Mode)」選擇「覆蓋(Overlay)」，在這個模式下，就能將瑕疵看得更清楚
6. 使用左側工具列的「調整邊緣筆刷工具」、「筆刷工具」做更細節的修改
7. 調整透明度檢查一下，如圖示小貓的毛髮細節也都出來囉
8. 輸出前可以勾選「淨化顏色」的選項， Photoshop 會幫忙調整細節的顏色，接著點選「新增使用圖層遮色片的圖層」，按下「確定」
9. 去背完成！

相關閱讀推薦：

Photoshop入門技巧大公開之使用內容感知-消除路人與雜物

八個關於網路行銷課程的妙招一點就通-7:善用不同的相似和同義詞

前端工程師和網頁設計師必學-AWD怎麼做才能對SEO無痛?

程式語言都會了,為什麼還要來上UI課程?

來自python課程的AI戰鬥女天使

暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~
NOWnews 今日新聞

(繼續閱讀...)

布萊恩的創業小窩發表在痞客邦留言(0) 人氣(175)

個人分類：網路行銷課程.SEO優化

▲top

7月 24 週三 201905:27
霸凌要不得阿!看看人工智慧如何解決你!

IG終於出手利用人工智慧反霸凌啦!有望降低社會上霸凌數量~
是什麼讓 IG 卯起來，導入 AI 人工智慧來打擊網路霸凌言論？其實 Instagram 上線初衷原本是倡導素人攝影用，但是用戶自有想法，加上族群以滲透性強大的學生居多，讓 IG 被濫用為校園流言與霸凌的集散地。使用 IG 霸凌的方法包含開假帳號張貼對方的醜照、散播惡意圖文與謠言等。

因此 IG 被質疑，助長了青少年自殺。
像是 2018 年，馬來西亞一名 16 歲少女 Davia Emilia 自殺，原因竟是她生前於 Instagram 發起一項投票活動，詢問網友：「這很重要，請幫我選擇死亡還是活下去。」結果，有 69% 的網友投票要她去尋死。少女不久後選擇從3樓跳樓自殺，在當日晚上8時才被人發現。報導稱，少女曾患抑鬱症，生前在臉書貼文表示「我想離開這令人疲累的生活」（WANNA QUIT F**KING LIFE I’ M TIRED），可能因病症發作自殺。
同年在日本熊本，一名女高中生的照片被人盜用開設假帳號，還發了邀請給這名女生的親友們，之後再利用這個假帳號貼上一些猥褻的圖片以及文字，偶爾還會從她本人的 IG 偷圖片以及文字，貼在假帳號上。女高中生雖然屢次向 IG 提出檢舉，但是只要一個假帳號被關掉，另外一個假帳號就又會出現。女孩在身心俱疲以及常被人誤會的情況下，最後同樣也選擇了用自殺來解決問題。
還有更多大大小小的網路霸凌事件層出不窮，美國 Pew 研究中心去年調查，72% 的美國青少年擁有 Instagram 帳號，當中竟然有高達 59% 的用戶曾遭受網路霸凌。
而為了防止霸凌事件再發生，IG 從去年開始，乾脆導入 AI 人工智慧技術，自動偵測惡意圖文，並將相關貼文轉送到 IG 官方團隊進行人工審核。

IG在用戶發送霸凌圖文前會先再三確認.png

IG 的 AI 會自動偵測疑似霸凌的言論，並在用戶發文前會先再三確認

IG 今年更推出新功能，假如 AI 認定你輸入的內容具有言語暴力的疑慮，系統就會在你發文前詢問「你確定想張貼這則貼文嗎？」，避免用戶因一時衝動而散發霸凌言論，傷及他人。

讓用戶自己隱藏，讓他的言論消失在你的親友圈中！
雖然 IG 的 AI人工智慧能自動偵測霸凌言論，但是人工智慧也是要經過一番「機器學習」的訓練過程才會知道哪些字跟惡意霸凌有關，因此難免會有漏網之魚。這次 Instagram 推出的另一項功能，便是讓用戶可自行隱藏掉特定人的言論，且不會被那個人發現。

IG 可讓用戶在霸凌者不知的狀況下，自行隱藏來自霸凌者的所有言論，讓霸凌言論只被霸凌者自己看到