Frontpage2000值得學習的10個操作技巧

來源:互聯網
上載者:User
frontpage|技巧   1>頁面的傳輸報告顯示
  為了使你更方便的瞭解網頁的實際瀏覽情況,在Frontpage2000中提供了頁面傳輸報告的功能,你可以清楚的擷取當前網頁以不同的傳輸方式需要的時間,從而確定網頁大小及整體製作是否合理。

在編輯視窗的狀態列中表徵圖右邊右擊滑鼠,會彈出傳輸方式選項列表,如圖:

其中包括了普通MODEM(14.4,28.8,56K),ISDN,T1,T3等幾種常用接入方式,選定以後在狀態列中會顯示出當前的傳輸方式及完全下載需要的時間。

2>直接製作超級串連翻轉效果

滑鼠移至上方的連線物件變換效果在網頁設計中是經常見到的,記得在以前的Frontpage98版中需要CSS樣式表(stylesheet)來完成,雖然操作起來並不是很難,但對初學者而言理解起來還是有些晦澀,2000中的“傻瓜”式設定應該說幫了一個大忙,你可以不懂什麼是CSS,但效果同樣精彩。

在網頁“普通”編輯模式下,右鍵選中“網頁屬性”菜單,同時指向“背景”標籤,啟用格式部分中的“啟用超串連翻轉效果”複選框,這時下面的“翻轉樣式”按鈕會變成可用狀態,點擊進行具體的設定,即滑鼠移至上方後的樣式,如圖


3>網站的自啟動設定

預設情況下,Frontpage在重新啟動時總是自動進入一個“新網站”視窗中,而不是你上次編輯過的網站,這時你不得不重新開啟目標網站,相信通過下面的設定你就可以完全避免這一點了。

“工具”-“選項”,在常規選項卡中勾取“在啟動Frontpage時,自動開啟上次開啟的網站”,重新啟動一下,是不是沒問題了。

4>邊框及陰影的使用

在網頁中我們會經常看到一些類似的邊框效果,而這些邊框大多是通過表格或是特定的圖片組合形成的,不過2000中邊框及陰影製作效果的引入,可以說又給大家提供了一個好的方式,並且通過他們還能夠實現內容的定位等等。

“格式”-“邊框及陰影”,進入邊框陰影設定視窗如下:

設定:即邊框的“四邊”是否封閉設定,可以直接通過點擊視窗中“預覽”部分四個方向的按鈕來實現。當取消某一邊時,設定欄中會自動跳轉到“自訂”選項中。

樣式:選擇邊框的顯示效果,其中提供了包括實線,虛線等在內的8中樣式。

顏色及寬度:設定邊框的顏色和寬度,這裡的寬度一般為1,當然具體情況可以適當調整。

填充:通過給定內容距邊框的距離確定具體的定位,可以自由設定大小。

另外,點選上面的“陰影”標籤時,可以進行背景色,前景色彩的設定。

5>設定網頁原始碼的不同顏色標示

雖然現在比較多的是在“設計”視窗內編輯網頁,不過有時直接對HTML原始碼操作也是必不可少的,設定不同代碼的顏色區分,對於一個專業網頁設計人員來說是非常重要的。

“工具”-“網頁選項”,選中“彩色代碼”標籤,同時啟用“用顏色區分代碼”的複選框,為不同的代碼類型設定不同的顏色,當然有時為了統一標準,可以點擊“恢複原始顏色設定”按鈕以使用Frontpage預設值。

  6>CSS的應用

  1)樣式的建立及修改(內部風格頁)

要應用CSS來格式化文本資訊,首先必須建立符合要求的樣式

“格式”-“樣式”,進入樣式視窗,如圖

在“列表”中選擇要修改的樣式的類型,要修改已經建立的自訂樣式,選擇“使用者定義樣式”;要修改標準的網頁HTML標記,請單擊“所有的HTML標記”,這時你可以直接在上面的“樣式”列表中雙擊要編輯的樣式,點擊“建立”按鈕,這裡以建立一個新樣式為例具體說明一下格式的設定。

建立類別選取器,在“名稱”中鍵入以“.”開頭的名稱

建立ID選取器,在“名稱”中鍵入以“#”開頭的名稱

建立HTML標記樣式,可以直接輸入標記名稱,例如:a

另外還包括a:hover,a:link等幾種選取器類型。

完成名稱,標定類型以後,可以點擊下面的“格式”進行具體的設定

字型屬性 — 例如字型或顏色,或是字元間距,請單擊 “字型”。
對齊,縮排或段落間距,請單擊 “段落”。
邊框和底紋,請單擊 “邊框”。
項目符號的樣式和編號,請單擊 “編號方式”。
定位屬性 — 例如環繞方式、位置或 z-順序,請單擊 “定位”。

2)樣式的應用

將樣式應用到網頁具體的元素中可以通過下面兩種方式來實現:

選擇要修改的網頁元素,進入“樣式”視窗,然後在“樣式”框中選取要使用的樣式

選擇要修改的網頁元素,“格式”-“屬性”,單擊屬性對話方塊中的“樣式”按鈕,選擇需要的樣式

3)外部樣式的引入

除了上面內部風格頁外,你還可以直接引入外部風格頁來格式化當前網頁,“格式”-“樣式表串連”,選擇網站中“所有網頁”或是“當前網頁”對象,點擊“添加”指定CSS檔案的位置,注意CSS檔案即以.css為副檔名的檔案。

7>為網頁添加適當的頭資訊

網頁頭資訊雖然在瀏覽時不會顯示出來,但是不同功用的網頁應用具體的Head元素也是非常必要的,比如應用關鍵字(keywords),描述(description),重新整理(refresh)等。

在網頁內右擊選“網頁屬性”,或是直接通過“檔案”-“屬性”來開啟網頁屬性視窗,指向“自訂”標籤,如圖:



其中頭資訊變數即由Meta屬性包含的部分,主要分為系統(HTTP-EQUIV)變數和使用者(User)變數,下面以重新整理(refresh)和關鍵字(keywords)變數的添加為例:

點擊系統變數中的“添加”按鈕,在變數定義視窗中“名稱”欄輸入refresh,“值”欄中輸入相應的值“300,url=http://www.webjx.com/”,即每隔300秒的時間網頁自動轉向url中指定的網頁地址。

點擊使用者變數中的“添加”按鈕,依次在名稱和值輸入框內鍵入keywords和對應的關鍵字的值,其中多個關鍵字以逗號(,)隔開。

8>方便的曆史操作功能

在舊的98版本中沒有提供專門的曆史操作返回工具,所以當我們需要返回到前面的編輯狀態時,只能通過“後退”工具按鈕一步一步來完成,如果你注意的話,在2000的後退和前進按鈕的右邊都同時增加了一個“箭頭”選項,通過它你可以選擇性的退回到前面的任意操作狀態。



9>在網頁進行格式文本的插入

Frontpage2000中你可以在網頁中插入任何一種基於文本的檔案,包括 .htm 檔案、.asp 檔案、.rtf 檔案和 .txt 檔案,以及任何 Microsoft Office 文檔。

將滑鼠停留在需要插入檔案的位置,“插入”-“檔案”,瀏覽檔案在磁碟上的位置。

10>設計指令碼的控制

設計指令碼能夠給定網頁支援的相關技術及平台情況,“檔案”-“屬性”,開啟網頁屬性視窗,在常規標籤中“設計階段控制指令碼”地區內分別設定平台,伺服器,用戶端的支援選項。

平台:用戶端(IE4.0 DHTML)和伺服器(ASP),使用asp格式時可以選後者。

用戶端/伺服器:都包括JS和VBS兩種指令碼語言,不確定時可以保持預設值“從網站繼承”。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。