發表文章

目前顯示的是有「Web前端」標籤的文章

一點也不難!SEO優化語意標記一點就通(4)RDFa

圖片
​ ​ ​ 終於過了SEO優化的語意標記這一關!原來也沒想像中的難嘛!謝謝達內整理的各種重點啦! 什麼是RDFa? HTML5教學 的 RDFa  SEO優化 方法 (Resource Description Framework in Attributes,屬性資源描述架構) 也是用來描述結構化資料的方式。 其 SEO優化 所使用的語法跟 微數據 很像,用 vocab 來指定 Schema.org;typeof 指定類型;property 指定屬性。 RDFa的例子與語法 RDFa 表示法的樣子如下: <div vocab="http://schema.org" typeof="Person"> <span property="givenName">John<span> <span property="familyName">Smith<span> <span property="gender">male<span> 上例 HTML5教學 的內容是用來表示:名字為「John」、姓氏為 「Smith」、性別為 「男」 其實跟下面的 微數據 意思是一樣的: <div itemscope itemtype="https://schema.org/Person"> <h1 itemprop="givenName">John<h1> <h1 itemprop="familyName">Smith<h1> <span itemprop="gender">male<h1> </div> 相關連結: 一點也不難!SEO優化語意標記一點就通(1)Schema 一點也不難!SEO優化語意標記一點就通(2)Microdata 一點也不難!SEO優化語意標記一點就通(3)JSON-LD 想要讓自己的網站讓人耳目一新?絕不能錯過HTML5教學! ...

來來來!HTML5教學教你怎麼讓你的網站煥然一新!

圖片
想用HTML5教學來讓網站起死回生,就決定是CSS了!有了它,你想要網站是什麼樣子,就能是什麼樣子! 作為 前端工程師 ,我們可以把 CSS 想像成是 HTML 標記的「化妝師」,透過 CSS 格式的設定,可讓網頁的排版更美觀。新版的 CSS 加入了動態的功能,透過適當的應用,還可在網頁上做出動態的效果。 在 HTML 檔案中,除非你做的是整體網頁的設計,不然每一個 CSS 片段都是依附在一個標記、id 或是 class 之下。 標準的 CSS 語法如下: tag1,tag2,..., tagn { attribute 1: value; attribute 2: value; … attribute n:value; } 語法解析: tag1,tag2,..., tagn:最前方以要設定的標記名稱 ( 如本例為「tag1」) 為開始。如有超過一個以上的標記,就使用逗號隔開。 { }:以大括號來包含該標記的所有的設定 attribute 1: value;:"attribute "為要設定的屬性名稱,"value"為屬性值,屬性名稱與值以冒號來做隔開。如有超過一個以上的屬性設定,就使用分號隔開。 以上例子為所有的標記名稱 (tag1,tag2,..., tagn) 均設定同樣的屬性,但這些標記各自獨立,無依屬關係。如有依屬關係則為以下所示: tag1 tag2 { attribute 1: value; attribute 2: value; … attribute n:value; } 此例中,tag1 與 tag2 中間無任何的逗號,而 tag2 在 tag1 的後方,意思為「tag2 是 tag1 裡面的標記」,也就是我們要設定的屬性值是「tag1 裡面的 tag2 所屬的內容」,而不是把 tag1 和 tag2 設定成同一組屬性值。 至於 前端工程師 們如何把所設定的 CSS 值在網站中生效?  HTML5教學 提供兩種方法: 1. 以外部的檔案存檔 先把上述的 css 內容以「.css」的檔案名稱存在網站主機上。此例為「style.css」,然後在其對應的 HTML 檔案中使用「<link>」標記引入,如下所示: ...

如何將CSS放在網站中,讓它利益最大化?網路設計課程教你!

圖片
不能不上的網路設計課程在這裡!除了解釋CSS語法,還告訴你該怎麼在網站中生效,讓你少走冤枉路! 我們可以把網頁設計課程CSS 想像成是 HTML 標記的「化妝師」。除非你做的是整體網頁的設計,不然每一個 CSS 片段都是依附在一個標記、id 或是 class 之下。 標準的 網頁設計課程  CSS 語法如下: tag1,tag2,..., tagn { attribute 1: value; attribute 2: value; … attribute n:value; } 語法解析: tag1,tag2,..., tagn:最前方以要設定的標記名稱 ( 如本例為「tag1」) 為開始。如有超過一個以上的標記,就使用逗號隔開。 { }:以大括號來包含該標記的所有的設定 attribute 1: value;:"attribute "為要設定的屬性名稱,"value"為屬性值,屬性名稱與值以冒號來做隔開。如有超過一個以上的屬性設定,就使用分號隔開。 以上例子為所有的標記名稱 (tag1,tag2,..., tagn) 均設定同樣的屬性,但這些標記各自獨立,無依屬關係。如有依屬關係則為以下所示: tag1 tag2 { attribute 1: value; attribute 2: value; … attribute n:value; } 此例中,tag1 與 tag2 中間無任何的逗號,而 tag2 在 tag1 的後方,意思為「tag2 是 tag1 裡面的標記」,也就是我們要設定的屬性值是「tag1 裡面的 tag2 所屬的內容」,而不是把 tag1 和 tag2 設定成同一組屬性值。 至於如何把所設定的 CSS 值在網站中生效? 網路行銷課程 和 網頁設計課程 提供兩種方法: 1. 以外部的檔案存檔 先把上述的 css 內容以「.css」的檔案名稱存在網站主機上。此例為「style.css」,然後在其對應的 HTML 檔案中使用「<link>」標記引入,如下所示: <link rel=stylesheet type=“text/css” h...

如果你上過Python課程,這新款的AI機器人你肯定不能錯過!

圖片
Python課程越來越搶手!來看看這厲害的晶片,竟然可以辨識人體動作!?這就不是"鋼鐵擂台"的亞當嗎!? 人工智慧(AI)將是未來科技發展的主流趨勢,不只 Google、Facebook 與微軟都在培植、招募 AI 人才,全球第四大 IC 設計業者 - 台灣的聯發科也在其設計的手機晶片上導入  AI 人工智慧 。日前新推的 Helio P90 晶片 ,打敗對手 Qualcomm 高通的 7 奈米製程手機晶片 Snapdragon 高通驍龍 855 。這款導入 AI 人工智慧的 P90 晶片,不只能讓影像更升級,還能夠辨識人體姿勢。 目前聯發科 Neuro Pilot 的 Neuro Pilot 的 AI 人工智慧平台架構,應用的手機晶片產品除了本篇提到的 Helio P 系列外,還有 A 系列。未來更規劃導入到電視、平板以及車用裝置上,再搭配相互聯網技術,藉此打造聯發科的人工智慧生態體系,加強系統廠以及終端消費者的使用黏著度。 根據各大媒體報導,聯發科的計算與人工智慧技術群本部協理林宗瑤指出,隨著 Python課程 的熱門度越來越高,聯發科目前投入大量資金人力,全力進攻 AI 人工智慧市場。現在分別在手機晶片 Helio 的 P 系列以及 A 系列導入 AI 人工智慧。其中更在 P90 搭載第二代的 AI 引擎,在 AI 運算能力上勝過競爭對手的 7 奈米製程手機晶片。採用 P90 晶片的智慧手機將可望在明年第一季問世。 P90 擁有迅速的  AI 人工智慧 運算能力,拜這款晶片所導入的強大 AI 引擎所賜,只要事先設定好手機及機器人連線,再透過智慧手機的單鏡頭捕捉人體姿態,接著人體不論做什麼動作,機器人也會即時做出相同姿勢。 林宗瑤進一步指出,在目前許多的 AI 人工智慧應用,因為需要做到「立即可用」或是在「安全考量」的狀況下,而必須從過去的雲端下放到終端,並且即時人工智慧應用在同一時間還不只一個的情況下,這時候處理器的效能就面臨到了許多的考驗:包括能損、處理速度、以及傳輸能力等。因此,聯發科在這樣的需求上,藉由聯發科自家開發的人工智慧平台「Neuro Pilot」AI 架構,在與 Google 合作、了解未來的人工智慧及 Python課程 的發展趨勢後,就對 Helio P90 的人工智慧運算引擎作進一步的優...

網路行銷課程又多了新角色!這個最近爆紅的APP你還沒下載嗎?

圖片
看來網路行銷課程又要再加一堂課了!這3D虛擬人偶的社群行銷手法很成功!快下載來玩玩! 《Zepeto》的使用門檻低,只要你下載《Zepeto》,自拍一張照片,他就可以依據你的照片而把你捏成虛擬的3D人偶分身。若你不滿意,還可以東捏一些、西拉一點,打造成最滿意的自我虛擬形象!另外,只要你破解 APP 所指定的任務,還可以幫自己自添行頭、打造室內場景、還可以拉三五好友一起合照、擺出許多只能出現在電影、遊戲的姿勢呢!你可以跟朋友一起組團,重現經典格鬥遊戲的場景、或是去北極看極光、或是重現電影「樂來樂愛你(La La Land)」的畫面,實現你的夢想。 若你是這種 Avatar 類 (依照你的外型而客製化你的虛擬形象) APP 的重度使用者,你應該用過 QQ 秀、或是 APPLE 推出的 Memoji 等軟體。但是為何來自韓國、也是 LINE 母公司Naver 旗下公司 Snow 推出的 Zepeto ,可以爆紅的如此快? 達內教育 網路行銷課程 小編歸納出六點,讓他們有如此高的差異化,並可以瞬間爆紅。 一、不只客製3D人偶,還可微調成美化並保有你原本的樣貌! ​ 相較於 網路行銷課程 中其他的同質商品,Zepeto 對於五官的細節,更能做細緻的調整。無論是臉型、膚色、鼻子、眉毛、眼睛、嘴唇等等,通通可以微調到自己滿意的樣子。據說連雀斑都可以客製化呢!Zepeto 依照自己的原型,並適度的美化,滿足時下年輕人的自我形象塑造。重點是這個美化後的樣貌還保有你的樣貌,放上 社群行銷 軟體後,還能讓你的親友們辨認的出是你的分身! 二、可揪喜歡的明星合照、還可以一同遊遍各地 ​ 其實不只你,連 GD、防彈少年團、EXO、亞莉安那 (Ariana Grande) 也都在玩 Zepeto!所以你可以加入他們的 Zepeto,並且可以跟他們來一張合照!場景可以自行加入喜歡的背景照片,無論是自家或是世界知名景點都行!另外,ZEPETO 最近也跟 防彈少年團BTS所創的卡通腳色 BT21合作,讓粉絲們能套上各種 BT21 服飾與偶像合照。 ​ 三、無論朋友在哪,都可一起合照 ​ 親朋好友分散世界各地? 別擔心,連偶像都可以零距離合照了,有了 Zepeto,你可以派你的分身與朋友們的分身一起合照。 四...

SEO優化的反派角色,快來了解它,說不定能派上用場!

圖片
當你做SEO優化時,因為各種原因而不想被搜尋到,這時,該請這兩個反派角色來湊一腳了! 讓 網路行銷課程 告訴你:什麼狀況下該使用  robots meta  與  robots.txt ? robots meta 對  SEO優化 的操作上也是很重要。robots meta 與 robots.txt 都能向搜尋引擎宣告如何處理網頁。前者為阻止搜尋引擎索引你的頁面(但搜尋引擎還是有抓取你的網站資料) ; robots.txt 則是全面阻止搜尋引擎抓取你的資料(搜尋引擎會自動略過你指定的網站)。 當然,大多數的狀況,你不會讓 robots.txt 來阻止搜尋引擎抓取辛苦建立的網站。 ​ 但是若這個網站對你的 SEO優化 有負面影響、或是私密性高的話,就可以用robots.txt 來阻擋搜尋引擎抓取,常見的情況如下所示: 1. 多年前有經過黑帽 SEO 手法,卻還沒處理的網頁 2. 施工中未完成的網頁等 3. 網站或是公司內部系統的登入頁面 若你只是希望這個網頁不要出現在搜尋引擎結果中的話,那用 robots meta 即可。 如何設定網站 robots.txt 【檔案存取位置】robots.txt 位於網站的根目錄下 【作用】告訴搜尋引擎哪些網站內容不要進行存取,並且可以指定 sitemap 的位置。 【路徑】如果你有建立並使用 robots.txt,則他的位置會是 http://網址/robots.txt,如果這個檔案不存在,則代表沒有使用 robots.txt。 【宣告類型】有五種,如下所示: 1. User-agent:指定哪一種搜尋引擎的爬蟲,如 Google 的爬蟲 「googlebot」或是百度的爬蟲等等(* 號代表全部) 2. Crawl-delay:限制爬蟲抓取每一頁的秒數限制,但是該設定會被 Google 跳過不處理。因為 Google 在網站管理員中,就有爬取頻率的設定。 3. Disallow:輸入你不允許被爬取的 URL 路徑 4. Allow:輸入你允許被爬取的 URL 路徑 5. Sitemap:告知搜尋引擎的 Sitemap 網址 網路行銷課程...

URL網址到底暗藏什麼玄機?它跟SEO優化又有什麼關係!?

圖片
​ ​ ​ 在做SEO優化時,那個看似平凡的URL網址,對你的優化過程也非常重要!快來看看它要怎麼"用"! 認識URL網址結構 每個URL網址,都會包含一些部分:通訊協定、主機名稱、網域名稱、子目錄、檔案 以這個網址為例:  http://ui.tedu.cn/teachers/120226.html ,可以分成 「http」、「ui」、「tedu.cn」、「teachers」、「120226.html」等部分,說明如下: 1. 「http」是指通訊協定 (Protocol),「通訊協定」的作用是用來告訴軟體與連線主機「我的目的是要瀏覽網頁內容」;其他的通訊協定尚有「ftp」,是告訴主機「我要傳輸檔案」。而通訊協定與網址則用「://」 隔開 2. 「ui」是該URL的子網域 (Subdomain) 或是主機名稱 (Machine Name)。有時,主機名稱還會有一個以上的層級,舉另一個網址為例子:「tw.news.yahoo.com」,「tw」、「news」都是他的主機名稱,「tw」 又稱為「第四層網域」、「news」 又稱為 「第三層網域」;而 「yahoo.com」 都是網域名稱 (會在接下來提及),其中的 「yahoo」 是第二層網域、「com」 是第一層網域。 3. 「tedu.cn」 是網域名稱 (Domain Name) 4. 「teachers」是剛網址的子目錄 (Subdirectory) 5. 「120226.html」是指檔案 認識網域名稱 (Domain Name)結構 分析我們的網址 「http://ui.tedu.cn/teachers/120226.html」 ,主機名稱 「ui」 又稱為 「第三層網域」;而網域名稱由 tedu 與 cn 組成,其中的 「tedu」 是第二層網域、「cn」 是第一層網域。而 cn 因指其所在地為中國大陸,又稱為國家代碼頂級域名 ccLTD (country code Top Level Domain)。 另外,常見的頂級域名有兩種,一種是本例的國家代碼頂級域名 (ccLTD),編碼為雙字程式碼 (如代表台灣的 .tw 與代表日本的 .jp 等) ;另一種是通用頂級域 (gTLD) ,編碼為三個字,如代表商業機構的 .com...

上了Python課程就知道!-讓Google員工傻眼的決定?上

圖片
學習Python課程才會知道的內幕!谷哥的Dragon計畫為何讓人不安?他們作的決定又是以何事為依據? 外界媒體爆料後才知真相!憤怒的Google員工促使秘密計畫終止 今天在 Python課程 時,聽到一個大消息! 聽 Python課程 老師說:谷哥內部的衝突於今年八月中旬就開始。那時一家美國網路媒體 The Intercept(攔截者)爆料:參與「Dragonfly」的 Google 團隊們使用架設在北京的網站,建構了要給搜尋引擎過濾搜尋結果的黑名單。黑名單的對象則是依據中國共產政府嚴格的審查制度,包含的是關於民主、人權、和平抗爭等資訊相關的網站。 Google 公司內負責用戶隱私的團隊,為著 Google 瞞著他們,進行中國地區搜尋引擎的開發計畫「Dragonfly」,感到強烈的不滿。因為這個搜尋引擎的搜尋結果都是「被過濾」的。 這個內部的裂痕越來越深,大到日前 Google 正式宣布終止「Dragonfly」計畫。 對比兩年前 Google 的 CEO 桑德佩奇 (Sundar Pichai) ,將大陸列為優先執行的地區。形成一個強烈的對比。 「美圖秀秀」董座手中購得「中國最多人使用的入口網站」 助 Dragonfly 蒐集大量數據 Dragonfly 計畫所需的分析資料來自於 Google 2008 年購買的入口網站 265.com。這個建立在北京的網站是「265.com」-曾經是「中國最多人使用的入口網站」,由 Google 2008 年從億萬富豪蔡文勝(美圖秀秀董事長、天使投資人)手中購得。265.com 當時提供了中國人多種資訊 (如金融市場、便宜機加酒等實用資訊) 以及網站、圖片與影片的 python搜尋引擎 。儘管它搜尋的運作原理,是先把用戶輸入的訊息導到百度後,再回傳結果給用戶,但是它已經藉由用戶輸入的訊息的過程,蒐集儲存了相當的用戶資料。 然而這樣子的行為,為何會需要瞞著員工? 為何會引起外界媒體的爆料、並引起 Google 內部員工如此大的反彈? 請看下一篇【 上了Python課程就知道!-讓Google員工傻眼的決定?下 】 相關連結: 上了Python課程就知道!-讓Google員工傻眼的決定?下 才14歲的AI專才在想啥?Python對他來說又有多重要?-上 才14歲的AI...

有了人工智慧,你的夢將不再是夢,來看是哪些人將不可能化為可能?

圖片
人工智慧產品遍布世界各地,但你有想過,這條便利又美好的康莊大道,是誰為我們建成的嗎? 但是 AI  人工智慧 真的如達內教育所評價的那麼熱門嗎? 日前達內教育Python課程小組查到 哈佛商業評論 公布的全球十大AI領軍人物,每一位都是現役的科技業領導者。 本次調查了200份樣本,其中,企業職員樣本量占44.5%,公司高階管理者(經理及以上)占樣本總量35.0%,政府職能部門職員占樣本總量20.5%。職位涉及高階主管、產品端、技術端、市場端、營運端、銷售端和相關專業教師顧問端。200位受訪者中,人均工作中涉及的人工智能領域達到1.6個。 榜上有名的包含 Apple 蘋果電腦的現役執行長庫克、微軟、Google、IBM 等科技巨擘的現任 CEO。這些公司都是現今 IT 產業的領導者。若這些現役 IT 界巨人也正在為未來的AI人工智慧產業紮根的話,可見 AI 人工智慧 產業的重要性就不在話下了。值得一提的是,第三名的百度的CEO兼董座李彦宏是中華地區唯一上榜的領導者,也是唯二的華人 (另一位是 NVidia 的美籍台裔 CEO 黃仁勳) ​ 哈佛商業評論公布全球十大AI領袖,前兩名有蘋果與微軟奪得,而百度領先亞馬遜與Google為第三名。圖片來源:哈佛商業評論 榜上唯一中國人 百度CEO緊接蘋果微軟摘下季軍 ​ 百度CEO李彥宏領先亞馬遜與Google奪得全球十大AI領袖第三名。影片來源:維基百科 被哈佛商業評論稱為「中國AI行業的啟蒙者與設計師」的 百度 創始者、董座兼 CEO 的李彥宏,緊接在後勇奪第三,完全不讓亞馬遜與 Google。因為李彥宏是中國 AI 人工智慧的啟蒙者,「首度提出 AI 三位一體的標準」,他創立的百度是中國 AI 人工智能領域技術積累最深、布局領域最廣的代表性公司。 這位體驗派的 AI 領導人曾經乘坐無人駕駛的 AI 車輛,行駛北京五環(北京市的一條環形高速公路),在中國大大的推廣無人駕駛觀念。2012年,他更建立了百度 AI 人工智慧實驗室,網羅了全球 AI 界的權威,並在六年中一直擴增擴編。 而在AI人工智慧產品佈局方面, 百度 研發的自動駕駛系統「Apollo」,與金龍客車公司聯手打造的「阿波龍」客車也開始量產。 這六年來,百度的 AI ...

搭著人工智慧的順風車,這MIT的APP成為人類生活增加便利性!

圖片
人工智慧急速發展的台灣,也推出屬於自己的語音辨識APP啦!這樣不管是記者或是聽障人士,都能充分感受到它的便利! PTT 創世神新創舉:台灣本土AI「雅婷」誕生 被鄉民稱為「PTT創世神」的 PTT 創辦人杜奕瑾,日前回到台灣,創辦了台灣 人工智慧 實驗室(Taiwan AI Labs)。他們推出了 MIT 台灣在地自行開發的 人工智慧 APP「雅婷逐字稿」。這個 AI「雅婷」可以將語音轉成逐字稿,對於經常需要藉由聽口述而打逐字稿的人,如記者等來說,簡直就是一個福音!這套 AI 人工智慧 語音辨識 APP 也支援了 Android、iOS 雙平台。 記者、聽障人士的福音-雅婷 這款工具,方便商務人士用於聽打逐字稿,對於記錄會議內容、記者會內容、客戶訪談等,都非常的方便。業務再也不怕遺漏客戶需求,員工再也不怕記不住會議內容、記者也不需手忙腳亂的快速抄寫逐字稿。 而開發者也在下載業面上指出,可以「協助聽障人士即時透過文字的方式理解廣播、電視節目或是其他人在說什麼」,是一款無障礙的友善App。    影片來源:蘋果仁Youtube 台灣國語? 安啦!雅婷都聽得懂 過去,這一類的人工智能語音辨識服務,大陸的百度、訊飛語音都曾經推出過。但是由於訓練模型,是以大陸的口音來訓練,加上資料庫也存在中國大陸,對於台灣人來說使用不是那麼便利。以上這些問題,再也不用擔心! 《雅婷逐字稿》由「PTT創世神」杜奕瑾的台灣人工智慧實驗室(Taiwan AI Labs)開發,為台灣本土團隊;且主打「中英交雜」、「本土開發」、「可以辨識台灣國語」等等本地需求,在打逐字稿時可以快速的把語音轉換為文字。這次,推出了台灣土生土長的「雅婷逐字稿」,在地化程度道連台灣國語都聽得懂,且不會有資料被傳出台灣的隱私疑慮!沒想到 Python 人工智慧 ,離我們的生活這麼近! 相關連結: 想在矽谷占上一席之位, Python課程為你開啟你的夢想之路 才14歲的AI專才在想啥?Python對他來說又有多重要?-上 才14歲的AI專才在想啥?Python對他來說又有多重要?-下 IT業界僱主到訪面試,達內教育評價有目共睹 想賺超多錢,除了上網路行銷課程,你還需要這個...