中文FrontPage網頁設計標准教程_FrontPage2003網頁設計教程的內容簡介

1、如何用frontpage製作簡單的網頁

Frontpage是由微軟公司於1995年率先推出的一款網頁製作入門軟體，其特點就是簡單易學易上手，但是該軟體已於2007年停止更新了，目前該軟體主要有三種模式分別是設計、程式碼、預覽。但是，有一點毋庸置疑即frontpage為我們的工作學習帶來了很大的便利，我們在學習網頁製作的前期，可以將frontpage和Dreamweaver結合去練習，便於我們更好的學習網頁的製作。

所需的工具原料

Frontpage

HTML語言知識

相關的製作步驟：

下載Frontpage軟體安裝包，下載時為了安全起見盡量不要下載破解版；

打開該軟體——選擇文件菜單欄下的新建（右邊空白欄也有新建空白文檔，二者選一即可）

網頁中表格的插入：菜單欄上的表格——插入——表格，

最後還要設置表格的屬性，選中表格右擊——屬性，即可；

網站規劃，表格——布局表格或單元格；

右側導航選擇插入布局表格，

導航欄設置表頭、表中等，直接選擇插入——圖片——來自文件、新建圖片等根據自己的需要去選擇；

預覽一下自己設計的網頁。

注意事項：

網頁的製作一定要美觀大方，才能獲得更好的用戶體驗，不可敷衍了事；

掌握一定的代碼知識，因為網頁製作需要能看懂最基本的代碼；

網頁製作要有一定的創作意識，所以在平時的生活中要注重創作能力的培養。

2、用frontpage設計網頁時如何讓網頁居中？

第一復步：添加一個表格，該表制格只有一行。
第二步：在表格屬性里將對齊方式設置為『居中』，高度設置為百分比100，寬度自由設置，如設置成780，邊框粗細設置為0。這樣你的網頁框架就建成了。
第三步：在該表格里插入表格，該表格可多行、多列，並且可合並、拆分，網頁的內容就靠這些表格來排版。

你現在做成的網頁寬度是多少？然後按上面的第一、第二步做出同樣寬度的表格，然後復制你的網頁到表格裡面即可。

3、在FrontPage中製作網頁時，最常用的布局方法是（單選題）

A
初中就學了

4、如何用frontpage製作簡單的網頁

利用FRONTPAGE 製作簡單網頁
一，熟悉網站製作的整個流程

過程與方法：上網搜索文字、圖片等素材，製作一個班級網頁，提高
情感態度與價值觀：進一步理解網頁作為常用的信息集成工具的優勢

和特點，培養學生團隊精神。
應該掌握的技能：

1、利用FrontPage，新建並保存一個站點。 2、新建、保存站點中的網頁。 3、插入並調整表格。 4、在表格中輸入文字並編輯。 5、加入背景圖片。
6、在網頁中插入圖片並調整。 7、在網頁中創建「超鏈接」。 8、在網頁中利用框架布局網站。 9、在網頁中設置背景音樂。
（二）發布網站
網頁的發布，就是將製作好的網頁發布到WWW中的某台web伺服器上的過程。也就是將用戶創建在本地計算機上的一個站點復制到伺服器上指定URL的過程。
方法：單擊文件→發布網站，彈出對話框，在遠程網站選項卡中選文件系統，在遠程網站位置輸入一個本地計算機中的具體路徑或單擊瀏覽，再單擊發布網站。
用專門的上傳軟體發布，如FlashFXP
實踐操作
啟動FRONTPAGE2003
方法：開始—程序—MICROSOFT FRONTPAGE 創建站點
站點就像一本書，網頁就像書中的一篇篇文章。一個網站內可以包含很多頁，當然也可以僅有一頁。一、創建站點：
步驟1：文件——新建——站點
2：在「新建」對話框中，單擊「只有一個網頁的站點」或「空站點」圖標，在「指定新站點的位置」列表框中輸入站點文件夾的位置、名稱，單擊「確定」。
例如在E盤創建名字為mysite的站點，輸入：「E:\ mysite」即可（注
意：在英文狀態下輸入），
如果沒有設定位置，則默認的站點位置在「我的文檔」內「My Web Sites」文件夾下「mysite」文件夾就是你剛創建的站點。二、創建網頁：
步驟 1、新建網頁：文件——新建——空白網頁。 2、保存網頁。網頁背景的設定：
網頁背景：1、格式——背景或單擊右鍵—選「網頁背景」。 ——在「網頁屬性」對話框中選「背景」選項卡，再選定「背景圖片」並單擊「瀏覽」按鈕，點擊圖片文件名和「確定」按鈕就可實現把背景圖片與當前網頁結合。
2、應用主題：格式——主題，選一種主題——應用。網頁背景音樂的設定步驟：1、格式——背景
2、選「常規」選項卡，在「背景音樂」的位置中點擊瀏覽按鈕，在彈出的「背景音樂」對話框中點擊「在計算機選擇一個文件」按鈕，在「背景音樂」對話框中找出一個音樂文件即可。
注意：網頁的背景音樂選midi或wav格式，不支持MP3格式。三、利用表格布局網頁
表格是網頁的一個非常重要元素，Frontpage 中的表格不僅可以用來陳列數據，還可以實現網頁的精美排版。

表哥布局：

第 6 頁共 8 頁
分別插入三個1行1列的表格：寬：760像素高：任意，水平居中方法：①表格——插入——表格
②在彈出的「插入表格」對話框中設定表格的行列數等
設置第1個表格高度為210像素，插入圖片banner.jpg,設置寬759像素，高210像素
方法：右擊選擇「表格屬性「修改設置
方法：插入圖片步驟：①游標放在要插入圖片的位置
②插入—圖片—來自文件，在彈出的「圖片」對話框中，單擊「從計算機上選擇一個文件」按鈕，選定一個文件後，單擊確定。註：（插入—圖片—視頻/Flash）用於插入視頻/Flash文件圖片大小的設定：
方法：選定圖片，圖片上會出現八個控制點，將滑鼠放在其中的一個控制點上，滑鼠指針變以雙箭頭狀，進行拖動操作可調整圖片大小。設置圖片的對齊方式：
在圖片上右擊——圖片屬性——外觀——左
設置第2個表格，右擊選擇「拆分單元格「，拆分單元格為5列1行，分別插入---web組件----互動式按鈕（浮雕標簽2），網站首頁、走進鄉愁、傾聽鄉愁、品味鄉愁、感悟鄉愁，字型大小12，字體微軟雅黑，懸停藍色，按下黃色，圖像寬152像素，高35像素，保持比例去掉。其餘幾個按鈕用復制粘貼，修改文本即可。
在最左側文件夾列表裡，將index.htm復制粘貼，分別命名為zjxc.htm，qtxc.htm，pwxc.htm。

第 7 頁共 8 頁
（5）設置第3個表格，右擊選擇「表格屬性「修改設置，輸入文本鄉愁、、、、、，宋體，14磅，將第一行文本設為水平滾動字幕。插入字幕方法：插入——Web組件——字幕——輸入字幕內容——確定。如果要改變字幕的文本格式，可在「樣式」——「字體」——「格式」，進行設置。
（6）在文本下邊插入兩行，菜單：表格----插入-----行/列
（7）分別在兩行中輸入文字，插入---網頁組件------計數器，站長信箱要鏈接郵箱。
設置超鏈接方法步驟：選中文字或圖片——擊右鍵選「超鏈接屬性」——在對話框中選擇目標網頁——確定

5、怎麼用frontpage製作網頁

這個一句話哪能講清？
先給你一個簡易教程，慢慢來吧。

一、打開frontpage
二、新建一個網頁：
單擊菜單欄[文件]—[新建]—[網頁]
三、對網頁進行基本設置
設置網頁標題、背景、背景音樂、左右邊距：
步驟為：
A、網頁空白處單擊滑鼠右鍵在彈出的菜單中選擇「網頁屬性」，將會彈出一個對話框。
B、對話框第一選項「常規」中：
設置標題：直接輸入你想好的網頁標題；
設置背景音樂，可以直接輸音樂的網址，也可以下載到你的電腦上，通過「瀏覽……」找到，但下載的音樂要保存到你所建的文件夾裡面。
C、單擊對話框第二選項「背景」，設置網頁背景。可以設為圖片背景，也可以直接設顏色。
設圖片為背景時，在「背景圖片」前打「√」，然後單擊通過「瀏覽……」(事先把找好的圖片放在你建的文件夾裡面，)找到圖片即可。
D、單擊對話框第三選項「邊距」，可以設置網頁的左右邊距,一般設置為0。
所有設好後，單擊「確定」。如果想看效果，可以直接點擊網頁左下面的「預覽」。
四、做網頁
首先要規劃你的網頁樣式，一般網頁頂部是一個網頁標志性圖標，和一個圖片，還包括你網頁的菜單，它是通過表格形式實現的。
設置表格方法為：
1、添加表格：單擊菜單欄「表格」—「插入」—「表格」，根據你的需要設置幾行幾列，一般將邊框粗細設為0，那樣在瀏覽網頁的時候就看不到表格線；邊距和間距如設為0，則單元格之間的就沒有縫隙，可根據需要設置。
2、在表格裡面插入圖片：單擊「插入」—「圖片」—「來自文件」，在你的文件夾里找到你所需的圖片（註：要把你事先找好的圖片存在你新建的文件夾，從網上下載圖片一般為滑鼠指向你所找的圖片，然後單擊右鍵，在彈出的菜單中選擇「圖片另存為……」，保存到你的文件夾下，推薦網址：http://www.3lian.com）。在網頁裡面插入圖片和這方法一樣。
3、設置網頁菜單欄及表格背景：設置菜單欄也就是添加表格，添加表格的時候有幾項就設幾列（一般有自我簡介、論文，試題、課件等），方法同上面所講，這時可設置單元格邊距為0，單元格間距不為0，這樣每項之間就有分界線。
設置表格背景時：滑鼠指向表格單擊右鍵，在彈出的菜單中選擇「表格屬性」（如對某一個單元格設置背景，則選擇「單元格屬性」），設置方法同上網頁背景設置。
其次，填充網頁內容。可以直接向表格裡面輸入所需文字，也可以在網頁里直接輸入文字,文字排版同WORD裡面的操作。
其3，增加特效。
添加滾動字幕：單擊菜單欄「插入」—「組件」—「字幕」，將所需滾動的文字輸入。再通過左下角的「樣式……」—「格式……」—「字體……」設置字體字型大小顏色。
五、保存網頁：單擊「文件」—「保存」，出現對話框，網頁文件名一定要是英文，不要用中文，並要把網頁保存在你開始建的文件夾里。
六、網頁的鏈接
按照上面的方法，做好幾個網頁保存在你建的文件夾里，然後通過鏈接把所有的網頁鏈起來。
鏈接方法為：滑鼠選中你所需做鏈接的文字或圖片，單擊右鍵，在彈出的菜單中選擇「超鏈接」，彈出對話框；在對話框的中下面，有一個ULR,可以直接輸入網址進行鏈接；但如果要鏈接到你計算機里的網頁，要單擊圖標，在你的文件夾中找到與文字相對應的網頁，然後「確定」。

6、如何用microsoft frontpage設計簡單的網頁

打開frontpage新建網站，建立空白網頁，雙擊打開空白網頁，再進行網頁設計就可版以了，超鏈接：直接選中權你要鏈接的文字或圖片，右鍵——超鏈接——選擇你要鏈接的地方就可以了。插入圖片或視頻的方法如下：插入——圖片——來自文件——選擇你要鏈接的圖片即可：插入文章的方法和圖片類似；其他的你可以直接在菜單中尋找很容易！

7、如何使用frontpage製作網頁教案

以下是FrontPage\ DreamWeaver網頁製作軟體和教程，支持 DIV + CSS，可視化操作，支持JS、ASP、PHP、JSP腳本程序:
DreamweaverMX 軟體及教程的安全下載：http://biso.cn/soft/281.htm
DreamweaverCS4 軟體及教程的安全下載：http://biso.cn/soft/396.htm
DreamweaverCS5 軟體及教程的安全下載：http://biso.cn/soft/397.htm
FRONTPAGE通用版軟體及教程的安全下載：http://biso.cn/soft/379.htm
按提示，安裝完成即可永久使用（支持全部 WIN系統）

下載位置的左邊是軟體，右邊是教程

8、如何用frontpage製作簡單的網頁

1、打開Frontpage軟體,些軟體打開如同其它辦公軟體雷同,我們選擇文件菜單欄下的下新建或者內是又邊的新建空白文容本檔都行
2、如果我們要插入一個表格,可以選擇菜單欄上的表格>插入>表格,之後就是打開一個表格的屬性,設置表格樣式.
3、如果對表格進行屬性設置,可以雙擊表格,或者選中表格,然後右鍵,選擇單元格屬性即可打開屬性窗口.(Dreamwaever此處就方便一些,在下方有屬性可直接設置)
4、如果想通過布局來規劃網站的話,可以選擇"表格">布局表格或者單元格,
5、然後在右邊導航欄處選擇"插入布局表格,或者單元格都行,再又將左邊的編輯模式設置成"設計"然後編輯頁面會出現一個框,對著框一直拉大拉小即可
6、接著就是設置表頭,表中,底部等一列表,都是插入表格或者添加圖片文字類即可.排序同文本排序一樣設置.
7、簡單製作完成後,如下圖,選擇預覽模式即可看到.

9、FrontPage2003網頁設計教程的內容簡介

本書共分為12章，第抄1章介紹了FrontPage 2003的新增功能、操作界面、創建和編輯網站的方法；第2章講述了創建、編輯與排版網頁的方法，讓用戶快速創建一個簡單的網頁；第3章講述了如何向網頁中插入圖片，以便產生圖文並茂的效果；第4章介紹了創建和編輯超鏈接的方法；第5章介紹了使用表格組織網頁的布局；第6章介紹了框架的使用，把Web瀏覽器窗口分成幾個獨立的區域，每個區域可以單獨顯示一個網頁或圖像；第7章介紹了表單的使用；第8章介紹了如何繪制簡單的圖形、添加視頻文件、添加聲音文件、設置動態HTML效果等，以便創作出內容豐富的多媒體網頁；第9章介紹了如何在網頁中插入組件；第10章介紹了如何在網頁中插入Java小程序、插件、ActiveX控制項、Flash影片以及編寫腳本語言等；第11章介紹了層與行為的使用：第12章介紹了網站管理與發布的方法。