框架頁的建立      回YUN網頁百寶箱首頁     ★     

　

框架頁的建立方法

  1. 先回到Site Management的畫面。
  2. 在根目錄上/右鍵/New File，建立mainframe.htm的新檔案後，連按兩下，編輯此網頁。
  3. 在object面板上Common下拉，選擇 " Frames " ，然後在面板上選擇，此時畫面會出現上、左、右共3個框架，若想手動分割框架，則可配合鍵及Frames面板來分割框架。
  4. 可調整各框架的寬度及高度。
  5. OK後，作存檔的動作；File/Save All Frame
  6. 首先要求存檔的是紀錄 frameset.htm
  7. 第二次要求存檔的是上框架 topframe.htm
  8. 第三次要求存檔的是左框架 leftframe.htm
  9. 當所有檔案都存檔OK後，則可將此檔關閉 。
  10. 下次若要打開所有框架的框架頁時，只要雙按 frameset.htm即可。
  11. PS:若看不到框線時，View/Visual Aids/Frame Bordes 按一下即可。 <回頁首>

§ 框架頁的寬高度測量方法

　
  1. 先將各框架頁在DW中調整ok後，瀏覽後覺得各框架畫面都大小適中後，按一下鍵盤(列印螢幕畫面)。(ps:記的一定要以瀏覽畫面下操作才可)
  2. 至桌面上打開PhotoImpact，檔案/開新檔案，底色：單色，自訂寬高為800*600/確定。
  3. 編輯/貼上，指標在畫面上/按右鍵/合併。
  4. 再利用左邊工具列的第2個工具的第1個，形狀：矩形 ，固定大小 (不打勾 )，柔邊：0。
  5. 再以拖曳方式框選出左框架的大小後，再將此區域拖曳至外部空白區，則會形成一獨立的影像，再按一下將此選取區刪除，則此區域就是實際上左框架的大小；而上框架的做法同 4. ~ 5.步驟。(紅線區即是該框大小)

<回頁首>

§ 上框架的建議做法

  1. 由上一步驟得知，必須製作一 670*59 像素的上框架 Logo，(每位同學的大小不一，以自己畫面為主)。
  2. 在 PhotoImpact 中 / 網路 / 元件設計師 / 標誌 (連按兩下) / 選一喜歡的樣式 / 下一步
  3. 等比例 (不打勾)；單位改成 "像素" ；將所測量的寬高值 打上；
  4. 再分別去更改標題及子標題的文字內容及色彩。
  5. OK後 / 匯出 / 至影像最佳化 / 存成 GIF 的檔案 / 存至網站資料夾的 images資料夾。
  6. 至 frameset 網頁中 / 再上框架頁按一下 / 利用 Object 面版 Insert Image (插入圖片) / 將剛剛所做的 Logo 插入至上框架頁中；
  7. Save/ 瀏覽後發現影像與上框架尺寸不太吻合，請回網頁中作如下設定：
  8. 先在上框架頁上按一下，" Modify/Page Properties "/ Left & Top 邊界設為0；
  9. 打開Frames (Window / Frames)面版，並選取上框架，
  10. 將屬性面版的Scroll設為No；No Risize(打勾)，Save/瀏覽即可。

    勾)，S

  11. 　

§ 左框架的建議做法

  1. 打開PhotoImpact；工具列上的百寶箱(按一下)。圖庫/填充圖庫選一種底色連按兩下，即可為左框填上漂亮的底色。
  2. 再利用百寶箱的物件資料庫中的影像或路徑資料庫中的圖案拖曳至基底影像中，並調整至適當大小，當成小標誌。並利用文字工具打出配合的文字！
  3. 再用 "網路/元件設計師/按鈕列" 所提供的工具來設計按鈕列；(按鈕列可自由設定數量、間距、文字內容及色彩字型等•••。
  4. OK後 " 匯出/作為個別的物件 " (便會形成一獨立的影像檔)。
  5. " 物件/選取所有的物件 " 再將所有按鈕列拖曳至基底影像內，若覺得不夠寬大，可利用第七個 工具/改變大小工具，配合鍵作等比例的縮放。
  6. OK後，" 網路/影像最佳化 " ；存成 GIF的圖檔。
  7. 再到網頁的左框架中，插入此影像檔。
  8. Save/ 瀏覽後發現影像與左框架尺寸不太吻合，請回網頁中作如下設定：
  9. 先在左框架上按一下，" Modify/Page Properties "/ Left & Top 邊界設為0；
  10. 打開Frames (Window / Frames)面版，並選取左框架，
  11. 將屬性面版的Scroll設為No；No Risize(打勾)，Save/瀏覽即可。