PIXNET Logo登入

Java瑪奇朵-非本科系的IT吃喝電玩日誌

跳到主文

歡迎光臨Java工程師在痞客邦的小天地

部落格全站分類:職場甘苦

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 1月 16 週四 202020:00
  • UI設計補給站:奧迪,福斯LOGO平面化(下)

UI設計補給站:奧迪,福斯LOGO平面化(下)

今天的UI設計補給站要來跟大家介紹大廠汽車的LOGO平面化是怎麼設計的~有興趣的同學請享用~(上)
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(29)

  • 個人分類:設計
▲top
  • 1月 16 週四 202008:00
  • 優質SEO速成班:長尾關鍵字提高轉化率

優質SEO速成班:長尾關鍵字提高轉化率

SEO速成班開班啦!!有興趣的同學快來看看!!超多實用小訣竅的喔!!(長尾關鍵字提高轉化率)
什麼是「長尾關鍵字」?
「長尾關鍵字」一詞來自克里斯·安德森(Chris Anderson)的書「長尾理論」(Long Tail),認為只要通路夠大,r就算是非主流的、需求量小的商品,總銷量也能與主流的、需求量大的商品抗衡。同理,非主流關鍵字的總流量,可能超越熱門關鍵字的流量總合,這些非主力關鍵字就是長尾關鍵字。
因此單一長尾關鍵字通常替網站帶來的流量是極低的,但是多個長尾關鍵字(較好操作)帶來的總流量可能媲美單一熱門關鍵字(較難競爭)帶來的流量。而「長尾關鍵字」跟關鍵字的長短完全沒有關係,不是長的關鍵字叫做長尾關鍵字。今天國內外仍有不少網站錯誤解釋「長尾關鍵字」的意思,若你看到的 SEO 資訊有這樣的謬誤出現,就不要再往下看了,以免越看越錯。
長尾關鍵字正確的定義為,根據這篇解釋:長尾關鍵字通常比一般關鍵字冷門(通常搜尋量較低)、但也是更明確的關鍵字,所以可以得到更高的轉換率。
所以長尾關鍵字的定義:「冷門」,在下面的「搜尋需求曲線(Search Demand Curve)」上,中間綠色段與右方紫色段的這些冷門的關鍵字種類眾多,拉出一條長長的尾巴,相當於「長尾理論」名詞的由來。
長尾關鍵字-範例
剛好許多長尾關鍵字的組成多為「焦點關鍵字」的延伸字句,例如焦點關鍵字是「乳清蛋白粉」,長尾關鍵字就可能是「英國乳清蛋白粉」、「2018年乳清蛋白粉」、「健身房用的乳清蛋白粉」、「便宜的乳清蛋白粉」等等。這些長尾關鍵字搜尋的量會比焦點關鍵字的搜尋量還少,大部分(意思就是「非全部」)的長尾關鍵字的字數也較長,因此 SEO「長尾」的定義常被人誤會。
長尾關鍵字帶來剛性需求 提高轉換率
許多時候我們再用關鍵字工具時,當我們輸入一個焦點關鍵字,他就會跳出相關的、但搜尋量不是這麼高的關鍵字。如輸入重機「Kawasaki ninja 1000」時,就會出現「kawasaki ninja 1000價格」與「kawasaki ninja 1000價格、「kawasaki ninja 1000開箱」、「ninja 1000油耗」等等,你會發現這些字的搜尋量沒有「Kawasaki ninja 1000」高,但是這些字都帶有較精確的目的(如想看評價、想購買而詢價等)。也就是說,有些特定的冷門「長尾」關鍵字會帶來目標客戶。因此若能適時的置入這些目的性強烈的長尾關鍵字時,不但在長尾關鍵字的搜尋結果頁上名列前茅的門檻較低,也能吸引到目標客戶的目光。這就是為何 SEO 不能放棄長尾關鍵字的原因-畢竟他能給你過濾出精準的客戶!
 
更多SEO相關文章請點選下方連結~
 
 
 
其他閱讀

優質SEO速成班:網域名稱大小事

優質SEO速成班:長尾關鍵字提高轉化率
SEO優化人員和前端工程師一定要知道的語意標記入門!!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類:程式設計課程相關
▲top
  • 1月 15 週三 202020:00
  • UI設計補給站:奧迪,福斯LOGO平面化(中)

UI設計補給站:奧迪,福斯LOGO平面化(中)

今天的UI設計補給站要來跟大家介紹大廠汽車的LOGO平面化是怎麼設計的~有興趣的同學請享用~(上)
本篇為Audi篇的下集,上集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!(上)】請點此

UI設計補給站:奧迪,福斯LOGO平面化(上)
字體
▲ 新 Audi Logo 與字體搭配的準則。
新的 Audi 字體也隨著新的 logo 曝光。Strichpunkt 表示:隨著新的「簡潔有力」的清新風格的 Audi logo。
▲ Audi 標語的使用範例(總是以小型字體出現在畫面的角落)。
圖標
▲ 各式新的 Audi UI icons 為線條化設計,靈感來自精確的車輛工程設計圖
而用於網站、app、車用數位裝置的 2D 線條線條化圖標,Strichpunkt 表示設計靈感來源自 Audi 車輛研發設計時,工程師繪出的精確的工程設計圖。
▲ 新的 Audi UI icons使用範例
影片

▲ Strichpunkt 替出現於新 UI 介面上的 Audi 影片立下「S 型曲線」原則:「一開始強而有力的加速啟動,然後在結束時迅速減速」。
而所有出現在數位裝置上的 Audi 形象影片動作也都遵循 S 型曲線模式,Strichpunkt 表示「一開始強而有力的加速啟動,然後在結束時迅速減速。」
奧迪也為此新視覺辨識制定了品牌指南,製作「Audi 品牌指南網站」,開放各式資源給大眾免費瀏覽、下載,包含全新設計的 Audi Logo、字體、形象圖片、影片,甚至連 HTML 原始碼、被淘汰的設計都有,讓用戶感到有參與到他們的品牌重塑過程。
現在,Strichpunkt 將在子網域上啟動一個互動式工具,使用戶可以模擬奧迪風格的設計、字型、排版,背景和顏色。然後,該工具會告訴他們:其模擬作品是否符合 Audi 的設計原則與方針。
▲ 各式新的 Audi 廣告,應用了所有 Strichpunkt 為 Audi 打造的 Logo、構圖、字體、等元素。
Strichpunkt 表示:這一連串的互動式工具,都是為了讓新的 Audi 品牌設計方針「更平易近人」,與 Audi 的新品牌識別「accessible to everyone(每個人都可使用)」相呼應。「這是汽車業的創舉,為新的開放式的象徵(a symbol of new open-ness)」。
本篇為Audi篇下集,下一篇為福斯UI的介紹【不落後於 Audi,福斯跟進「數位優先」視覺辨識與UI】請點此

UI設計補給站:奧迪,福斯LOGO平面化(下)
 
想看更多UI,

UX的文章請點下方連結~
 
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(123)

  • 個人分類:設計
▲top
  • 1月 15 週三 202008:00
  • 優質SEO速成班:網域名稱大小事

優質SEO速成班:網域名稱大小事

SEO速成班開班啦!!有興趣的同學快來看看!!超多實用小訣竅的喔!!(網域名稱大小事)
新 Domain 如何做 SEO 才有效?
相信很多剛接觸 SEO 的人在買了新的網域名稱(Domain Name)之後,都有這個疑問:我要即時讓網站被 Google 索引到,還是要等整個網站架完再給 Google 索引。
事實上,網域(Domain)是有年齡的,這個年齡是從被 Google 所引導的那天算起。年齡越「老」,Google 搜尋引擎越愛
網域年齡(Domain Age)- 越老越高分
Domain 的年齡與 SEO 的結果幾乎成正比。「年齡越大」的 Domain 會被 Google 視為「越穩定」。通常只要沒被 Google 列為黑名單的 Domain,內容會隨著經營時間的累積而更加豐富,同時可信度就越高,Google 就會給予較高的權重分數。
因此,最好的作法是第一步就先提交 Domain 給 Google Index 索引,讓自己的 Domain 先給 Google 「算年齡」。因為網域年齡(Domain Age)是由納入 Google 系統後開始計算,而非購買那天開始計算。所以無論你的網站做到哪個階段,請先把 Domain 提交給 Google 吧!其他的可以稍後再弄。依照筆者的經驗,筆者會先把首頁放上網路之後,再放其連結讓 Google 去索引,然後再做其他的頁面。最後再重回首頁做更細微的優化。如此一來就可邊讓 Google 索引、自己也可邊頁面,就不會浪費讓自己的網頁「累計年齡」的時間。
購買 Domain Name 時要注意的事情
在購買網域名稱 (Domain Name) 時也是一們小學問,有下列三個小撇步要注意:
1. 域名的地域性
倘若你是商家且你的 Domain Name 會含有你的品牌名稱時,則買域名時最好一整套購買。所謂一整套購買,就是除了基本的「.com」之外,連同「.com.tw」、「.tw」一併購買,以免其他人也購買了同一個名字。你可以想像:當消費者在搜尋引擎搜尋時,輸入同個名稱,卻有不同的網站,是容易產生誤會的。
再者,若貴公司的主要客群是台灣人,購買「.com.tw」更能夠鞏固你的地域性,讓更多人明白你的網站是出自於台灣。
2. 域名不需拘泥有 SEO 關鍵字
域名越精簡越好。有些 SEO 未能購買到精簡好記的域名,就是太拘泥於要將自己網站的主要關鍵字放在域名中。其實全球多家專做 SEO 工具的廠商,如 Ahrefs(ahrefs.com)、Moz (moz.com)、SEMrush (semrush.com) 等,都直接拿自己的品牌當成域名。他們的域名命名都沒有包含「seo」、「seotool」等字眼。因此網頁的內容還是 SEO 的王道。
再者,若貴公司的主要客群是台灣人,購買「.com.tw」更能夠鞏固你的地域性,讓更多人明白你的網站是出自於台灣。
3. 域名的歷史
在購買域名時,你必須留意過去是否曾經有人也用過相同的域名?這個域名是否曾經有黑歷史,會影響到你目前的業務?
此時,你可以用線上免費工具 Domain Tools 查詢域名的歷史。若貴公司的主要客群是台灣人,購買「.com.tw」更能夠鞏固你的地域性,讓更多人明白你的網站是出自於台灣。
另外,買了域名後,必須每年續約以維持域名的所有權。若未付款,過了寬限期後,原本的域名便會開放給其他人購買。
 
更多SEO相關文章請點選下方連結~
 
 
 
其他閱讀

優質SEO速成班:Page Title 與 H1

優質SEO速成班:長尾關鍵字提高轉化率
SEO優化人員和前端工程師一定要知道的語意標記入門!!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:程式設計課程相關
▲top
  • 1月 14 週二 202021:00
  • UI設計補給站:奧迪,福斯LOGO平面化(上)

UI設計補給站:奧迪,福斯LOGO平面化(上)

今天的UI設計補給站要來跟大家介紹大廠汽車的LOGO平面化是怎麼設計的~有興趣的同學請享用~(上)
AUDI 的「數位優先(digital-first)」UI 視覺辨識
▲ 因應 Audi 的「數位優先」品牌重塑計畫,德國設計公司 Strichpunkt 幫 Audi 打造出極簡一致、功能為主的跨平台 UI 介面。主要元素為區塊佈局、簡單配色、獨特的 Audi 字體以及平面化的 Audi 標誌
現今人們上網的媒介已不再侷限於桌上型電腦,手機上網、或是在車上裝設平板電腦上網早已普及。因此德國汽車公司 Audi 早在於2017 年透露了他們的品牌重塑(rebrand)計畫,以「數位優先(digital-first)」為其主軸。
「數位優先(digital-first)」的品牌重塑(rebrand)計畫聚焦於數位裝置的 UI 設計,期望更多用戶,無論是使用平板、手機、桌上型電腦等上網媒介瀏覽 Audi 網站、或是使用 Audi 的 APP 等上網行為,都能有更好的使用者體驗(UX)。德國的設計公司 Strichpunkt 負責這次 Audi 品牌重塑計畫的 UI/UX 設計,並期望讓所有的數位平台 —— 從 Audi 的網站、app 應用程式到車上的數位裝置(包含數位螢幕、聲音 app 及包含智慧手錶在內的所有數位產品等)都維持一致。
▲ Audi 的「原子設計(atomic design)」基本概念。
此次「品牌重塑」專案可說是顛覆性的翻新,Strichpunkt 創建了新型態的「原子設計(atomic design)」思路:在評估數位設備的外觀時,我們將 Audi 的視角變化應用於設計上面。。 我們的思考過程不只是從最小的設備開始,而且是從設計的最小元素開始。」延續此「原子設計」的設計方法, Strichpunkt 建構出一套功能優先、走極簡風格的 UI 使用者界面。這套新 Audi UI 用戶界面已於 2017 年公開於網路上:任何人都可以從 GitHub 或是 Audi UI Photoshop kit 下載使用 Audi 圖標,UI 組件和字體。
▲ Audi 的新 UI 介面佈局
簡要概述一下這次 Audi 的新 UI 設計:「介面佈局大至上分為垂直和水平的區塊,以達成視覺上的平衡。內容則顯示在這些方形區塊中;而這些方形區塊也置入於與設備的(螢幕)邊緣隔開的網格中。當這些方形區塊被賦予其他的附加功能時,則被視為「卡片」。為了被使用者重視,所有的元素都在階層式的結構中突出顯示。

▲ 替 Audi 設計新 Logo 的設計公司 Strichpunkt 上傳的 Audi 品牌重塑影片-展示了 Audi 的品牌形象、字體、網站以及各裝置的 UI 使用者介面。
根據裝置螢幕的大小,Strichpunkt 使用了簡單的黑色、白色、灰色、紅色和不同色階的銀色,以及不同的字體大小。您可以在這裏找到更多有關Audi UI 使用者介面設計的詳細信息。
▲ Strichpunkt 為了 Audi 的新 UI 設計,所打造的全新 2D 化 Logo、新 Audi 字體、品牌配色;下方則是用於網站、app、車用數位裝置的線條化圖標以及 S 型曲線模式
新的Audi Logo-2D扁平化
▲ Audi 的新 Logo 由原本的立體風變為 2D 平面風,俐落的外型更適用於嵌入各式各樣的設計。
Strichpunkt 替 Audi 完成了新的 Logo 設計,一改原本的「仿3D」立體設計,而以 2D 的 Logo 取代之。Logo 造型為扁平的四個圈圈、沒有品牌文字在 LOGO 下方、顏色非黑即白。
本篇為Audi篇上集,Audi篇下集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!】請點此

UI設計補給站:奧迪,福斯LOGO平面化(中)
 
想看更多UI,UX的文章請點下方連結~
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(23)

  • 個人分類:設計
▲top
  • 1月 14 週二 202008:00
  • 優質SEO速成班:Page Title 與 H1

優質SEO速成班:Page Title 與 H1

SEO速成班開班啦!!有興趣的同學快來看看!!超多實用小訣竅的喔!!(Page Title 與 H1)
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(5)

  • 個人分類:程式設計課程相關
▲top
  • 1月 13 週一 202021:00
  • 新手必讀的JavaScript(16):三種訊息框

新手必讀的JavaScript(16):三種訊息框

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(16)
JavaScript 提供三種訊息框:alert、confirm、prompt,介紹如下:
Alert警告提示框
當要確保信息傳遞給用戶時,就使用 Alert 警告提示框。JavaScript 的訊息框提供了一個「確定」按鈕,讓使用者關閉該訊息框後才可以繼續進行操作。
Alert 警告提示框採用單個參數,即彈出框中顯示的文字,如下例子:
alert("Do you really want to leave this page?");
prompt提示訊息框
JavaScript 的 prompt 提示訊息框用於讓用戶在進入頁面之前,必須先輸入訊息。
當 prompt 提示訊息框跳出時,用戶在輸入訊息後必須點擊「確定」或「取消」才能繼續。
如果用戶點擊「確定」,該框將顯示使用者輸入的訊息如果用戶單擊「取消」,則顯示「null」
如下例子,當使用者進入網頁時,網頁就會跳出一個 prompt提示訊息框,訊息框上顯示「你今年幾算?」,然後讓使用者輸入數字。若使用者輸入歲數並且按下「確定」後,訊息框將會顯示「你今年_歲」;若使用者沒有輸入訊息或是按「取消」,則顯示「你今年null歲」。
// result = prompt(確認訊息框顯示問題);
let age = prompt('你今年幾算?');
alert(`你今年 ${age} 歲!`); // 你今年_歲!

confirm確認訊息框
JavaScript 的 confirm 確認訊息框通常用於讓用戶驗證或接受某些內容。
彈出confirm確認訊息框時,用戶必須點擊「確定」或「取消」才能繼續。
如果用戶單擊「確定」,則該框將回傳 true。如果 用戶單擊「取消」,則該框將回傳 false。

如下例子,當使用者進入網頁時,網頁就會跳出一個 confirm 確認訊息框,訊息框上顯示「請問你確定要離開此頁嗎?」,然後讓使用者輸入「確定」或「取消」。若使用者輸入「確定」後,訊息框將會顯示「感謝您的造訪,再見!」;若使用者沒有輸入訊息或是按「取消」,則顯示「感謝您選擇繼續瀏覽我們的網頁!」。
var result = confirm("請問你確定要離開此頁嗎?");
if (result == true) {
alert("感謝您的造訪,再見!");
}
else {
alert("感謝您選擇繼續瀏覽我們的網頁!");
}

 
更多關於JavaScript的文章請點下方連結喔~
 
 
 
其他閱讀
新手必讀的JavaScript(14):在函式中使用多重參數
新手必讀的JavaScript(15):函式回傳
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(4)

  • 個人分類:程式設計課程相關
▲top
  • 1月 13 週一 202009:00
  • KKBOX聯手人工智慧打造全新音樂平台!還能預測歌曲排行榜喔~

KKBOX聯手人工智慧打造全新音樂平台!還能預測歌曲排行榜喔~

KKBOX也跟上人工智慧風潮啦!!全新AI平台絕對讓你耳目一新喔!!
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:程式設計課程相關
▲top
  • 1月 09 週四 202017:00
  • UI,UX設計師接案前必讀的視覺感知心理學!!

UI,UX設計師接案前必讀的視覺感知心理學!!

在成為一名專業的UI,UX設計師前,除了專業課程外你還需要上一堂視覺感知心理學的課程!!快點進來看看吧!!
最近學習了米勒定律和希克定律。 其中關於如何提升視覺感知,有對我很有幫助,其中有一條:平均每個人在記憶時候最大數量為7個。
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(93)

  • 個人分類:設計
▲top
  • 1月 09 週四 202008:00
  • Javascript基礎入門(十六):三種訊息框

Javascript基礎入門(十六):三種訊息框

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十六)
JavaScript 提供三種訊息框:alert、confirm、prompt,介紹如下:
Alert警告提示框
當要確保信息傳遞給用戶時,就使用 Alert 警告提示框。JavaScript 的訊息框提供了一個「確定」按鈕,讓使用者關閉該訊息框後才可以繼續進行操作。
Alert 警告提示框採用單個參數,即彈出框中顯示的文字,如下例子:
alert("Do you really want to leave this page?");
prompt提示訊息框
JavaScript 的 prompt 提示訊息框用於讓用戶在進入頁面之前,必須先輸入訊息。
當 prompt 提示訊息框跳出時,用戶在輸入訊息後必須點擊「確定」或「取消」才能繼續。
如果用戶點擊「確定」,該框將顯示使用者輸入的訊息如果用戶單擊「取消」,則顯示「null」
如下例子,當使用者進入網頁時,網頁就會跳出一個 prompt提示訊息框,訊息框上顯示「你今年幾算?」,然後讓使用者輸入數字。若使用者輸入歲數並且按下「確定」後,訊息框將會顯示「你今年_歲」;若使用者沒有輸入訊息或是按「取消」,則顯示「你今年null歲」。
// result = prompt(確認訊息框顯示問題);
let age = prompt('你今年幾算?');
alert(`你今年 ${age} 歲!`); // 你今年_歲!

confirm確認訊息框
JavaScript 的 confirm 確認訊息框通常用於讓用戶驗證或接受某些內容。
彈出confirm確認訊息框時,用戶必須點擊「確定」或「取消」才能繼續。
如果用戶單擊「確定」,則該框將回傳 true。如果 用戶單擊「取消」,則該框將回傳 false。

如下例子,當使用者進入網頁時,網頁就會跳出一個 confirm 確認訊息框,訊息框上顯示「請問你確定要離開此頁嗎?」,然後讓使用者輸入「確定」或「取消」。若使用者輸入「確定」後,訊息框將會顯示「感謝您的造訪,再見!」;若使用者沒有輸入訊息或是按「取消」,則顯示「感謝您選擇繼續瀏覽我們的網頁!」。
var result = confirm("請問你確定要離開此頁嗎?");
if (result == true) {
alert("感謝您的造訪,再見!");
}
else {
alert("感謝您選擇繼續瀏覽我們的網頁!");
}

 
更多關於JavaScript的文章請點下方連結喔~
 
 
 
其他閱讀
Javascript基礎入門(十四):在函式中使用多重參數
Javascript基礎入門(十五):函式回傳
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類:程式設計課程相關
▲top
«1...35363795»

個人資訊

Java瑪奇朵
暱稱:
Java瑪奇朵
分類:
職場甘苦
好友:
累積中
地區:

熱門文章

  • (442)Java課程的第一課-Java為何被取名為可以喝的Java咖啡?
  • (34)日本首座自駕車公園盛大完工~人工智慧讓自駕車不再是夢!!
  • (1,222)HTML5教學教你如何做出逼真的書本翻頁動畫!!
  • (10,710)想做出精美的翻頁效果? HTML5教學6種變化直接告訴你!!
  • (25)你玩過人工智慧合成人臉,但你聽過貓也可以合成嗎? 貓咪合成後竟變這樣?
  • (369)HTML和CSS網頁顏色代碼複製貼上!! 前端工程師快比這篇收起來放!!
  • (67)Python不是大蟒蛇也不唸“派桑”~那到底怎麼唸呢?
  • (2,315)Python控制結構一次懂:實作簡單的計算機
  • (17)前端工程師和後端工程師的差別是什麼?
  • (3)新手必讀的JavaScript(5):賦值運算子

文章分類

  • SEO (1)
  • SEO (30)
  • 設計 (1)
  • 設計 (36)
  • 網路行銷 (1)
  • 網路行銷 (1)
  • 網路行銷 (1)
  • 網路行銷 (15)
  • 前端工程師CSS基礎課程 (36)
  • 11月第四週分享 (5)
  • 11月第三週分享 (5)
  • 11月第二週分享 (5)
  • 11月第一週分享 (5)
  • 第五週學習 (5)
  • 第四週學習 (5)
  • 第三週學習 (5)
  • 第一週學習 (5)
  • 第二週學習 (5)
  • 程式設計課程相關 (444)
  • Java課程心得 (7)
  • 吃喝電玩 (7)
  • 未分類文章 (1)

最新文章

  • 人工智慧如何在戰火連天的烏俄地區幫助烏克蘭?
  • 討論度爆棚元宇宙時裝周竟犯這種失誤?完美步上20年前的後塵?
  • Google一出手就要打趴YouTube零廣告第三方撥放器?
  • 2022討論度最高的七大面向突破不可不知!!
  • 前端工程師開發網頁好助手非Emmet莫屬?為什麼?
  • Python和Java搞清楚差別了嗎?到底該怎麼選擇呢?
  • 日本最新發明讓你在虛擬的元宇宙裡也能體驗觸覺和痛覺!!
  • 人工智慧專業操盤手幫你選好潛力股和加密貨幣~真的能信嗎?
  • 台大打造人工智慧眼科診斷軟體,助糖尿病友預防視網膜病變!!
  • 使命必達的人工智慧機器人也要丟飯碗了?!人類不用再怕被取代了?

動態訂閱

文章精選

文章搜尋

誰來我家

參觀人氣

  • 本日人氣:
  • 累積人氣: