四、利用时间轴建立与使用者互动的网页.doc

目錄 1. 操作介面 2. 五分鐘內快速建立專業網站 3. 利用 Script 精靈建立動態網頁 4. 利用時間軸建立與使用者互動的網頁 5. 影像處理與Image Mapping及相片簿 6. 表格與圖形精靈 7. 數學及工程符號的應用 8. 與其他軟體的整合(Flash, Shockware, RealAudio, 等) 9. 網站管理匯入 Web 文件和網站 10. 跨平台資料庫網頁設計 一、操作介面 1-1. Namo WebEditor 介面概觀 下列影像說明 Namo WebEditor 主視窗的基本元素。 以下分別說明這些元素（由上往下）： 功能表列 這是標準的 Windows 功能表列。功能表列包含了大部分的 Namo WebEditor 指令。和其他的 Windows 應用程式一樣，您可以先按住 Alt 鍵，然後鍵入某個功能表中畫底線的字母來快速存取它。 標準工具列 「標準工具列」包含許多常用一般指令的捷徑。 格式工具列 「格式工具列」包含許多與文字格式相關的常用指令的捷徑。 文件標籤 文件標籤可讓您在數個開啟的文件中進行切換。您也可以按 Ctrl + Tab 來切換不同的已開啟文件。 編輯視窗 「編輯」視窗是編輯文件的工作區。這的地方可讓您編輯文字、插入圖片，以及執行和建立及編輯 Web 文件相關的作業。 模式標籤 這些標籤是用來切換主視窗的三種模式：編輯模式、HTML 模式和預覽模式。 狀態列 狀態列是用來顯示與現行文件及工作環境相關的有用資訊的區域，這些資訊包括滑鼠指標下方的影像或超連結的路徑、文件的修改狀態，以及位於插入點的 HTML 標示語言等等。 1-2. 使用尺規、導線和格點 當精確性很重要時，尺規、版面佈置導線以及版面佈置格點就能在您設計網頁時提供有效的協助。下列影像顯示啟用水平和垂直尺規、導線以及版面佈置格點的「編輯」視窗。 如果要顯示水平或垂直尺規（或兩者皆要），請使用檢視 尺規子功能表中的其中一個指令。尺規所使用的單位是像素。 除了利用尺規來測量網頁元素的大小之外，您也可以使用水平尺規來設定段落縮排。 如果要使用水平尺規來設定段落縮排，請將插入點置於段落內，然後將其中一個縮排控制項（如上圖所示）拖曳到想要的縮排位置。 版面佈置格點和版面佈置導線可以協助您對於頁面元素彼此間的距離能有更精確的調整。如果要開啟版面佈置格點，請使用檢視 格點 顯示指令。如果要建立版面佈置導線，請在其中一個尺規內按一下，將它拖曳到您要在「編輯」視窗中放置導線的位置，然後釋放滑鼠按鈕。如果要移動導線，請將滑鼠指標直接放置在導線上；當滑鼠指標變成雙列且兩邊有小箭頭的形狀時，在導線上按一下並將它拖曳到新的位置上。如果要移除導線，請將它拖曳回尺規。如果要隱藏所有的導線，但是不要除去它們，請使用檢視 導線 顯示指令；重新使用這個指令就可以再次顯示導線。 如果啟用版面佈置格點或導線的「」「」 格點 貼齊指令。如果要啟用或停用版面佈置導線的貼齊功能，請使用檢視 導線 貼齊指令。 根據預設，版面佈置格點的格線之間的距離是 50 個像素，子分隔線之間的距離是 10 個像素。您可以利用檢視格點設定值指令來變更這些設定值。您也可以利用同一個指令來改變格點和導線的色彩。 1-3. 設定視窗大小 當您設計 Web 文件時，有時可能會想要確定在使用特定螢幕解析度時，可以在放至最大的瀏覽器視窗中—（例如 800 x 600）—看到整份文件，而不必捲動視窗。您可以利用尺規和版面佈置格點來完成這個步驟，但是更簡單的方法是利用檢視 視窗大小指令，將 Namo WebEditor 視窗的大小調整成和目標瀏覽器視窗同樣大小。您有三種標準的螢幕大小可以使用，而且您可以指定一種自訂大小。當您按一下確定時，主視窗會立刻調整為選取的大小。 完成這個步驟之後，您就會知道是否需要捲動「編輯」視窗來察看整份文件，如果您的網站訪客也將瀏覽器設定為同樣大小，也必須捲動視窗。不過，請注意視窗大小指令不會將泊塢在主視窗任何邊緣的工具列大小計算在內。因此，在「編輯」視窗中必須捲動的文件在瀏覽器中可能不需要捲動。 1-4. 自訂工具列 您可以利用檢視 工具列 自訂指令來建立新的工具列或自訂現有的工具列。如果要自訂現有的工具列，請在工具列對話框中將它選取，然後按一下自訂。在自訂工具列對話框的按鈕標籤中，會顯示所有可用的按鈕，並且依種類來分組。如果要將按鈕新增至工具列，請選取一個種類，然後將想要的按鈕拖曳到工具列中。如果要從工具列移除按鈕，請將按鈕拖曳到工具列外。 如果要建立新的工具列，請按一下工具列對話框中的新增。為新的工具列提供一個名稱，然後按一下確定。這時會出現新的工具列，而且自訂工具列對話框會開啟。切換到按鈕標籤，根據上述的說明來新增或除去按鈕