豬豬妹學習網站第2天-Button
第二天-Button
目標
I . 學習基礎終端機操作——>重新命名文件夾
II. 使用Bootstrap UI文件庫——>製作按鈕+快捷鍵
學習基礎終端機操作
主要指令英文
-
pwd 查看路徑 :我在哪裡
-
ls 列出所有文件 : 我可以往哪裡去
-
cd 切換路徑 : 前進
-
tab 自動補全
-
enter 進入
-
cd 空格 .. :回到上一層
-
mkdir + 文件名 :創建新的文件夾
-
open 空格 . :打開
-
mv +原本文件名 +要更改成的文件名 :重新命名文件夾
重新命名文件夾
【asabulu】ls enter >>> cd space 【Day2】 tab enter >>> 【Day2】open space . enter >>> cd .. enter >>>【asabulu】 mv 【Day2】【hi】enter >>> 【asabulu】ls enter >>> 【hi】
注意:
1.使用終端機更改文件名時,是使用『搬動』更改。
2.一定要注意,pwd我在哪裡, ls 我可以往哪裡去,要搞清楚自己在哪裡。
3.再在【asabulu】文件下,更改【Day1】的文件名。
4.在使用ws時候,重新命名文件夾,會導致ws的重新開啟時路徑混亂。
>>>>要到【hi】文件夾,刪除【idea】檔。
>>>>到【asabulu】刪除WS的臨時建的 【Day2】。
>>>>重新啟動WS,WS就更新的路徑
使用Bootstrap UI文件庫
製作按鈕
1.菜鳥教程Bootstrap
2.在WS中的<head></head>加入Bootstrap
<title>Day 2</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
3.在加入button程式碼
<body>
<div>
<h1>Hi world</h1>
<button>aaa</button>
<button class="btn">aaa</button>
<button class="btn btn-primary">aaa</button>
<button class="btn btn-danger">aaa</button>
</div>
</body>
補充:WS中的快捷鍵
- command delete 刪除一排
- shift command ↑ or ↓ 一行程式碼上下移動
- command D 複製一行
最近流感嚴重,昨天豬仔感冒了,跨年在照顧豬仔中度過,所以171231沒學習。還是要繼續努力。
聽 I Believe in your victory.
2018年,一步一腳印,緩緩彈起屬於自己的音樂,有高有低的音符中,尋覓我的信念。