第一堂

第一堂 第二堂 第三堂 框架

1 連上網頁伺服器 使用FTP軟體
  • FTP主機位址:mail.slhs.tp.edu.tw  
  • 帳號:學號    密碼:身分證字號(小寫)
2 製作自己的MV YouVivid網站 
  • 準備照片、申請帳號密碼後,即可製作MV!
3 製作網站--套入你的MV FrontPage軟體
  • 檔案->開新檔案->其他網站範本->單頁網站
  • 儲存網站:利用"瀏覽"去指定儲存的位置
  • 在首頁(index.htm頁面)放入文字、圖片...
  • 複製YouVivid的動態貼紙程式碼於<body></body>之間
    <html> 
    <head>
    <title>這是你放網頁標題的地方</title>
    </head>
    <body>
    您所要在瀏覽器顯示的內容
    </body>
    </html>

    <標籤名稱> …</標籤名稱>,一定都是有頭有尾的出現!

4 讓網頁變豐富 插入表格、背景、圖片
5 編輯導覽結構(P.4-1)  
  • 先增加足夠的網頁-->在資料夾窗格(可從[檢視]找到)新增空白網頁,並修改網頁標題(右鍵,內容)
  • 透過資料夾清單導覽窗格,將網頁拖曳到導覽區

 

6 加上導覽列 首頁要連到剛剛新增的頁面們
  • 在index.htm中插入->導覽->根據導覽結構的列
  • 凡是有下層(孩子)的上層頁面,都需加入導覽
  • 記得上傳更新的頁面,再用瀏覽器測試是否成功!
如何建立垂直式連結列,並且右方加入其他圖片或文字?

 ->小提示:使用表格!

首頁
第一堂
第二堂
第三堂
框架  不OK

 


首頁
第一堂
第二堂
第三堂
框架
  OK的!

 

想加入其他連結列呢?
  • 插入導覽的動作中,在最後畫面(連結列內容)中,選擇適當的超連結,如同一層
  • 還可額外加入首頁和上層網頁(父網頁)!

        

 

隱藏網頁導覽連結(網頁是導覽結構的一部分,又不想讓它出現在導覽列中)

  • 網站[導覽]->針對要隱藏的網頁->右鍵->點選"包含於連結列中"->該網頁就被被取消呈現於導覽列(灰色)

本次作業: P.4-25 實作題一、二