【正文】 你的站點，能為你以后節(jié)省下大量的時間。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權歸原作者所有 ) 第 3 頁 共 31 頁 6．組織站點結構 建立一個站點通常所采用的方法是首先在你的本地硬盤上建立一個文件夾，其中包含了你的站點要用到的所有文件，同時你也將在這個文件夾中創(chuàng)建和 編輯文檔。 檢查瀏覽器 — 根據來賓的瀏覽器的名稱和版本將不同的頁面發(fā)送給用戶。因此，在最大的效果設計和最大的兼容性設計之間找到一個平衡。 但在大多數情形下，網站是為公共消費設計的，使你的網站可以被盡可能多的瀏覽器瀏覽是個不錯的主意。 在某些情況下，你不需要創(chuàng)建跨瀏覽器兼容的站點。要創(chuàng)建具有最大兼容性的站點，在設計時就要給出約束條件。 例如：假如說你的目標觀眾是一個通常使用 17英寸顯示器的 Windows操作系統(tǒng)的用戶，并總是使用 Inter Explorer 。這就是你需要確定一個目標觀眾的原因。這看起來像是一個蠢問題，因為大多數人都希望世界上每一個能上網的人都去訪問他的站點。向你自己和你的客戶提出一些關于站點的問題，看看你自己和大家對站點的期望是什么。當你開始考慮準備創(chuàng)建一個 Web站點時，你應當遵循一系列的步驟以確保你的站點能夠獲得成功。即使你只打算創(chuàng)建一個給朋友和親人看的個人站點也應如此。通過創(chuàng)建這樣一個站點你希望達到一個什么目的？寫下你的站點目標，以便在你設計站點的整個過程中你都能清楚的記得它們。然而，創(chuàng)建一個世界上每個人都能使用的網站， 是十分困難的，甚至可以說是不可能的，這正像沒有一個航空公司能飛遍全球所有的航線一樣。 考慮那些可能被吸引到你的網站的人們，或你希望能夠吸引的那些人群。那么當你設計你的網頁時，你就應該在一臺 Windows 計算機上，在 1024*768 的分辨率下的 Microsoft Inter Explorer瀏覽器中測試你的站點。 現在有超過兩打的瀏覽器被使用，它們中大多數又已經不止發(fā)行了一個版本。例如：如果你的站點只在你 公司的內部網上可用，并且你知道公司的雇員使用的都是同一種瀏覽器。挑選一個或兩個主流的瀏覽器作為你的目標，以這些瀏覽器為目標設計你的站點，但偶爾也用其它的瀏覽器探索一下站點，以避免出現太夸張的不調和。 為那些最重要的頁面設計多個版本是一種有效的方法。例如：如果他們使用 Netscape Navigator ，你可能希望來賓去往 ；如果他們使用 Microsoft Inter Explorer 或更新的版本，讓他們去往 ；如果他們使用其它種類的瀏覽器就讓他們留在當前頁上。接下來的就是你周期性地拷貝那些文件到你的 Web服務器，并允許其他的人瀏覽你的站點。如果你在開始創(chuàng)建文檔的時候，沒有考慮這些文檔應該分別進入你的站點層級結構中的哪個文件夾中，那么最終你的工作將終結于一個巨大的、笨 拙的、塞滿了各種各樣文件的文件夾，或是面對一種相關的文件，卻分別坐落于半打以上的、有著相似名稱的文件夾的局面而一籌莫展。在必要的地方使用子文件夾。設計者 們有時將整個站點中使用的非 HTML文件都存放在一個被稱為資產（ Asset）的文件夾中。如(圖 ) 保持你的本地站點和遠端服務器上的站點有同樣的結構，這種相同應該是嚴格意義上的一致。對于更復雜的工程，你可以使用 Macromedia Freehand 或 Fireworks 來繪制你的站點的布局和外觀模型。 8．設計導航方案 規(guī)劃的另一個需要費心的地方是導航。 設計你的站點導航的外觀。在你開始你的開發(fā)工作之前，確信你已經搜集到了你所需要的所有資產，否則，你將不得不經常的為搜集一段文本或創(chuàng)建一個按鈕而一次次中斷你的開發(fā)。以后，你就可以基于這個模板來創(chuàng)建新頁了，并且如果你決定要為所有這樣的頁改變布局的話，你可以簡單地改變模板就達到目的了。這樣，當你在以后改變這些項目時，新版本將顯示在所有使用了它的頁面上。以后，如果你更新了，或是別人更新了這個文檔，你將知道你還需要更新這個文檔的原始文檔。 在站點窗口中，一個被捆綁設計筆記的文件的 Notes 列中會有一個設計筆記圖標。 建立設計筆記的步驟如下： 1）選擇 Site Define Sites，選擇一個站點，然后點擊 Edit。無論何時，當一個文件被拷貝、移動、重命名，或刪除時，關聯的設計筆記文件也被拷貝、移動、重命名，或刪除。如果你只是獨自一人工作，可以取消該選項以改善傳輸的速度。 你也可以在站點窗口中選擇文件，然后選擇 File Design Notes。 ● 點擊 Notes 文本域右上方的日期圖標插入當前日期。如 (圖 ) 要添加一個關鍵字 /值對，點擊“ +”按鈕。 4）單擊 OK保存設計筆記。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權歸原作者所有 ) 第 7 頁 共 31 頁 設計筆記文件實際上是一個文本文件，但其中含有一些簡單的控制字符。 Dreamweaver 自己也可以打開它。 要解決這個問題，唯一的出路就是不要在設計筆記中使用中文。希望 Dreamweaver 在其下一個版本中真正可以在雙字節(jié)處理上有質的突破。 要打開與一個文件關聯的設計筆記，可以通過以下兩種方法： ● 在站點窗口選擇這個文件（或打開這個文件），然后選擇 File Design Notes。 3）單擊“ +”按鈕。 6）選擇 Basic Info 標簽，可以注意到新的狀態(tài)值已經顯示在 Status 下拉菜單中了。 3）在站點定義對話框中左邊的類目中選擇 Design Notes。點擊 Yes，刪除；點擊 No，保留。 4） 取消選擇 Upload Design Notes for Sharing（為共享上傳設計筆記）。 2）在 Define Sites 對話框中選擇需要的站點，然后點擊 Edit。 如果你使用 Dreamweaver 來刪除一個被捆綁了設計筆記的文件，那么與這個文件相關的設計筆記會在文件被刪除的同時也被刪除，通常孤立設計筆記文件的存在僅僅當你在 Dreamweaver 以外進行文件的刪除和重命名時才會發(fā)生。例如：如果你在 Fireworks 中打開了 ，并以 輸出。當你在 Dreamweaver 中選擇圖像，并選擇使用 Fireworks編輯它時， Fireworks 會打開原始文件以編輯。在這個例子中，層中含有一個工作室的 Logo 圖像。動畫的運動路徑在頁面上被繪制記錄下來。例如增加或刪除幀、改變動畫的開始時間等等。 動畫條的結束幀被拖動之前（共有 25 幀）。 ● 要讓層更早或更遲些到達指定的關鍵幀的位置，可以將這個關鍵幀的標記向左或向右拖動。 例如：要改變下面這個動畫條的開始時間。此時，動畫的起 始幀位為 16 幀，因為 FPS 中設置的數值為 15幀，即讓瀏覽器每秒播放 15幀，因此，在動畫條的開始時間被改變之后，動畫大約將在頁面已經被裝載 1秒鐘之后才開始播放。要在 Timeline 中選擇整個動畫條只需在 Timeline 面板中點擊動畫條中的非關鍵幀即可。 3．用 Timeline 改變圖像和層的特性 除可以用 Timeline 移動層外，你還可以使用 Timeline 來改變一幅圖像的源文件及層的可見性、大小和堆疊順序等特性。 從可以看出，從幀 1到幀 14 顯示的同一個圖像（中文版圖像），在幀 15我改變了圖像的源文件，圖像在這時將改變，從幀 15 直到幀 30都顯示的是改變后的圖像（ English 圖像），同時我選擇了 Autoplay 和 Loop。 ● 要改變一個層的大小，在拖曳層的縮 放柄或在特性檢查員的 W 和 H 域中輸入新值。你也可以一次拷貝并粘貼多個動畫片斷。 3) 做下列之一： ● 將回放磁頭移動到當前 Timeline 中的另一個幀位（希望動畫片斷被粘貼的地方）。 注意：用來控制同一個 對象的動畫條不能相互重疊，因為一個層不能在同一時刻出現在兩個地方（一幅圖像也不能在同一時刻有兩個不同的源文件）。 當要粘貼動畫片斷到另外的文檔中時，要記住以 下兩個原則： 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權歸原作者所有 ) 第 13 頁 共 31 頁 ● 如果你拷貝了一個層的動畫片斷，而新文檔中含有一個與拷貝的層同名的層，在這種情況下當你進行動畫片段粘貼時， Dreamweaver 會在新文檔中將動畫特性應用于同名的那個層。 ● 直接在 Timeline 面板的 Timeline 下拉菜單中輸入一個新名字。當然，那些由 Dreamweaver 自動生成的代碼中對 Timeline 名字的引用會被自動更新。因此，一旦一個 Timeline 被重命名，你對這個 Timeline 所做的所有設置（比如所有捆綁在其上的行為）都將被丟棄，這經常會是災難性的。而一旦層中的圖像都被下載后，通過顯示和隱藏某些層，就可以達到很好的在圖像間進行切換的效果，每個圖像都會 被立刻顯示，不會產生視覺上的延遲，也不會因速度太慢而錯過某些圖像。但應當清楚，大多數普通的系統(tǒng)中的瀏覽器播放動畫的速度不會比每秒 15 幀更快。 總而言之，盡可能創(chuàng)建簡單的動畫，不要讓你創(chuàng)建的動畫的需求比用戶的瀏覽器能提供的更多。 Create Web Photo Album 命令通過使用 JavaScript 從 Dreamweaver 內部來調用 Fireworks，因此，要想使用此功能，你的機器中必須安裝有 Fireworks。擴展名無法被識別的那些圖像文件不會被包含在 Web 相冊中。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權歸原作者所有 ) 第 15 頁 共 31 頁 如果你愿意的話，你可以在 Subheading Info（子標題信息）和 Other Info（其他信息）文本域中輸入額外的兩行文本，它們將直接出現在相冊標題的下面。在這個目的文件夾中將存放所有的輸出圖像和 HTML 文檔。 6）要在每一個縮 微圖像的下面顯示相應的全尺寸圖像的名字，選擇 Show Filenames（顯示文件名）復選框。 ● JPEGBetter Quality— 使用相對更高的畫質和更大的 文件大小來創(chuàng)建 JPG格式的縮微圖像。 你可以為你的全尺寸圖像和縮微圖像指定不同的格式。 將縮放百分比設置為 100%將指定創(chuàng)建與原始圖像同樣大小的全尺寸圖像。 當你做完所有的設置之后，你的 Create Web Photo Album 對話框看起來可能會是這樣的。當 Fireworks 處理完后， Dreamweaver 再次被激活，并為你創(chuàng)建包含縮微圖像的頁面。 生成的主縮微圖像頁面。 １、圖象的略圖編輯 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權歸原作者所有 ) 第 17 頁 共 31 頁 圖象的略圖指把圖象按原比例縮小，可作為原圖的預覽，這在網絡速度比較慢時可快速地顯示圖片的概圖。在 FrontPage 98 Editor中選中照片，執(zhí)行 右擊 /image properties/Appearance，選中 Specify Size(指定尺寸 )和 Keep Aspect Ratio（保持縱橫比），按要求確定照片的寬和高即可完成略圖的制作。 ３、圖片重疊效果實現 這種效果具體實現的步驟如下： （１）先畫一個表格，把圖象放到表格里； （２）在表格里面點擊鼠標右鍵，單擊［表格屬性］，把［布局］中的［邊框線寬度］、［單元格邊的間距］改成０； （３）再單擊［使用背景 圖象］右側的［瀏覽］按鈕，選擇自己喜歡的圖象，利用圖象插入功能插入圖片，就可以使兩幅圖象重疊了。這個效果可以通過 FrontPage里預先定制的功能來輕松實現。實際上，用風格表 (style sheet)便可以輕松地實現這個功能，步驟如下：如前所述，打開Format（格式）菜單中的 Style sheet（風格表）選項，在文本框中的 HTML代碼中插入 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權歸原作者所有 ) 第 18 頁 共 31 頁 a:hover，結果如下示 style!a:hover /style， hover意為 停懸 ，即指光標停懸在超級鏈接上。在FrontPage 98中，打開你的主頁，選擇 [File]（ 文件 ）→ [Page Properties]（ 屬性 ）→ [Custom]（ 定制 ）→ [System Variables]（ 系統(tǒng)變量 ）→ [Add]（ 添加 ），在 Name框 中輸 入變 量名 如 refresh，在 Value 框 中輸 入參 數如 ： 10 ； URL=: ∥，最后確定，就實現了重定向的功能。經過實踐，我發(fā)現FrontPage 98 中也可以完成一個最簡單的提交和處理表單計算結果的設置，那就是通過電子郵件來完成。 FrontPage 98 的 [Format]（格式）菜單條下的[Page Transition]（頁面轉換），就為你提供了這一類頁面效果，而且還不止一種哩。 １０、動態(tài)背景制作 當你用瀏覽器訪問某些站