豬豬妹學習網站第2天-Button

2018-01-01  本文已影响0人  Asablue

第二天-Button

目標

I . 學習基礎終端機操作——>重新命名文件夾

II. 使用Bootstrap UI文件庫——>製作按鈕+快捷鍵


學習基礎終端機操作

主要指令英文

  1. pwd 查看路徑 :我在哪裡

  2. ls 列出所有文件 : 我可以往哪裡去

  3. cd 切換路徑 : 前進

  4. tab 自動補全

  5. enter 進入

  6. cd 空格 .. :回到上一層

  7. mkdir + 文件名 :創建新的文件夾

  8. open 空格 . :打開

  9. 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中的快捷鍵

  1. command delete 刪除一排
  2. shift command ↑ or ↓ 一行程式碼上下移動
  3. command D 複製一行
螢幕快照 2018-01-01 18.35.02.png

最近流感嚴重,昨天豬仔感冒了,跨年在照顧豬仔中度過,所以171231沒學習。還是要繼續努力。

聽 I Believe in your victory.
2018年,一步一腳印,緩緩彈起屬於自己的音樂,有高有低的音符中,尋覓我的信念。

上一篇下一篇

猜你喜欢

热点阅读