2017年8月23日 星期三

2017 0823 下午 煥凱老師 Dreamwaver

dreamwaver 基礎設定
基本的Dreamwaver程式設定包括新網站檔案及資料夾建立
接下來說地勢簡單的CSS3的設定包括 "行內設定","整頁設定","外部連結"

行內設定:單一行的設定
整頁設定:整個網頁的CSS style設定
外部連結:連結外部的CSS檔案設定整個網頁的style

3種設定可以存在同一個網頁內,最終表現的結果在於電腦讀稻作後的程式碼是哪個。
譬如說,整個style的設定是 外部連結-->整頁設定-->行內設定,所以最後行內設定的值會覆蓋前面的兩個設定值。

我記得Style好像跟Script可以排在網頁程式碼的後端,這樣就可以確保要顯現的碼可以一定被顯示出來。
今天我有將Link的外部CSS檔案碼擱在</body>之後,果然可以覆蓋在前頭的行內設定及整頁設定值。

接下來是Class及Id

Class是類別設定,可以多重讓不同的區塊取用!  ( .txtspecial )
Id      是單一設定,只能單一讓一個區塊取用!     (#txtsingle   )
原則上如果設定值只是一般的格式值設定,其實兩個都可以多重區塊取用,都可顯現,但是Id其實會跟其他的程式碼混和使用(老師說明譬如與Javascript一同混用,所以會特定取ID的值)
所以未來使用上會造成後端程式取用值的錯誤,所以最好還是養成習慣,不要混用!

沒有留言:

張貼留言