[AC]: Marketing html and java

4 – 1

HTML: 結構
CSS: 結構的美觀
Java: 互動、即時

img 不一定要/
href 屬性 = “"

習慣:
java: id: unique
css: class: 用同一套CSS套用到網頁上重複出現的格式(如:Blog頁面的格式)
class="photo black white fixed"
(對photo, )

養成好習慣:語法記得縮排(方便查看)

CSS linkage
直接tag : inline
在head 中寫一個檔案連到外部: external (建議這麼做)
在head 寫一個style標籤: internal

div > span: div下面第一層的span
CSS display
新的蓋掉舊的 -> 發生衝突時,寫在後面的code會蓋掉前面

interity: 檢查檔案真實性

路徑
絕對:
相對:
src: source!
src:"/→回到最外面的資料夾"

References:
cheat sheet
w3school
stack overflow
dummy image: http://dummyimage.com

bootstrap: 前端的framework
why?
1. 加快開發速度
2. responsive : 可以照你想要的方式呈現,在不同的device 上可以使用

AJAX @2005
web2.0→進化版本,不是單方向提供內容
javasscript提供了功能,像是FB不斷可以roll down

  1. 動態選單
  2. 檢查表單(ex: check 是否有好好填寫email、姓名)
  3. 切換頁面內容的呈現
  4. 表單自動補完(ex: google search 補單熱門的關鍵字)
  5. 改善排版問題(像是不同的瀏覽器瀏覽會長起來不一樣)
  6. 收集用戶行為數據(像是tracking,你在我的網站上面看了什麼、按了什麼頁面等)
  7. 社群外掛:分享按鈕(FB like、載入FB連結)、討論區

How to load javascript? just like CSS

  1. 外部 (highly recommended)
  2. 內部
  3. 行內

onmouseout -> 這是一個事件。

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s