網頁製作的基礎教程
FrontPage教程:網頁製作基礎知識
1.視圖與模式(一)
現在進入FrontPage。單擊任務欄“開始”按鈕,選擇“程序”選項,單擊“Microsoft FrontPage”選項就可以了。 可能你會發現FrontPage界面和Word很相似[圖2-1],這是因爲編輯WEB頁面和編輯Word文檔有很多同樣的設置,這些設置所用的圖標和Word中的是一樣的。
[圖2-1]FrontPage2000 界面
視圖中的組框是用來切換視圖的,單擊裏面的小圖標就可以切換到不同的視圖。FrontPage共有6種視圖[如圖2-1左],使用不同的視圖可以從不同的側面查看設計的WEB站點。對一個WEB站點而言,不斷更新是很重要的。隨着站點的成長,維護站點的工作量會越來越大。建立站點可能很快,但是如果沒有這6種視圖的幫助,維護起來就很困難了。
這些視圖的使用不用一下就全部掌握,只要知道有這些視圖就可以了。
2.視圖與模式(二)
下面看一看同一個WEB站點在不同視圖中是怎樣顯示的。
(1)單擊“網頁”按鈕,切換到網頁視圖,再單擊工具欄上的“文件夾列表”按鈕 ,窗口中增加了一個文件夾列表框[圖2-2]。網頁視圖是用來顯示選中的網頁的,雙擊文件夾列表中的某一個HTM文件,在最右方的工作區中就會顯示該網頁的內容。
注意,此時工作區的左下角有三個切換顯示模式的選項卡[圖2-3]。單擊“普通”選項卡,就切換到了普通模式。在普通模式可以編輯網頁的內容以及設置各種格式。單擊“預覽”選項卡就到了預覽模式。如果要看一看當前編輯的文件在瀏覽器中的顯示情況,就使用預覽模式,在預覽模式下,是不能編輯網頁的。也可以切換到HTML模式直接對網頁對應的HTML文本文件進行編輯,從而爲網頁作一些特殊的設置,前提是你要懂一點HTML語言(在教程附錄中有相關說明)。
(2)文件夾視圖以列表的形式給出了當前WEB站點的文件夾和文件夾裏包含的文件[圖2-4]。由於一個WEB站點要涉及到許多文件,因此將這些文件分類並分別放到不同的文件夾就很有必要。比如,可以把所有的圖形文件放入IMAGES文件夾。FrontPage還提供了一個_PRIVATE文件夾,用來存放一些對網絡瀏覽者不可見的信息。下面爲當前站點再添加一個SOUND文件夾,用來存放WEB站點用到的聲音文件:選中站點的根目錄,然後單擊“文件”菜單的“新建”項,在彈出的子菜單中選擇“文件夾”命令。在輸入SOUND,新文件夾就建立好了[圖2-5]。
其實一個站點實際上就是一個目錄,在這個目錄下可以建立許多子目錄,並將站點的各種文件放在這些目錄裏。
(3)報表視圖給出了當前站點的一些統計信息。這裏可以知道在站點的目錄中哪些文件被鏈接進站點了,哪些沒有。
(4)導航視圖可以方便地組織站點中各網頁的層次關係,在本視圖中,每一個頁框代表一個網頁。如果站點設置了導航功能,就可以先在這裏設置好各網頁的層次關係,然後用導航欄把這種層次關係表現出來。
(5)超鏈接視圖是用來察看選中網頁中設置的超鏈接的。通過它可以方便地知道在網頁中設置了多少超級鏈接,以及是什麼類型的鏈接。
(6)任務視圖裏放着關於站點維護的任務列表,如果站點大到由許多人共同維護,他們就可以通過任務列表知道工作的進展情況了。
3.創建網頁
這一節我們討論怎樣創建頁面。
創建頁面最簡單的方法就是單擊FrontPage“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭,它是用來選擇要新建什麼,可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。
如果要新建網頁,可以不用向下箭頭鍵選擇,而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網頁能夠有更大的選擇。
單擊文件菜單的“新建”命令,選擇“新建網頁”,在“新建”對話框裏,可以看到FrontPage提供的許多網頁模板[圖2-6],我們可以用這些模板來建立相應的網頁。在右下角的預覽框裏可以看到選中模板的外觀。選擇“兩欄正文”網頁,這樣就創建了一個新的分爲兩欄的網頁了。然後點確定。
使用模板可以不用總是從空白網頁開始編輯,這樣就省力很多。
-
php是什麼格式?
我們有時候會見到一些文件的後綴名是。那麼後綴名爲“PHP”的文件是什麼文件呢?下面就由小編給大家分享下吧。後綴名爲“PHP”的文件是一種程序語言的命名格式結尾,PHP(外文名:PHP:HypertextPreprocessor,中文名:“超文本預處理器”)是一種通用開源腳本語言。語法...
-
網頁製作合同(6篇)
在人民愈發重視法律的社會中,合同的類型越來越多,合同協調着人與人,人與事之間的關係。知道嗎,寫合同可是有方法的哦,以下是小編收集整理的網頁製作合同,歡迎大家分享。網頁製作合同1合同編號:_________甲方(委託人)_________法定住址:_________法定代表人:_________職務:_...
-
最新網頁製作員工試用期個人工作總結
三個月時間一晃而過,轉眼間試用期已接近尾聲。在這段試用期中可以說是喜憂參半。喜的是和同事們工作相處相處融洽,自己可以很好的融入這個團隊,自身實踐經驗和工作能力得到提高。憂的是自己還有許多方面不足,爲人處事不太沉穩,有待於提高。記得初到公司時,我對公司的...
-
網頁製作合同(集錦8篇)
在人們的法律意識不斷增強的社會,合同出現的次數越來越多,簽訂合同也是避免爭端的最好方式之一。相信大家又在爲寫合同犯愁了吧,下面是小編整理的網頁製作合同,僅供參考,歡迎大家閱讀。網頁製作合同1編號甲方:法人代表:地址:郵編:電話:傳真:乙方:法人代表:地址:郵編:電話:傳真:...