電腦教程 PHP 系列 (html;css;php;mysql) 播放清單 共 149 個影片
在 dw 學習網頁製作, 對紮根不深的我而言, 心中總有些不踏實,
感覺摸黑進行, 常不知訣竅在那兒, 總依樣畫葫蘆, 而不知葫蘆賣個什麼藥...
最近發現的教覺影片, 很符合自己的需要, 快把它記錄下來囉!
有 149 段影片, 應該是個長期作戰, 加油!!
20150222
html 中若使用其它頁面(frameset), 則本身不能有 body 和 body的內容
cols -> column
1. 頁面橫向分二欄, 各 50%
2. 左欄 50%, 其餘為另一欄
3. %外, 也可直接給 px 設定大小
4. 頁面預設有邊框, 可改變大小 可修改為 noresize , frameborder="0"
5. 點擊周杰倫, 在frame2 開啟頁面
target 可指定要開啟的 頁框
網頁顯示
6. raws 上下分割
top.html (在上方) 佔 20%
下方的頁面再分 左右 (20%, *)
網頁顯示
第六講
iframe 浮動窗口 - 在有 body 的頁面嵌入另一個頁面
1. 程式碼
網頁顯示
2. 點擊 可替換 iframe1 為淘寶
原來 iframe1 為百度
點擊連結後
6-2 表單
表單以 form 標籤包圍著, form 有
action : 提交給那個頁面 (url)
method : 提交的方式, 常用有 get, post
製作登錄頁面
程式碼
安全性 : post相對安全,不會顯示在位址欄
可提交數據 : get 最高 2XXX kp, post 無限制
速度 : get 相對較快
(httpwatch)
第七講 表單元素 input
checkox : 多選框
radio : 單選框 name 一樣為同一組單選選項
hidden : 隠藏欄位
submit : 確認按鈕
image : 也可設定為按鈕
select : 下拉框 option
option : 設定多選
size=3 可出現 3 欄
網頁顯示
multipal 按control 可多選
textarea : 文字框 cols 行數 raws 列數
網頁顯示
第八講 多媒體標記
1. 基本語法
2. 背景音樂
loop="2" 播 2 次
3. 影片
複習到目前學習
4. 語系
ANSI : 美國國家標準協會制定碼, 是隨操作系統的預設碼而改變
utf-8:
5. 背景, 文字色彩
6. 水平線 <hr/>
可設定 size width align noshade
7. 文字
face : 字體
blink : 閃爍
marguee : 跑馬燈(文字, 圖片)
direction , scrollamount=X (移動的像素/sec)
html 小試身手: W3C線上測驗
http://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML
第十講 Divsion CSS
用 Divsion 來補強 table 的不足
表格製作缺點:
1. 顯示樣式和數據綁定在一起
2. 布局的靈活度不高
3. table 程式碼多, 也增加傳輸的負載
4. 不利搜尋引擎的搜尋
優點:
1. 學習容易
2. 瀏覽器的結果?定
3. 顯示數據時, 仍是好用的方式
Divsion + CSS 樣式和數據分離
Div : 存放內容的容器
CSS : 顯示內容位置及外觀
CSS 註解 /**/ , 以分號區隔
在 html 中, 連結所要的 css ,
套用好 css 樣式即可隨時變化外觀
CSS 格式
網頁設計三時期 : table, table+css, div+css
div+css優點
1. 符合 W3C 標準
2. 有利於搜尋引擎 (容易搜尋內容, 內容外觀分離)
3. 樣式調整容易
4. 程式碼簡潔
第十一講 CSS 介紹
1. span : 控制小塊內容
2. 將所有圖片改為灰色 (使用 filter)
3. 連結圖片(灰色), 滑鼠在上時, 圖片變回彩色
* 通配符選擇器 - ??器?取所有元素。
第十三講 選擇器使用
一個元素最多有一個 id 選擇器, 可有多個 class 選擇器
當兩個 class 選擇器衝突時, 以排列在後方的為準
1. 選擇器共有的部份可以寫在一起, 並以 , 區隔開來
2. inline element : 只佔內容寬度
a, span, input...
block element 占一行.
div,
 播放清單 共 149 個影片){kind=link}
0 意見:
張貼留言