Code Cademy 筆記

Building with Bootstrap

    1. 在head tag之中鍵入
 <link rel=“stylesheet” href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”/>
  1. 頂端導覽頁header class=”container” *意思是套用BS模板
    →橫幅顯示div class=”row”
    →分割成2個單位:
    ❶公司名稱LOGO h1 class=”col-sm-4″
    ❷右邊其餘資訊  nav=”col-sm-8 text-right”
    →用p tag再細分newest,catalogue,contact
  2. 橫幅視覺面 setion=”jumbotron”
    →套用BS模板 div=”container”
    →文字水平置中 div=”row text-center”
    →内容:大標h2,中標h3,按鈕拉至頁尾

    See all
    
  3. 内容區塊supporting content area
    →套用BS模板 section=”container”
    →切成兩個div class=”row”
    →再細切成四個figure class=”col-sm-6″
    →毎個figure中填入一個<p>跟一個img
  4. 底端列footer→套用BS模板
    footer=”container”
    →div class=”row”
    →切成兩塊p class=”col-sm-4″ 與ul class=”col-sm-8″
    →p内寫入:&copy; 2016 Skillfair
    →ul 再切成4個li class=”col-sm-1″
    →4個li内部放入社群網站圖示img

Learn Git

  1. 新增一個txt檔案,寫一點東西
  2. 開始專案:在terminal内輸入git init
  3. Working Directory:編輯,新增,刪除專案
  4. Staging Area:將修改帶到此處
  5. Repository:將修改存為commit,存於此處
  6. 修改Working Directory:在terminal内輸入git status
  7. 新增working directory→Staging Area:輸入git add <file-name>→輸入git status確認有無存在(綠色代表有在)
  8. 連線成功,之後只要修改txt,就可以記錄在git上
    査詢修改紀錄:git diff <file-name>
    離開査詢頁q
    記得査完後可以存一下git add <file-name>
  9. commit,永久保存在Repository:git commit -m”簡單描述”
    査看commit紀錄:git log
  10. Git Commands Definitation
    git status 檢査内容: working directory 與 staging area
    git add  新增working directory→staging area
    git diff 叫出working directory與staging area之差異
    git commit 永久保存
    staging area→repository
    git log 顯示commits歷史紀錄

Leave a Reply

Your email address will not be published. Required fields are marked *