XOOPS輕鬆架 - 線上書籍

:::

PHP7 入門研習
=========

- BootStrap的官網在[：http://getbootstrap.com/](http://getbootstrap.com/)
    - BootStrap的正體中文版在[：https://kkbruce.tw/bs3/](https://kkbruce.tw/bs3/)
    - BootStrap的簡體中文版在：<http://v3.bootcss.com>
- Font Awesome符號官網：<http://fontawesome.io>
- jQuery官網：<https://jquery.com/>
    - jQuery中文手冊：<http://www.css88.com/jqapi-1.9/>
- jQuery UI官網：<https://jqueryui.com/>
 
<div class="alert alert-info">沒時間慢慢搞的話，[請直接下載整理好的頁面檔案](https://campus-xoops.tn.edu.tw/uploads/tad_book3/file/27/base.zip)</div>### 一、加入Bootstrap

1. 至 <http://getbootstrap.com/getting-started/#download>，[下載Bootstrap](https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip)
2. 解壓縮至class並將目錄改名為bootstrap
3. 加入樣板中的方法： ```
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="stylesheet" href="class/bootstrap/css/bootstrap.min.css">
    ```
4. 另外js請加在</body>前即可，若沒用到bootstrap的外掛模組，其實不加也沒關係。 ```
    
    
    <script src="class/bootstrap/js/bootstrap.min.js"></script>
    ```
 
### 二、加入 jQuery

1. 至 <https://jquery.com/download/>，[下載 jquery](https://code.jquery.com/jquery-3.2.1.min.js) 以及 [jQuery Migrate ](https://code.jquery.com/jquery-migrate-3.0.0.min.js)（請直接另新檔至class即可）
2. 可將版本號拿掉，避免日後升級還得改程式。
3. 加入樣板中的方法： ```
    
    
    <script src="class/jquery.min.js"></script>
    <script src="class/jquery-migrate.min.js"></script>
    ```
 
### 三、加入 jQuery-ui

1. 下載jquery-ui <https://jqueryui.com/resources/download/jquery-ui-1.12.1.zip>
2. 解壓縮至class並將目錄改名為 jquery-ui
3. 加入樣板中的方法： ```
    
    
    <link rel="stylesheet" href="class/jquery-ui/jquery-ui.min.css">
    <script src="class/jquery-ui/jquery-ui.min.js"></script>
    ```
 
### 四、加入 Font Awesome

1. 至 <http://fontawesome.io/>，[下載 Fort Awesome ](http://fontawesome.io/#modal-download)
2. 解壓縮至class並將目錄改名為font-awesome
3. 加入樣板中的方法： ```
    
    
    <link rel="stylesheet" href="class/font-awesome/css/font-awesome.min.css">
    ```
 
### 五、基本樣板

```

</html>
```

</body></html>

:::

書籍目錄

展開 | 闔起

快速登入

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D700

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器