Bootstrap 4.5 版上線,官網設計大改變
本次主要是針對官網及部分說明的調整
原始碼的更動幅度不大
- 首頁新增 icon 介紹
- 官方付費版型也移至首頁
- 免費版型提供直接下載
- Utilities 增加滑鼠的互動選項(ex: 文字全選)
官網連結:
https://getbootstrap.com/
同時也有26部Youtube影片,追蹤數超過1,780的網紅Johntool,也在其Youtube影片中提到,記得訂閱我的頻道,獲得更多 WordPress 架站、部落格經營的消息! 本篇文章會教大家如何在網站的側邊欄加入圖片及連結,並且將圖片連結設定成開啟新分頁。 最近有許多新手問阿璋,該如何在網頁側邊欄放置一些圖片廣告? 想知道的話,就繼續看下去吧! 【文章連結】:https://www.joh...
「html連結js」的推薦目錄:
- 關於html連結js 在 卡斯伯 Facebook 的最佳貼文
- 關於html連結js 在 別家門市 Facebook 的最佳解答
- 關於html連結js 在 卡斯伯 Facebook 的最佳貼文
- 關於html連結js 在 Johntool Youtube 的精選貼文
- 關於html連結js 在 吳老師教學部落格 Youtube 的精選貼文
- 關於html連結js 在 吳老師教學部落格 Youtube 的最佳解答
- 關於html連結js 在 JavaScript -- 讓網頁動起來 的評價
- 關於html連結js 在 「分享」按鈕- 社交外掛程式 - Facebook for Developers 的評價
html連結js 在 別家門市 Facebook 的最佳解答
「問卷調查總整理&留言問題回覆(文han長)」
調查結果如下:
https://www.surveycake.com/admin/tw/survey/vRwdO/report?v=a4ae6c7cedb39999eebb83cff4eca6bb&layout=P
總之非常謝謝大家在這個週末花時間幫我填的問卷
裡面有非常多的留言我都有一個一個看
你們的留言真的非常暖心給了我非常大的鼓勵
不誇張,我看你們的留言真的有看到哭,真的哭
也有非常認真給我建議的讀者們,真的非常感謝
有很多人都非常關心我的身體狀況
除了本業之外
下班時間還花時間畫圖不要操壞身體
我都感受到了,非常的感動~
裡面還有一些從我剛經營粉專就開始追蹤我的粉絲
看到你們有來特地留言我真的打從心底感謝你們
謝謝你們陪著我一起成長,到現在開始逐漸壯大
你們真的是我背後最大的靠山,有你們在我就安心~
至於留言裡面有一些透露自己也是圖文插畫家的人
有報出名號的,放心!
之後我都會找時間去跟你們接觸的^^
真心覺得這個問卷調查在情人節前後真的很適合
因為你們充滿溫馨的留言就是我最美好的情人節禮物~
______
藉由整理之後
關於之後圖文的主題發展:
看到這樣的比例
感覺是快到半半分
所以為了滿足大家的的需求
這邊可能未來10篇裡面,8-9篇超商,1-2篇角色互動
就算是角色互動,也是盡量不會偏離超商題材太遠
最後再視情況穿插一篇其他服務業日常
有得到一些可以加強的空間:
大多都是得到“想看到更多圖”的回饋XD
這邊小妹我當然也會開始提高畫圖的效率
雖然不能夠一天一則
但是最少可能可以達成一星期兩則
(當然也會排除有時候的一些不確定因素)
再來就是故事的設定以及文字表達
因為我已經離開超商大概有3年多了
所以可能會沒有辦法跟上現在超商的一些即時消息
只能從舊有的一些時事去創作
這邊也可以呼籲現值的店員夥伴們私訊給我一些不一樣的梗喔~
再來就是“錯字”這個部分了
我相信長期關注粉粉專的讀者們都有察覺
雖然有些人覺得這是一種萌點
但我的錯字實在是太多太多了
多到有點想揍自己的衝動
XD
在這邊我也會開始鄭重審視我的圖文以及發文狀態
盡量不要再有錯字出現在圖文裡面
如果還是有出現的話麻煩各位在幫我挑出來一下XD
之後也會多多回應大家的留言
之前沒有回應是因為回應量太多
一個人可能沒有辦法回覆完全部
怕沒有被回覆到的讀者心理會不平衡
所以之後就沒有回了
之後如果有沒有被回覆到的人真的千萬不要傷心
因為我真的每個留言都有看到,只是可能沒時間回覆
另外圖文的呈現方式:
我看到大家基本上都是希望以長條呈現
這樣的話之後的圖文小妹我將採取長條式的短漫呈現
由於每篇漫畫大概的是由5-10格圖去組合
FB上面的畫質會吃得很死
直接上傳會很像一條不知道是什麼的長條圖(?)
所以之後的呈現方式將會是先放一張主題文字的圖
而短漫將會生成一個連結貼在文章敘述最上方
請大家到時候再點擊連結去看大張的長條漫
可能閱讀上會有些不習慣
但為了可以更進步,希望各位可以慢慢來適應
題外話,最近我有發現電腦版FB在觀看圖文的時候
圖片跳轉的順序會亂跳,不知道電腦版讀者有沒有這樣的感覺
為了預防這樣的現象,可以先用手機來做瀏覽
關於未來抽獎禮品:
看大家好像都是希望送貼圖居多
我之後應該也是會做些周邊來送給大家~
周邊的話目前應該會先以壓克力吊飾為主
另外有看到有人建議可以送簽繪版
真心覺得簽繪板也是個好選擇
(突然也想順便練練自己的手繪能力了)
關於未來可以合作的圖文插畫家:
超商怪事多跟米開已經算是很熟的同業合作夥伴
未來要合作當然是沒有問題的!
(當然也是要看他們的意願啦~)
其中有些未來有機會還是會去洽談看看有沒有意願~
不過還是有些插畫家實在是太大咖了
小妹我的勇氣梁靜茹還沒給我
所以太大咖的我可能還沒辦法,小心臟會承受不住QQ
留言問題回覆:
(我挑了大家問得比較多的問題來回答)
___
1 可以常常更新圖文嗎?
因為是花工作之餘的時間來畫,雖然不會一天就更新一則
但是之後至少一星期會更新1-2篇
再請大家多多支持~
___
2 士君可以保持單身嗎?
目前粉專角色除了李顧問之外
全部角色都是設定單身,這點請大家不用擔心^^
___
3 門市的角色會有感情線的配對嗎?
應該是不會有喔,既然他們設定永遠單身
就不會有一些多餘的戀愛線跑出來
主要的故事都還是會以超商生活為主喔
大家都是感情很好的夥伴關係
不過小妹我這邊不會干涉大家的自由,請自行發揮
___
4 作者有考慮露臉嗎?
在FB跟IG都不會露臉喔,因為畢竟是圖文性質嘛
如果好奇的話可以直接看蔡茉莉這個角色
這個角色設定就是直接拿我來創造的
身高生日星座都一樣喔
未來如果有擺攤或是跟讀者有見面機會的話
也許就會公開露面了,不過真的不用那麼好奇
就是一般的女子XDDD
___
5 想知道作者現在的工作是什麼?
我現在從事網頁設計一職
專門寫html跟css以及一些js套件運用
講簡單點就是做市面上大家很常看的一些活動網頁
工作性質關係所以也很常跟後端工程師配合專案
“顏士君”這個角色就是參考身邊的工程師同事創造出來的喔~
___
6 請問願意接非商業委託嗎?
非商業委託可能是要看哪種類型的喔
因為這個粉專主要是超商日常為主,業配型委託可能沒有辦法
但是如果只是私下接簡單的插畫,也許可以幫忙~
不過還是需要看看時間,因為也不一定每次都會有空閒時間
如果有需要都還是可以私訊給我~
___
7 作者有沒有考慮在webtoon連載或是出實體書?
因為能畫圖的時間有限,所以很怕去接觸那種需要長時間連載的平台XD
所以目前還是以休閒系更新粉專為主~
至於實體書的部分,對於實體書可能需要長時間去塞裡面的內容
一想到這樣的繪圖量,真的不確定自己能不能勝任,所以也是先pass~
___
8 不知道怎麼稱呼作者名字?
因為我的英文名字是Molly
請大家直接叫我Molly或是茉莉就可以了
別再叫我大大什麼的,小妹我承擔不起XD
就當是在稱呼朋友那樣就行了~
___
9 作者會繼續出貼圖嗎?
最近第一波剛發售,所以短時間內應該不會再畫第二波
畢竟貼圖也是需要想實用的貼圖梗才可以哈哈
但是未來沒有意外的話應該還是會繼續推出新的貼圖
這點請大家不用擔心~
未來的日子也請各位多多指教!!
html連結js 在 卡斯伯 Facebook 的最佳貼文
我和 Kan-Tai Zeng 打賭贏了
所以他會在六角線上研討會 Live Coding
前情提要:https://www.facebook.com/groups/110635703123103/permalink/536366897216646/
活動時間:12/19 19:30
參加辦法:六角的學員們,活動連結就在你的信件裡
---------------------------
除此之外,乾太另外最近心血來潮經營 Twitch
大家可以透過直播來欣賞他寫程式、講幹話
常常沒開或是沒人在的頻道連結:https://www.twitch.tv/kantai235
---------------------------
以下是乾太的日常幹話發揮
## 純靠北工程師之星爆寫程式
同學您好,我是乾太:
很多人不認識我,甚至不知道我的存在,但沒關係,這些並不是重點,重點是這週晚上直播要幹嘛?因為跟 Casper 老師賭星星賭輸了,所以要來 Live Coding,直播寫程式,沒錯,就是直接在六角的直播上在那邊 Live Coding 寫程式。
直播主題我命名為「スターバーストプログラミング(su-tā-bā-su-to pu-ro-gu-ra-min-gu)」,翻成中文也就是「星爆編程」、「星爆寫程式」,大概就像是拿著兩把鍵盤,然後在那邊十六連打的概念。
那麼這次直播跟以往可能有一點點不太一樣,主要是我一邊 Live Coding、一邊跟大家瞎聊,有可能寫到無語時在那邊 SWITCH Casper 幫我撐十秒,你如果有些問題想問的,也可以在直播時提出來問問看,基本上不拘限於任何話題,但不保證會不會 Miss 掉。
## 前端寫程式活動
以及會介紹一個最近的前端活動,所以適合剛學完 HTML&CSS 或 Bootstrap 的學員來試刀,當然也適合上過 jQuery 課程的學員,如果你上過 Sass 課程那就更棒了,同時也適合 JS 學徒或 Vue 的學員,這個活動就是 All In 前端就是了。
如果你對於這個前端活動有點興趣的話,可以考慮參加一下:https://github.com/init-engineer/init.engineer-frontend-template
如果你對後端有一點興趣的話,也是可以來看這場直播,因為我在那邊 Live Coding 十之八九都在寫後端程式,然後用著口齒不清好像含了滷蛋的口吻在那邊講解程式碼,大概只有剩下的百分之一的時間是在寫前端。
---
#當天最好有拿兩把鍵盤
#來看看課金王的LiveDemo吧
html連結js 在 Johntool Youtube 的精選貼文
記得訂閱我的頻道,獲得更多 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)
html連結js 在 吳老師教學部落格 Youtube 的精選貼文
元智實用化課程用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教學
html連結js 在 吳老師教學部落格 Youtube 的最佳解答
元智實用化課程用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教學
html連結js 在 「分享」按鈕- 社交外掛程式 - Facebook for Developers 的推薦與評價
將 data-href 值調整為您的網站網址,繼續使用 og:*** 中繼標籤調整您的連結預覽。 og:url 和 data-href 應使用相同的網址。 <html> <head> ... ... <看更多>
html連結js 在 JavaScript -- 讓網頁動起來 的推薦與評價
<html> <head> <title>節點存取示範</title> </head> <body> <div id ="hi"><b>你好! ... </li> 內的超連結 <a href="JavaScript:alert('2.1');">menu 2.1</a> 使用 ... ... <看更多>