Dreamweaver 學習筆記
[概念環境]
1、設定資料夾,路徑
2、注意命名
3、管理網站重要觀念
[實作]
1、新增第一個網頁
2、設定瀏覽器中預覽
3、設定頁面屬性,字型、文字大小、顏色、超連結狀態...等
4、插入圖片
5、製作網頁建議將編碼設為 Unicode, 可避免亂碼的狀況發生(P2-25)
[CSS與Div]
1、認識HTML與CSS
2、利用Div標籤劃分網頁區塊
★命名時盡量取容易辨識的名稱,越直覺越好(超重要)
★最好用英文,第一個字元用英文
3、利用CSS定義區塊屬性
★ 由上而下依序定義區塊header、content、footer
★ 新增樣式表檔使用外部樣式表(方便管理)
★ 了解「插入Div標籤交談窗中「插入」列示窗的選項差異。
4、利用CSS定義區塊屬性
★利用「浮動」屬性與「清除」屬性產生左右兩欄版面(p3-25)
HTML(Hyper Text Markup Language)
CSS (Cascading Style Sheets)
、規化網頁CSS方塊區
、置入網頁元素、文字、圖檔
、調整網頁外觀 ,定立CSS規則
====================================================
建立清單規則
CSS樣式面板 -> 新增CSS規則鈕 -> 類別(可套用至任何 HTML元素) ->自訂樣式名稱 -> type1
剩餘的就用css語法復制貼上,再更改樣式名稱
重新定義HTML標籤
CSS樣式面板 -> 新增CSS規則鈕 -> 標籤(重新定義HTML元素) ->自訂樣式名稱 -> my_style
1、設定資料夾,路徑
2、注意命名
3、管理網站重要觀念
[實作]
1、新增第一個網頁
2、設定瀏覽器中預覽
3、設定頁面屬性,字型、文字大小、顏色、超連結狀態...等
4、插入圖片
5、製作網頁建議將編碼設為 Unicode, 可避免亂碼的狀況發生(P2-25)
[CSS與Div]
1、認識HTML與CSS
2、利用Div標籤劃分網頁區塊
★命名時盡量取容易辨識的名稱,越直覺越好(超重要)
★最好用英文,第一個字元用英文
3、利用CSS定義區塊屬性
★ 由上而下依序定義區塊header、content、footer
★ 新增樣式表檔使用外部樣式表(方便管理)
★ 了解「插入Div標籤交談窗中「插入」列示窗的選項差異。
4、利用CSS定義區塊屬性
★利用「浮動」屬性與「清除」屬性產生左右兩欄版面(p3-25)
HTML(Hyper Text Markup Language)
CSS (Cascading Style Sheets)
、規化網頁CSS方塊區
、置入網頁元素、文字、圖檔
、調整網頁外觀 ,定立CSS規則
====================================================
建立清單規則
CSS樣式面板 -> 新增CSS規則鈕 -> 類別(可套用至任何 HTML元素) ->自訂樣式名稱 -> type1
剩餘的就用css語法復制貼上,再更改樣式名稱
重新定義HTML標籤
CSS樣式面板 -> 新增CSS規則鈕 -> 標籤(重新定義HTML元素) ->自訂樣式名稱 -> my_style
留言
張貼留言