📕
HTML & CSS
  • 網頁設計 - HTML & CSS
  • 1 簡介
    • 1.1 講者簡介
    • 1.2 課程須知
    • 1.3 網站前端簡介
    • 1.4 開發工具簡介
    • 1.5 第一個網頁
  • 2 HTML
    • 2.1 html 文件基本結構
    • 2.2 宣告、標籤、屬性、元素
    • 2.3 保留文字格式
    • 2.4 表示程式的標籤
    • 2.5 註解
    • 2.6 網頁標題
    • 2.7 中介資料(Meta Data)
    • 2.8 縮寫
    • 2.9 斷行與水平分隔線
    • 2.10 段落
    • 2.11 內容標題
    • 2.12 判別區塊與行內
    • 2.13 列表
    • 2.14 清單
    • 2.15 連結
    • 2.16 圖片
    • 2.17 獨立內容
    • 2.18 表格
    • 2.19 嵌入外站
    • 2.20 span 和 div
    • 2.21 引用
    • 2.22 有結構的語意元素
    • 2.23 結構驗證
    • 2.24 HTML Entity(實體)
    • 2.25 影片
    • 2.26 音訊
    • 2.27 其它標籤
    • 2.28 表單
    • 2.29 HTML 所有標籤
  • 3 CSS
    • 3.1 套用 CSS
    • 3.2 註解
    • 3.3 Selectors - 屬性及值
    • 3.4 Selectors - 符號
    • 3.5 Selectors - class 和 id
    • 3.6 關於優先權
    • 3.7 排版 - 關於 display 屬性
    • 3.8 排版 - 區塊模型(Box Model)
    • 3.9 排版 - vertical-align 對齊
    • 3.10 練習 - 固定式版型
    • 3.11 關於 Pseudo Element
    • 3.12 關於 Pseudo Class
    • 3.13 文字樣式
    • 3.14 關於溢載
    • 3.15 連結樣式
    • 3.16 列表樣式
    • 3.17 表格樣式
    • 3.18 背景樣式
    • 3.19 排版 - 關於定位(position)
    • 3.20 排版 - 關於浮動(float)
    • 3.21 關於不透明度 opacity
    • 3.22 關於 visibility、pointer-events
    • 3.23 關於 outline
    • 3.24 表單樣式
    • 3.25 效果 - 游標
    • 3.26 效果 - 圓角
    • 3.27 效果 - 區塊陰影
    • 3.28 效果 - 文字陰影
    • 3.29 效果 - 轉換 transform
    • 3.30 Flexbox 排版 - Container
    • 3.31 Flexbox 排版 - Items
    • 3.32 Column 多欄排版模式
    • 3.33 其它補充
  • 4 練習
  • 5 作業:網頁切版
  • 6 參考資料
Powered by GitBook
On this page
  • 書籍
  • HTML
  • CSS
  • JavaScript
  • 其它連結

6 參考資料

Previous5 作業:網頁切版

Last updated 3 years ago

書籍

HTML

CSS

JavaScript

其它連結

課外讀物,命名方法論:、、、、(這個比較簡單)。

網頁元件:、、

編譯工具:、、

在 html 及 css 中,顯示 emoji 的表情符號: 然後以下這個網址是搜尋到的表情符號總覽:

CSS Secrets 中文版:解決網頁設計問題的有效秘訣 https://www.tenlong.com.tw/products/9789863478744?list_name=srh
你所不知道的 JS | 導讀,型別與文法 (You Don't Know JS: Up & Going)
你所不知道的 JS|範疇與 Closures,this與物件原型
深入淺出 HTML5 程式設計
深入淺出網站設計
深入淺出行動網站開發
深入淺出 HTML and CSS, 2/e
深入淺出 JavaScript 程式設計
深入淺出 jQuery
所有標籤:https://www.w3schools.com/tags/
更多 Meta Data:https://www.w3schools.com/tags/tag_meta.asp
更多的 HTML Entities:https://www.w3schools.com/html/html_entities.asp
事件列表 https://www.w3schools.com/tags/ref_eventattributes.asp
htmlreference https://htmlreference.io/
Can I Use:https://caniuse.com/
normalize css
效果:按鈕或區塊的邊框特效 - 1
效果:按鈕或區塊的邊框特效 - 2
OOCSS
SMACSS
SUITCSS
BEM
rscss
w3schools JS https://www.w3schools.com/js/
jQuery 官網 http://jquery.com/
jQuery 的 Ajax 完整官網資源 http://api.jquery.com/jQuery.ajax/
資料視覺化 : D3.js
快速的幾個現成圖表:Chart.js
頁面上下滑的效果:ScrollMagic
視差滾動效果:Skrollr
Vue.js
Angular
react
APP:使用 React Native
做後端程式:Node.js
gulp.js
Babel
WebPack
JSON Parser http://json.parser.online.fr/
XML Viewer https://codebeautify.org/xmlviewer
Unicode Character
https://codepen.io/carlos411/pen/eYZmpjx
https://unicode.org/emoji/charts/full-emoji-list.html
GoDaddy 買網域
Percent-encoding
隨機整數