六年制學程/01/2013.10.08

製作每位同學的個人網頁

DS file

用來編輯和上傳網頁

• 「DISKSTATION」指的是伺服器、網站，俗稱「上」；「本地檔案」指的是你眼前這部平板電腦，俗稱「下」。
• 首頁檔通常檔名叫做 index.html 或 index.htm
• index.html 在「本地檔案」才能編輯修改；但必須在「DISKSTATION」中才能讓公眾透過瀏覽器來看。所以一定在要「本地檔案」和「DISKSTATION」兩者之間傳來傳去。
• 建立個人網頁：
  1. 在「DISKSTATION」中的 home 之下，建立一個資料夾叫「www」。
  2. 在「DISKSTATION」中的 6year 之下，找到 index.html 按久一點選「下載」，把它下載到「本地檔案」資料夾中。
  3. 在「DISKSTATION/home/www」之下放三張照片，並記下照片的檔名，如果檔名太難記，就改成較好記的名字。
  4. 在「本地檔案/dsfile」中找到 index.html ，按久一點選「開啟」，再接著選「檔案編輯」，將三個圖檔的檔名改成剛剛記下三個圖檔的檔名，編好之後按右上角的圖示存檔。然後按「回上一動」退出編輯器。
  5. 將剛剛存好的「本地檔案/dsfile/index.html」按久點選「複製」，然後複製到「DISKSTATION/home/www」之中。
  6. 去瀏覽器看結果。

瀏覽器

• 有預設瀏覽器和 firefox 。
• 在網址列打上「jendo.org/~同學姓名」即可看到個人網頁。
• 如果網頁有異動，就重刷一次網頁。

HTML重要標籤

html     超文件(HyperText Markup Language)
head     文件頭
title    標題
body     本文

a        超連結(anchor)
img      圖(image)
p        段(paragraph)
br       跳行(break space)
hr       水平線(Horizontal Rule)

table    表
tr       表內之列(table row)
td       表內之格(table diamond)
th       表內之格(table head diamond)

ol       有次序的列表(order list)
ul       沒有次序的列表(unorder list)
li       列表項目(list item)

style    宣告樣式
span     文字小片段
div      區塊
pre      保留原有斷行及排列之式(preserve)

frameset 設定多窗框組
frame    窗框
center   調中
blockquote 引文，前後空一行，前面空兩格

form     表單