橘子乂永夜
HTML + CSS + Boostrap + php
這樣就能組合自己的整體網站了!
學習 BS 4
基礎學習
導覽列與版面配置
表單與 PHP
HTML & CSS
單純 HTML
搭配 CSS
期中報告前的大練習
學習進展
期中考大站 :
寶石之國
單頁式網頁製作
期末考網站
網站地圖
關於我
註冊
登入
CSS 的學習~~
第三堂課
用stlye取代<font>
探討 CSS 的單位
探討 CSS 的簡易使用
CSS 在 head 使用的整體設定值
CSS 使用背景編輯
CSS 處裡兩種不同的class
CSS 處理 table 的底圖
CSS 使用 id 呼叫,而不是 class
使用外部呼叫的 stlye.css 樣式
第四堂課
簡易的 CSS 字型處裡
簡易的 CSS 字型處裡+padding(內部留白)
使用本伺服器提供的中文字型
超連結的使用
A 超連結變成區塊(block)
任何地方都能用 :hover
清單的效果-中文號碼清單
清單的效果-項目變成圖片
表格功能的 CSS 修訂
表格功能 - border-cullapse 功能
繼承 - 清單為例
繼承 - 後代子孫不會被影響 >
繼承 - display 的隱藏效果
第五堂課
方塊初探
方塊 - 水平置中
方塊 - 框線的圓角+陰影
方塊 - 自製的邊框圖片 (90x90 為例)
方塊 - 將方塊變成行內元素
方塊 - 盡量要跑版的設計之一
方塊 - 用 vertical-align 進行向上對其的功能
方塊 - 用 float 進行向上對其的功能
方塊 - 加上 overflow 的父元素功能
方塊 - 兩個方塊的重疊與透明度
方塊 - 透過 z-index 調整元素的圖層上/下
方塊 - position 位置初探
方塊 - position - relative 的移動
方塊 - position - absolute 的移動
方塊 - position - fixed 固定的位置上
方塊 - overflow 的再探討
方塊 - 圓形大頭貼
方塊 - visibility 影藏效果
第六堂課
背景的漸層效果初探
背景的漸層效果 - 用於大頭貼
背景 - 多張背景的應用
背景 - 背景填滿的效果 - cover,contain
背景 - 背景清單變成按鈕的效果
照片圖文框的設計
照片圖文框的設計 - 增加漸變功能(類似動畫)
方塊的變形 - 角度的變化與疊圖
方塊的變形 - 方塊的大小、位置
讓圖片自己動
第七堂課
用清單設計導覽頁
用清單設計導覽頁 - 增加目前瀏覽中的頁面
用清單設計導覽頁 - 增加目前瀏覽中的頁面 - 連在一起
用清單設計導覽頁 - 兩層導覽列
用清單設計導覽頁 - 兩層導覽列 - 加上下拉效果
用圖片進行超連結的 map 功能
使用 Balsamiq 設計簡單的網頁草圖
主要的版面配置建置
第八堂課
版片配置 - 單欄式設計
版片配置 - 兩欄式設計
第九堂課
第一個 PHP 程式
使用變數處理
迴圈搭配表格秀出網頁安全色
迴圈搭配表格秀出網頁安全色 - 對比色
用 PHP 抓伺服器的時間
用 date() 判斷時間,並告知問候語
透過 funciton 產生時間問候語
使用網址傳遞變數給伺服器處裡
使用網址傳遞變數給伺服器處裡解決 XSS 的問題
電腦隨機出拳
跟電腦猜拳-假設你先出剪刀
隨機產生人物的屬性值
迷因療法
CSS 的學習!!
CSS 好難 但網頁越來越好用!!