發表文章

目前顯示的是 5月, 2020的文章

基本HTML (持續更新中)

圖片
在Sublime Text上的小撇步 「!+Tab」或「html:5+Tab」召喚出整體架構 前提：有先在Sublime Text內加入Emmet 如果沒有或是還不知道如何加入外掛的話，可以先閱讀下面連結的文章 Sublime Text 先備知識 基本架構 <!DOCTYPE> <html></html>     定義HTML檔 <head></head>     HTML檔的資訊 <title></title>        HTML檔的標題 <body></body>    文件的主體 <h1></h1>            定義字的大小  (大) <h2></h2>            定義字的大小     | <h3></h3>           定義字的大小     | <h4></h4>            定義字的大小     | <h5></h5>            定義字的大小     | <h6></h6>            定義字的大小  (小) <p></p>                出現在網頁內的段落 <br>                     換行 <hr>                      長長的水平線 <!-- -->                  註記(類似C/C++語言的/* */) 一些常用的東東 <meta charset="UTF-8>   其實...有人證實，用就對了>< <button></button> 出現按鈕，可添加 align (屬性) <img>   加入圖片          ●  src=""                圖源(URL)          ●  alt=""         
張貼留言
閱讀完整內容

Sublime Text 先備知識

安裝Package Control 在Sublime Text裡按「ctrl+shift+P」叫出指令面板 在指令面板裡輸入並選取「Install Package Control」 過了一下後會跳出安裝成功 然後在叫出指令面板 輸入「Package Control」檢查是否有出現一堆與Package Control相關的東西 若有代表安裝成功 --------------------------------------------------------------------------------------------------- 安裝Emmet 再開啟一次指令面板 輸入「Install Package」，點選「Package Control: Install Package」 輸入並點選「Emmet」 等跳出「Package Control Messages」之後代表安裝成功 --------------------------------------------------------------------------------------------------- 安裝支援中文 依順序按 -> Preferences                  -> Package Settings                  -> ConvertToUTF8                  -> Settings – Default 然後會出現一堆程式碼 先按「ctrl+A」全部複製下來 再依順序按 -> Preferences                      -> Package Settings                      -> ConvertToUTF8                      -> Settings – User 把第7行的 ["Chinese Traditional (BIG5)", "BIG5"],   移到第4行 ["Chinese Simplified (GBK)", "GBK"],     的上面 讓他
張貼留言
閱讀完整內容

架網必須知道的網站 (這是我目前知道的，還有的話就會更新)

問問題的地方 Stack Overflow https://stackoverflow.com/ ------------------------------------------------------------- 學習HTML、CSS、JavaScript、SQL......(等)基本語法的好網站 w3school https://www.w3schools.com/ ------------------------------------------------------------- 像codepad的網站，可以經由連結傳原始碼給別人 https://jsfiddle.net/ ------------------------------------------------------------- 查看神奇的成品或編輯上傳自己成品的網站 CodePen https://codepen.io/ ------------------------------------------------------------- Different tutorial網站 CSS Trick https://CSS-trick.com ------------------------------------------------------------- 查看是否能在某瀏覽器下用的語法 Can I Use https://caniuse.com/ ------------------------------------------------------------- 查看近來瀏覽器的使用率 Browser Statics https://www.w3schools.com/browsers/ -------------------------------------------------------------
張貼留言
閱讀完整內容

Git 與相關指令 (持續更新中)

好用的git指導書 git book https://git-scm.com/book/zh-tw/v2 ------------------------------------------------------------- 上傳 dir cd cousera-test cd site dir git status cd .. git status git add .. git status git commit -m "My first page." git status git push ------------------------------------------------------------- 更改 git add site/index.html git status git commit -m "Small addition to our page content." git status git push ------------------------------------------------------------- 讓網頁與sublime同步 browser-sync start --server --directory --files "*" -------------------------------------------------------------
張貼留言
閱讀完整內容