FrontPage2003建站全攻略1

來源:互聯網
上載者:User
frontpage|攻略   在浩瀚的Internet建設自己的家園,這是我們的需求,無論是個人、還是組織。

  在建立網站之前我們事先在我們的硬碟中建立一個存放網站所有檔案的目錄。

   模板建站

  FrontPage可以適合不同個人和組織的需要,自動建立網“巢”——網站。

  操作 開啟網站建立視窗:點擊“檔案-->>建立”,在開啟的視窗中可以看到自動建立網站的各種嚮導和模板。



  嚮導特點:選擇嚮導程式列出的條件元素,建立某類有個性的網站和網頁

  模板特點:直接採用已經設計好的條件元素,建立某類統一的網站和網頁

  在FrontPage中,使用嚮導建立的一般是比較複雜的商業和大型網站,不適合個人在網上安家築巢。我的網上小家就使用模板建立網站就夠了。

  操作 選擇模板:在建立網站視窗,選擇“個人網站”模板。在右面的選項欄中佈建網站檔案的存放地址。建議建立一個有意義的存放地址,如“e:\webcom”,點擊“確定”。

  操作 查看網站結構:點擊程式介面的“視圖”視窗中的“導航”按鈕,可以看到建立的網站由哪些檔案組成以及網站的結構。



  我們看到,個人網站模板的結構是首頁下面有五個子頁,分別是“自序”、“興趣”、“收藏夾”、“圖片庫”、“反饋”,而在資料夾清單欄中列出了網站中的檔案,其中“image”檔案夾專門存放圖片,另外還有五個HTML檔案,其中的myfav3.html是備用的子網頁檔案。其他四個HTML檔案分別對應首頁和三個子網頁。

  操作 查看網站中的網頁:在導航視圖視窗的網站結構示意圖中點擊某個網頁結構表徵圖,如“首頁”結構表徵圖,可以開啟該網頁,我們就可以在視窗中看到這個預先定製的網頁大概結構。點擊資料夾清單中的檔案也可開啟。
  注意,開啟網頁後,我們可以看到導航視圖視窗切換到了網頁視圖視窗。

  操作 儲存和開啟網站:儲存網站的工作很簡單,當關閉FrontPage的時候,按照提示就可以儲存網站。實際上,儲存網站主要就是儲存網頁,因此在修改編輯網頁的時候,要時刻注意到儲存。儲存的方法和在文字編輯程式中儲存檔案類似。開啟網站要複雜些,選擇菜單“檔案/開啟網站”,找到網站所在的目錄,找到網站資料夾(是一個帶有小圓球的檔案夾表徵圖,是FrontPage建立的網站管理檔案

  操作 刪除網站:刪除網站很簡單,直接在Windows中刪除網站所在的檔案夾即可。也可在程式中刪除。

  進一步學習的建議:熟練使用各種視圖和視窗,使用嚮導建立複雜的商業和項目網站。使用匯入嚮導,將別人已經建立的網站匯入,成為自己可以利用的網站。

  模板建網頁

  目前,我的網“巢”還只有一個首頁,三個子頁,我想再添加一個“我的簡曆”的子頁。

  使用模板建立網站,網站中有幾個網頁都是事先設計好的,大多數情況下,都需要添加網頁,或者用新設計的網頁替換掉事先設計的網頁。建立新的網頁,使用嚮導和模板是最方便不過的了,因為FrontPage提供的網頁模板非常豐富,可以滿足大多數情況的需要。

  操作 開啟網頁模板視窗:在視圖視窗中點擊“網頁”按鈕,切換到網頁視圖。選擇菜單“檔案/建立/網頁”,開啟建立網頁的模板選擇視窗。注意,不同的視圖視窗,使用“檔案/建立/網頁”功能表命令的結果不同,後面我們將會提到。
  在網頁模板選擇視窗中,有三個標籤頁,在“常規”標籤頁中有三十多個模板供選擇,一般個人網“巢”中的網頁使用“常規”標籤頁中的模板就足夠了。根據我建立網頁的內容和預想的設計,我選擇了“帶有標題的寬行本文”模板。
  操作 選擇模板:點擊“帶有標題的寬行本文”模板項,然後點擊“確定”,程式即開始按模板建立網頁。
  回到主視窗,就可以看到一個有大概結構的網頁,這個網頁以很清晰的方式提示我在哪裡放標題,哪裡放本文,網頁段落結構也排得很好,我只要按照提示新增內容就可以了。

  建立立的網頁還沒有儲存在硬碟中,由於這個網頁是要添加到剛才建立立的網站中去的,因此,我們將它儲存到網站檔案所在的目錄(e:\webjxcom)中。

  操作 儲存建立的網頁檔案:選擇“檔案/儲存檔案”,在彈出的儲存檔案視窗中選擇“e:\webjxcom”目錄,並命名檔案名稱為“Mytravel.htm”。點擊“確定”。

  操作 預覽網頁:建立了網頁後,就可以通過瀏覽器來觀看該網頁了。在FrontPage中可以直接調用系統整合的IE瀏覽器來查看。方法是在網頁視圖視窗開啟某網頁,然後選擇“檔案/預覽網頁”即可。我們在編輯修改的時候,大都是通過FrontPage內建的預覽功能來查看網頁的製作效果,方法是在網頁視圖的主視窗下面選擇“預覽”標籤項即可。

  操作 查看檔案清單:點擊“視圖”視窗中的“檔案”標籤按鈕,在主視窗中列出了網站資料夾和所選檔案夾中的檔案。在檔案視窗中,我們看到剛才儲存的新網頁檔案已經位於其中,並可以看到該檔案的一些屬性。雙擊這些檔案時可以在網頁視圖視窗中開啟編輯。

  網頁標題就是網頁在瀏覽的時候,顯示在瀏覽器視窗左上方的標題文字。這個標題可以讓訪問者瞭解該頁的內容。
  操作 修改網頁主標題:開啟“檔案”視圖視窗,在檔案清單視窗找到Mytravel.htm檔案,點擊“這是主標題”文字,然後輸入“我的遊歷”。另外,可以將“首頁”檔案的標題改為“豆豆之家”。注意,首頁的標題也就是網站的標題。

  進一步學習的建議:瞭解各種網頁模板的結構和適用方向。學習使用嚮導建立有複雜表單的網頁。學習建立帶架構和樣式表的網頁。

  修改網站和網頁

  基礎的網站和網頁建立好後,我就需要在這個基礎上按照我的夢想修改了。首先,我要在第二級網頁中增加一個“我的簡曆”網頁,其次,要在“我的興趣”二級網頁下增加三個三級網頁。

  操作 將已有網頁添加到網站:在視圖視窗點擊“導航”按鈕,切換到導航視圖。在檔案夾視窗中將Mytravel.htm檔案拖動到“導航”視窗,仔細選擇停放的位置,讓示意表徵圖和其他二級表徵圖在一個線上,然後就看到Mytravel.htm檔案成為網站的一部分了。

  注意,在網站中添加了網頁後,網站中的某些網頁將自動發生改變,當Mytravel.htm檔案(“我的遊歷”網頁)成為index.htm(首頁)的下級網頁後,我們在網頁視圖視窗查看首頁頁面的時候,會發現該頁面已經將“我的遊歷”這樣的字樣添加進去了。

  操作 添加新網頁到網站:切換到導航視圖,選擇“興趣”網頁示意表徵圖,然後選擇“檔案/建立/網頁”(或者工具列中的“建立”按鈕),在“興趣”網頁表徵圖下就看到一個新的網頁表徵圖,這個網頁是屬於“興趣”網頁下的子網頁,但是一個虛擬網頁,並沒有對應的檔案。雙擊新網頁的示意表徵圖,即可在網站資料夾中產生一個簡單的模板網頁。重複以上操作三次,就可在網站中添加三個網頁。

  操作 在網站中開啟和關閉網頁:開啟網站的網頁非常簡單,在導航視圖視窗或者檔案視圖視窗雙擊要開啟的網頁即可。開啟網頁時程式將自動切換到網頁視圖視窗。不過注意關閉網站中暫時不編輯的網頁,以使系統節約資源。
  操作 修改網頁的檔案名稱:建立的網頁我們可以改成自己需要的檔案名稱和主標題。這個工作既可以在“檔案”視圖視窗中進行,也可以在“導航”視圖視窗中進行。

  操作 網站的調整和刪除:網站的調整很簡單,直接在導航視圖視窗中拖動要調整的網頁就可以了,刪除網站的網頁也很簡單,選擇網頁檔案或者網頁示意表徵圖後按“Del”鍵即可。修改後的網站結構如圖10所示。我“家”的雛形已經基本建立起來了。

  進一步學習的建議:設定網頁的進階屬性,自訂網頁模板,進一步修改網站結構,建立複雜的網站,網站和檔案夾的管理和相互轉換。

  竹籬圍青瓦,芍藥伴鶴眠。苔痕上階綠,簌影落窗前。咦,誰與我家比美?

  頁面修整

  通過模板建立的網頁,常常預先置放了些標題列、目錄欄(一般叫導覽列),導覽列都是用很多元素組成的,結構上稍稍複雜一些。一般情況下我們不必要對這些東西進行低層次的修改,FrontPage也不允許操作者修改,但在某些項目上,我們還是可以根據自己頁面的要求來修改。

  操作 修改頁面的主標題:在首頁(index.htm)的頁面上部,模板預置了一個名為“首頁”的橫幅標題,這個橫幅標題和整個首頁格格不入。點擊橫幅,按“Del”鍵刪除,然後在同樣位置插入一個事先準備好的橫幅圖片為首頁標題。

  操作 修改導航條的連結:在首頁的左邊,有一個導航條(目錄欄),在建立網站的時候,導航條就建立了幾個網站的連結。這些連結不能在網頁視窗中修改,只能在網站管理的“導航”視圖視窗中修改。但可以在網頁視圖視窗中給導航條添加連結。在導航條中點擊滑鼠,然後選擇輸入文字“給我寫信”,設定文字的超連結,這裡的連結地址設定的是我的郵箱地址“mailto:web@webjx.com”。

  操作 刪除頁面元素:在首頁的右下,程式放置了一個LOG圖片,這個圖片和我的首頁不符,選擇該圖片,按“Del”刪除。

  操作 給頁面添加水平線:水平線對於規劃頁面有很大的作用,可以讓頁面清楚,簡潔。在要插入水平線的位置點擊滑鼠,選擇“插入/水平線”,水平線就出現了。注意,一般模板網頁的水平線由程式自動化佈建外觀屬性。而其他情況下,將由操作者自己設定水平線的顏色,粗細等。

  進一步學習的建議:頁面長期編輯後,可能會留下垃圾(無效代碼),如果想做得更專業一點,可以在HTML標籤視窗修改原始碼,或者使用其他網頁製作工具休整。

  表格

  表格實際和文字、圖片一樣,是一個網頁的基本元素,但表格在網頁中,更大的用途是來規劃頁面。實際上,在網頁編輯中,通過空格、段落、縮排等是很不容易規劃好一個有很多元素的頁面的,特別是圖文混排的頁面。
  在FrontPage中添加常用的資料表格,和在Word中添加表格一樣的方便,直接使用插入表格命令,然後填寫資料就可以了。甚至還可以將Word檔案中的? 粘貼進來。

  操作 添加一個簡單表格:在要插入表格的位置點擊滑鼠,選擇“表格/插入/表格”,在彈出的對話方塊中設定表格的屬性,然後選擇表格的行數——2,選擇表格的列數——1,然後指定表格的寬度,可以設定表格的寬度佔網頁寬度的百分比,或者直接設定表格的絕對寬度——像素。其他設定表格邊框線的寬度為1,設定儲存格間距為2。確定即可。

  操作 在表格中添入文字:在表格中輸入文字和在普通編輯頁面中輸入文字沒有什麼區別,另外,在產生首頁模板的時候,程式在網頁中添加了一個進階控制項,可以自動顯示網頁的更新時間。將這個控制項拖入到表格中。這樣,一個顯示網頁製作者的表格就製作好了。

  操作 設定表格的屬性:表格的屬性比較複雜,分成儲存格屬性和表格屬性。選擇表格,然後選擇菜單“表格/屬性/表格”,在彈出的視窗中可以設定表格的邊框、背景、顏色等等。特別要說明的是表格的浮動,表格的浮動是設定整個表格的對齊,而一般的對齊是設定表格內的元素的對齊。

  操作 圖文混排:在需要的位置加入一個只有一個儲存格的表格,並設定好其他屬性。在表格中添加圖片,並設定好表格的大小。再設定表格為“左浮動”,調整文字,讓文字在表格的右邊。這樣,圖文相配的混排就得到了。

  進一步學習的建議:表格的操作比較複雜,需要反覆的練習,學習如何用表格構造特殊頁面,如何?複雜的圖文混排等等。



相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。