第 1 章 Social Plugins

首先，

  1. 先確認你已用Atom打開今天的範例index.html檔。
  2. Chrome也開啟了範例index.html檔。

課程進行方式：

  • Atom修改

  • Chrome更新查看效果

關於社群分享，本課程只針對以下兩個平台：

  • Facebook
  • Line

1.1 典型html檔結構

<!DOCTYPE html>
<html lang="en">
  <head>
    網頁文檔屬性、相關資訊(meta, data of data)
    風格設計(style)
    其他外部引入的資源。
  </head>

  <body>
    網頁內容主體
  </body>
  
</html>

外掛（plugin）程式碼幾乎都會放在「網頁內容主體」的位置。

查看webbasic_example/index.html的內容。

1.2 Facebook

  • 將圖片以下的主文單獨形成一個<article>區塊

1.2.1 分享

首先你先要：

  1. 決定你想分享的網頁網址。
  2. 設計好你的隱私政策條款(Privacy Policy)網頁。

接著：

掌控你的分享設計

1.2.4 好文儲存

1.2.5 粉專

1.2.6 連絡我們

1.3 LINE