如何設計網頁

Question

如何設計網頁
請教教我

Answer 1

你可以試試：
※１。用軟體編輯，較簡單（如ＦｒｏｎｔＰａｇｅ）
ＦＰ的特色
【新版與舊版的比較 】
用過舊版 FrontPage 的網友應該都知道，您如果要使用 FrontPage ，就必須開啟 FrontPage Explorer 和 FrontPage Editor ，才能同時管理網站和編輯網頁，而且還要經常切換視窗，實在很不方便。 修改過後的 FrontPage 2000，結合了 FrontPage Explorer 和 FrontPage Editor，操作起來變得十分方便。
←FrontPage2000的圖示
【加入 Office 的 FrontPage 2000 】

嗯 . . . . FrontPage 2000 已經加入 Microsoft Office 的成員之一了，而且更以中文版的介面出現在使用者眼前，這實在是一項十分不錯的改進，以往，FrontPage 97、98，皆使用英文版出現，往往降低了軟體的親和力，用起來總是有總點不順手。 FrontPage 2000 加入 Office 之後，許多功能都和其他 Office 成員相似，就以功能表來說，FrontPage 2000 的功能表和 WORD2000 幾乎一樣!!更棒的是，由於加入了 Office ，試算表、圖表、樞紐分析表....等，都可以直接插入 FrontPage 2000 內!!
【支援多種佈景主題 】

您現在要換網頁的佈景主題就跟換Windows的背景一樣容易!! FrontPage 2000 支援了....嗯....等等，我算算看....哇....支援了67種佈景主題，神奇吧!!還有，您可以把您修改過的佈景主題加入，使佈景主題更具有變化。怎麼修改？先等等....別那麼急嘛!!等詳細說到佈景主題時我再詳細說明。啊....忘了告訴各位，佈景主題還有支援好玩的動態按扭哦!!
※ 我很少很少 (應該說完全沒有) 在用佈景主題，用久了您就會知道為什麼。
【支援DHTML 】

您應該有看過圖片、文字從四面八方飛進來吧，這個就是使用了DHTML (Dynamic HTML)，DHTML是 "傳統HTML" 、 "CSS" 、 "Script" 的結合，其中的 "傳統HTML" 是指一般編寫網頁的 HTML，"CSS" 是一種重新定義 HTML 標籤的東西，相信您用 FrontPage 絕對無法打出那麼小的字： 這些字用了CSS喔!!
"Script" 則是指 "JavaScript" 或 "VBscript"。
一頭霧水？沒關係!!這是補充內容，與FrontPage 無官

檢視區的按鈕

【網頁按鈕 】
也就是之前所說的 FrontPage Editor，您只要按下"網頁按鈕"工具列右方就會切換成網頁編輯狀態，此時，要設計出一個出色的網頁，就像用 Word 寫一份報告一樣方便、簡單。再來，請注意 FrontPage 2000 工作區下方的三個活頁標籤 ──
《一般》
讓您直接以所見即所得的方式編輯。您可以在此輸入文字、插入圖片等，這些以後會詳細說明。
《HTML》
當您使用所見即所得的方式在編輯的同時，FrontPage 2000 會自動把您所編排好的網頁翻譯成 HTML 語言，所以說呢 ~~您只要切到 HTML 標籤，就能夠細部更改 HTML 內容。如果想學HTML的話，請參考DOB的「新手入門」。
《預覽》
讓您不必再啟動瀏覽器去預覽結果，按下這個標籤就能直接看成果。(當然有些東西必須要存檔或是上傳才能正常運作，例如用 FrontPage2000 所做出來的計數器就得上傳才能看到成果。)
【資料夾按鈕 】

當您的網站越做越大，資料越來越多，此時就需要有個管理這些檔案的東西。稍有網頁編輯經驗的網友應該都知道，隨意更改檔名或者任意移動網頁、圖案位置，那都會破壞檔案的連結路徑，造成無法顯示該檔案或圖片。如果只有一、兩個檔案那當然沒有關係，不過您有沒有想過，如果是上百個甚至上千個檔案需要修改，那....
好在，FrontPage 在當初設計時就想到了這一點，您如果更改檔名或移動位置，FrontPage 都會跳出一個視窗告訴您有哪些地方需要修改，而且，您只要按下"確定" FrontPage 就馬上幫您更新所有的連結。
【報告 】

按下報告按鈕，FrontPage 會列出網站內部現況，包括：檔案個數、內外部連結個數、慢速網頁、斷裂的連結等....此功能可以方便您管理、維護您的網站。
【導覽 】

知道樹狀目錄吧?!導覽按鈕能夠讓您直接畫出樹狀結構圖，而不需要到處找紙畫了。
【超連結 】

圖形與圖形之間使用不同顏色的線條顯示網頁間的關係。另外，FrontPage 會檢查斷裂的超連結，並畫出一條斷裂的線條，方便您維護網站。
【工作 】

您的網站有很多人在維護、更新嗎？如果是的話，那這個功能對您來說實在是太好用了。它能列出您還有哪些工作尚未開始，有哪些尚未完成，或者有哪些是已經完成的....

秘訣。。

【網頁切換效果 】
1.開啟「格式」功能表選擇「網頁切換」
2.選擇事件，如「進入頁面」就是當進入頁面時執行效果
3.選擇持續時間，強烈建議維持在3秒內
4.選擇效果，可一一測試效果

【佈景主題 】

佈景主題通常在整個WEB中使用較能有效果。
使用佈景主題，整個WEB中的網頁將會有統一的格式(背景、文字顏色等)，且支援了圖片的導覽列圖片、水平線、前一頁後一頁的圖片，較為美觀。
1.開啟「格式」功能表選擇「佈景主題」
2.選擇想要的佈景主題，選擇要套用在單頁還是所有的頁面
3.佈景主題中的元素也可以修改唷!
【背景音樂 】

1.在欲加入背景音樂的網頁上按右鍵點選「網頁內容」
2.選擇「一般」標籤
3.在「背景聲音」的「位置」選項中輸入路徑或是自己按瀏覽找
4.選擇迴圈數(播放次數)不限次數就是一直播放不停止

【強化連結 】

強化連結就是當滑鼠移到有連結的文字上方時會改變超連結文字的格式以達到強化的目的(就像Yahoo!奇摩首頁的連結一樣，只要連到有連結的文字上面文字就會變成紅色的)
1.在欲加入背景音樂的網頁上按右鍵點選「網頁內容」
2.選擇「背景」標籤
3.在「格式」的「啟用超連結強化效果」中打勾
4.預設的強化格式為紅色、粗體，若想改變可以按「強化樣式」改變
5.「強化樣式」中有改變的格式設定
【動態顯示按鈕 】

動態顯示按鈕是個按鈕，他的作用在於當滑鼠移至上面時可以有效果如聲音或變換圖片或圖片效果。
1.開啟「插入」功能表選擇「元件」再選擇動態顯示按鈕
2.在出現的對話方塊中輸入按鈕文字(顯示在按鈕上的文字)、連結至(超連結到哪裡)、按鈕色彩(按鈕原先的背景色)、背景色彩(我也不知道這是幹麻的)、效果(滑鼠移至上方時的效果)、效果色彩(產生效果時的顏色)、寬度、高度
3.也可按「自訂」自訂聲音效果，或是更換圖片而不用特效。

超連結和框架

【如何連結到目標框架 】
1.首先把要做超連結的圖或文字等選起來

2.再按一下工具列上的超連結

3.接下來注意看右下角有一個目標"框架(T)"

4.按下右邊的筆的圖案，在裡頭選取或輸入您要連結到的目標框架
【用FrontPage做框架 】

1.按檔案

2.按開新檔案

3.按網頁

4.迸出的視窗裡選擇"框架頁"標籤

5.在裡頭選一個自己喜歡的框架

6.如果要插入新的或刪除框架，請選上方功能表裡的"框架"選項，在下拉選單中選"取入框架"或"刪除框架"

7.如果要變更框架頁捲軸的顯示，或寬度邊界邊框粗細等，在那個框架裡按右鍵，選"框架內容"在裡頭修改

8.如果希望那個框架一開始就顯示某張網頁，可以在框架內容上方的文字框裡修改

9.別忘了修改完要按確定喔～

更多資料在：http://dob.tnc.edu.tw/themes/old/showPage.php?s=451&t=31

※２。直接用ＨＴＭＬ碼編輯（比較難喔）

１。HTML外觀





內容



Titile讓首頁製作者以簡短的文字表達此一首頁之內容。
Title的內容會出現在瀏覽器的頂端。
若將某個首頁加入書籤，則Title內容變成該書籤名稱。

２。 背景聲音

打開你的喇叭，聽聽寧靜優雅的梵唄！
首頁中加入背景音樂的格式如下：
autostart=true loop=flase>

假如您不喜歡撥放音樂的圖形，可將width及height
都設為零，但這樣一來使用者就得到控制台去調
聲音大小了。

更多資料在：http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm

Answer 2

雅虎部落格已經停止服務,使用部落格,有需求使用網站,一個月18個名額,一年1600元作網址的費用,空間大小為200mb. 請聯絡 0939 - 001575,04-3507-9567,體驗 強大的後台系統及帳號密碼,有完整的說明文件

Answer 3

其實有素材，做網頁根本不是件難事，且也不用很久。有素材再加上熟練(常做網頁)，以及有便利的網頁製作工具(例如：Frontpage、Namo等等.....)，十張網頁大概最多兩小時就可OK！

目前我所知道普遍人最常用的網頁製作軟體：
<1>Frontpage ←Office內建軟體，不需另購，此軟體為網製人最常用之軟體。
<2>Namo ←對於製作網頁的新手，是一套超好上手的軟體。
---------------------------------------------------------------------------------
做好網頁之後，怎麼上傳？
將你所做的網頁、圖片等等...雜七雜八的東西，通通放到一個資料夾裡~

然後開啟Ftp上傳軟體(例如~cute FTP)，在上傳網址那輸入「homeftp.kimo.com.tw」
帳號打自己Yahoo的帳號~密碼則是打Yahoo的密碼

如果沒有上傳軟體怎麼辦？
告訴你~先開啟IE~之後在網址那輸入「ftp://homeftp.kimo.com.tw」
帳號打自己Yahoo的帳號~密碼也是打Yahoo的密碼
---------------------------------------------------------------------------
連進去之後~你就直接將那個資料夾上傳吧！
不過注意喔！上述方法只用於yahoo的個人網頁，如果要傳到其他的FTP~請參照各網站之說明。
※小叮嚀：Yahoo所提供的網頁空間只有１５MB喔！
---------------------------------------------------------------------------
豐富網頁的特效...我個人常用Java
http://tw.dir.yahoo.com/Computer/Internet/www/Apply_Techniques/Java/
↑去這邊找找吧！有很多喔↑

我最常去「痞子卓Java範例館」
http://xyzsga.netfirms.com/
-------------------------------------------------------------------------
如需轉貼，請著名網址及請著名「By 龍之子」

Answer 4

http://tw.login.yahoo.com/cgi-bin/login.cgi?srv=home&from=http://tw.home.yahoo.com/member/cgi-bin/fileman.z

登入後按製作網頁→網頁輕鬆做→填寫→確定～～～OK!!

上為奇摩個人網頁

2005-04-17 20:01:04 補充：
元元幹麼？

Answer 5

使用 Namo WebEditor 6

系統要求
作業系統：Windows 98、Me、NT、2000 或 XP（建議使用 Windows 2000/XP 或更新版本）
Web 瀏覽器：Microsoft Internet Explorer 4.0 或更新版本、Netscape 6.2 或更新版本（建議使用 Internet Explorer 5.5 或更新版本）
CPU： Pentium 166MHz 或更快（建議使用 Pentium 266MHz 或更快）
記憶體：64MB 或更大（建議使用 128MB 或更大）
顯示：解析度為 800x600 或更大（建議使用 1024x768 或更大），顯示器和視訊卡支援 256 色或更多
可用磁碟空間
最小安裝： 48MB
完全安裝： 135MB

Namo WebEditor 是一個視覺化或 WYSIWYG（「所見即所得」）的 Web 製作程式。 這意味著，使用 Namo WebEditor 建立或編輯網頁時在螢幕上看到的就是將來在 Web 瀏覽器中開啟的網頁。 Namo WebEditor 6 的以下功能讓您的文件編輯工作較以往更為輕鬆：

您可以將文件視窗分割為 [編輯] 與 HTML 窗格，在視覺化與原始檔編輯之間來回移動更方便。 使用 [格式化] 面板可快速套用標題層級或自訂樣式至文字內容。 新的捷徑列讓您按一下即可使用某些常用指令來執行某些工作，例如發佈網站或插入 Script 精靈效果。 當您處於 [編輯] 模式下時，標記選擇器出現在較低的面板區域，顯示目前元素的 HTML 標記及其源標記。 檢查員現在能比舊版 Namo WebEditor 顯示更多元素類型的內容。 Namo WebEditor 6 支援在 [編輯] 模式下建立內嵌頁框 (iframe)。 Namo WebEditor 6 支援在 [編輯] 模式下插入浮動方塊。 您可以用「智慧美圖案編輯器」編輯智慧按鈕，「智慧美圖案編輯器」是一款精心調整為在主要應用程式中編輯智慧美工圖案的專業版 WebCanvas。 調色板現在可以顯示最近用過的色彩，並且有一個可用於選擇各種色彩板（包括自訂色彩集）的功能表。 您現在可為文件指定自訂捲軸色彩。 您現在可以在 [編輯] 模式下直接指定類別或 ID 給多種元素類型，包括段落、其他區塊元素、影像、表格儲存格、圖層等。 這使在 [編輯] 模式下使用 CSS 樣式更為方便。 「媒體精靈」可讓您更為輕鬆地在頁面中新增視訊與音訊物件。 您現在最多可指定五種 Web 瀏覽器來預覽文件。


網站管理

Namo WebEditor 含有多種功能強大的網站維護工具。

使用的新的 [尋找檔案] 指令可以在符合指定檔名模式的本地網站或資料夾中尋找檔案。 現在可以將本地網站儲存為供網站精靈使用的範本。 當您將網站儲存為範本時，Namo WebEditor 會保持它的每個元素。 預設情況下，網站管理員的網站樹檢視現在使用大文件圖示顯示檔名與導覽名稱。 資源管理員中新增的指令按鈕讓您只需一個步驟便可壓縮並郵出整個資料夾中的資源。 在原始檔控制方面，除了 Microsoft SourceSafe 之外，Namo WebEditor 6 現在亦支援 Web 分散控制及出版 (Web Distributed Authoring and Versioning, WebDAV)。 新的 [網站庫] 面板相當於一個包含目前網站使用的所有資源檔案、文件與超連結的庫。


發佈

Namo WebEditor 的改進功能可讓您開啟 Web 伺服器上的文件，進行編輯，然後又將其直接儲存到伺服器上，而無需手動下載和上傳文件。

新的 [快速發佈] 指令只需要按一下便可立即將選取的檔案上傳到 Web 伺服器。 新指令可以直接從 Web 伺服器開啟文件及儲存文件到伺服器，而無需透過 [發佈] 視窗下載或上傳。 如果 Web 伺服器在本機電腦或區域網路的伺服器上執行，現在便可將本地或網路資料夾指定為遠端網站，直接透過檔案複製而非 FTP 進行發佈。


進階功能

Namo WebEditor 新增了專供經驗豐富的 Web 製作人員使用的功能。

在其原始檔中編輯共用區塊時，只需按一下就可更新它在其他文件中的每個副本。 Namo WebEditor 6 支援在 [編輯] 模式下插入 Server-Side Include (SSI) 指令。 Namo WebEditor 6 包含便利的線上 HTML/CSS 參考。 Namo WebEditor 6 現在可以按照 XHTML 標準驗證文件的原始檔代碼，檢查其是否與通用瀏覽器的多個不同版本相容
給我e-mail我寄給你
分批寄
收一批要回信

Answer 6

........