線上書籍

Home

網頁設計好好玩(下)

一、空白架構

  1. 下載bootstrap:https://github.com/twbs/bootstrap/releases/download/v3.3.1/bootstrap-3.3.1-dist.zip
  2. 下載Filezilla: FileZilla 3.9.0.5 可攜版
  3. 下載notepad++ :https://notepad-plus-plus.org/repository/6.x/6.8.8/npp.6.8.8.bin.zip
  4. 將原本檔案移至 /web 資料夾 做備份
  5. 將bootstrap 安裝至專案目錄中
  6. 建立index.html
  7. 修改導航連結

二、圖片處理

  1. 若無圖片可至這裡下載合法使用的圖片:https://pixabay.com/
  2. 裁圖若無軟體,建議使用FastStone Image Viewer(http://www.faststone.org/FSViewerDownload.htm),點兩下圖片,滑鼠往左,選「裁剪板」即可裁切圖片。
  3. 請下載三張 (1920x1280)的圖片 至 img/

三、圖片輪播

四、頁尾

<div style="padding:20px;background:#000;color:#fff;" class="text-center"> <a href="index.html">育將電腦工作室</a> </div>