3>網頁的建立和管理

網站建好了,下面的問題當然就是根據需要添加網頁文件了.一般情況下主頁多命名為index.htm,index.html或者default.htm等等,具體用什么還要由你所使用的主頁空間或主機的設置而定.不太明確的話,最好問問提供商.

單擊左邊"顯示面板"里的"folders"按鈕,切換到網站界面,在空白位置鼠標右擊選擇"new "-"page",由于是網站中第一個網頁文件,因此frontpage自動將其命名為"index.htm",并設定為首頁.你可以通過文件的顯示圖標看出來(有一個類似小房子的標志).

如果你想在以后使用的"navigator"(導航條)功能的話,建議單擊左邊的"navigator"切換到導航創建窗口.如圖

上面的"index.htm"即為剛才創建的主頁文件,在它上面右擊仍然選擇"new page"選項,這時新文件會自動顯示在主頁的下層,并處于命名狀態.同理,你可以按照不同的關系分層建立的網頁.對比顯示如圖

注意上面創建的文件會自動在文件管理窗口中顯示出來,并存放在網站根目錄下.當然如果你不需要使用"內部導航條"的話,就可以直接在文件窗口里建立了.

右擊選擇菜單"new"-"folder",創建子目錄,比如可能你需要將網站使用的圖片對象獨立放在一個文件夾images里.對于前面已經建立的網頁文件,可以通過鼠標拖拽的方式改變不同的保存路徑,同時frontpage會自動調整好相關的鏈接信息.

除了支持基本的網頁文件格式(.htm;.html;.shtml)外,在frontpage10中還特地增加了對外部風格頁的編輯處理,即擴展為.css的文件,另外還有常見的.asp文件的創建,關于.css文件的使用我們將在后面的級聯風格頁中講到!

另外在網頁的編輯管理上frontpage10一個比較大的動作就是提供了支持"多窗口"的顯示方式,我們可以同時打開或編輯多個網頁文件,需要時只要單擊相應的標簽即可方便切換.這一點對我們來說應該是比較實惠的一個功能.終于可以遠離"反復打開關閉"的煩惱了.如圖

仔細觀察一下,上面的三個文件中,前兩個都后綴了一個"*"符號.這里代表的意思是該文件已經被編輯過了,內容不為空.一般新創建的文件沒有該標志.

單擊窗口左下的"html"按鈕可以進入"源代碼"編輯狀態,相對以前的版本,現在的html編輯窗口應該說成熟多了,除了排列的整齊外,光標停留處,在狀態欄里還會自動顯示當前位置(行數和列數),重要代碼會自動分行顯示.或許唯一遺憾的就是不具備方便的代碼全程搜索功能了.

選擇"preview"預覽當前效果,此外在frontpage狀態欄的右下側還能夠查看當前網頁在不同的網絡環境下的傳輸時間.單擊"漏斗"圖標選擇不同的接入類型.