FrontPage 製作

FrontPage 製作 張基昇

本校網頁  網頁大展 .. • 與世界建立通路！開跑囉！

 教職員或學生個人網頁 .. • 總有一天等到你！

 註冊登錄表單畫面 .. • 須先完成網頁的部份設計。

建立個人 FrontPage 的方法 • 凡本校師生有 UNIX 工作站帳號者，均可自行建立自己的 Home Page • 以帳號 581en021 為例 : • 在 sun2.cc.ntut.edu.tw 或 sun.cc.ntut.edu.tw 之 home directory 下建立一個子目錄並命名為 public_html（即 ~581en021/public_html）， • 即可在 public_html 子目錄下建自己的 Home Page 。 • 指令說明：在 UNIX 系統中建一個子目錄可用 mkdir，即 mkdir public_html • 此 Home Page 之 URL Location 為 http://www.cc.ntut.edu.tw/~581en021 。 • 建立FrontPage的方法，可參閱HTML烘培雞(這裡)

YAHOO 網頁設計資訊 • 就是跑到這裡啦！ • http://tw.search.yahoo.com/search?ei=UTF-8&p=html

網頁樣版使用說明 • 第一步先規劃自己網頁要呈現的項目及內容，再挑選您需要的樣版。 • 第二步你可以選擇 link1.html ~ link6.html 的樣版完成網頁。建議您先上去瀏覽樣版網頁看那種樣版符合您的需要 • link2.html目前只有開放教師使用

網頁樣版使用介紹 • 圖文式開啟link1.html：找到下列文字將img1.jpg置換成要放置的圖檔名稱，當然囉，要先把圖檔放到image資料夾底下。 <img src="image/img1.jpg"……… • 純文字開啟link3.html找到以下文字，將您要放置的文字輸入或copy覆蓋過去即可，或者刪除不要部份，以下類推。 <p>第一段文字內容，第一段文字內容………</p>

網頁樣版使用介紹 • 填表單開啟link4.html找到以下文字將####改成自己的帳號即可。<input type="hidden" name="sendto" value="####@ntut.edu.tw"> • 表框式開啟link5.html找到以下文字將表框式改成您要的標題，內容部份同純文字。<p>>>表框式 <<</p>說明

網頁樣版使用介紹 • 表格開啟link6.html找到以下文字，總之就是將<td>與</td>之間的文字改成您要的文字即可。<td height="40">第一項</td><td>第二項</td><td>第三項</td>……或<td> </td>。

網頁樣版使用介紹 • Left Frame請開啟left.html找到下列文字將圖文式改成您要的文字，將link1.html改成您修改後另存新檔的檔名，以下類推…….. <a href="link1.html" target="mainFrame">圖文式E-mail的部份找到下列文字將####改成您的e-mail帳號<a href="mailto:####@ntut.edu.tw"><img src="image/email-21.gif"…

網頁樣版使用介紹 • Top Frame請開啟top.html找到下列文字將logo.jpg改成您要放置的圖片名稱，當然圖檔要先存在image目錄下，原來的圖檔是700*94如果您的圖不是這樣的寬和高，請再修改width和height。

網頁樣版使用介紹 • <img src="image/logo.jpg" alt="台北科技大學教師網站" width="700" height="94"> • CSS樣式表定義在b5.css，如果功力夠也可變化一下。

網頁樣版建構原理 • 主要是利用CSS樣式表做變化，對文字的字型及大小以及URL做一些規範，只要把文字或連結名稱修改即可 • 頁框組架構讓網站的呈現一目瞭然。 • 提供教師網站上專屬您最新消息公佈的功能，您可以省去架設資料庫及設計程式的功夫。

網頁樣版建構原理 • 利用表格排版，呈現整齊統一的版面。 • 透過Web表單將意見傳送到您的信箱。 • 沒有太多複雜的變化，如果您完全沒有網頁編輯及html的概念，可用記事本開啟，檔案類型點選所有檔案，修改套用後可另存新檔，並參考詳細說明。

架設個人網頁 • 本校首頁-網路資源-校園網路服務FAQ • 陸.架設個人網頁記得在public_html 下還要新增一個image的目錄，存放您的圖檔哦！ • 在自己個人電腦編輯網頁內容(個人首頁檔案名稱請命名為index.html) • 進入MS-DOS模式, 在個人電腦 cd 到網頁存放位置的目錄下

上傳操作 • ftp 140.124.13.12 • 進入到學校電腦主機作業區 • User :jsechang (此為個人在UNIX主機帳號,及E-Mail地址'@'前之帳號) • Password : ******* • mkdir public_html • 此指令是建立public_html目錄,因為本校www server default會抓該目錄網頁

上傳操作 • 相同作業環境下繼續操作 • cd public_html • 此指令是進入public_html目錄下 • prompt • bin • mput *.* (該指令用於將個人電腦所有檔案放到140.124.13.2遠端機器)

瀏覽網頁 • 使用瀏覽器輸入http://www.ntut.edu.tw/~jechang即可看到個人網頁 • 請注意用以上方法cd public_html 下再 mkdir image 目錄，以放置您的圖檔....

ㄧ種方便上傳的方法 • 使用瀏覽器輸入ftp://jsechang@ntut.edu.tw/即可在視窗下進入學校提供之空間 • 將檔案放置到 public_html 下 • 有圖檔請放置到 image 目錄下 • image 目錄是 public_html 目錄下的子目錄

給您的生活，無限的視野！ • 二十一張投影片，給你無限寬廣的視野！

FrontPage 製作