如何製作網頁

⑴ 如何製作網頁

PS 或者FW FL DW 這是必備的軟體，各人有各人習慣以上軟體，只是從功能上做個代表，如果個人習慣別的軟體也可以用別的.
除了DW 其他的只要略微掌握一些即可（美工除外），dw 不是很復雜的東西 所以學起來基本沒有難度，主要是熟練，後期做網頁高手甚至都不用DW。
html 語言
css樣式
javascript腳本語言
PHP或者ASP 或者ASP.NET，這3種目前最常見的，asp學的快有利於速成，但是ASP已經是過時的東西了，asp.net和asp完全不是一種東西不要看名字差不多，其中一種一定要掌握。
還有資料庫，我就不詳細說了 如果你之前的都整明白的話資料庫怎麼回事就不用說了

這是一個完整站點所需要的東西，當然現在出了一個貌似模板管理系統，這個不用學那麼多隻要在這個系統內設置一下就OK了 不過我沒有接觸過 只是聽人說過，完事都不是絕對 的如果你只是想做個簡單的靜態網站 PHP 那塊往下的你根本不用學，前面的只要會套用即可，如果你要做非常復雜的 東西 這上面的大多東西都的掌握的差不多才行 。

⑵ 如何自己製作網站

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

⑶ 怎樣製作網頁

一、菜鳥級網頁製作軟體

如果你是一個網頁製作初學者，那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧！

①Microsoft FrontPage

如果你曾對Word很熟悉，那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁，你能真正體會到「功能強大，簡單易用」的含義。頁面製作由FrontPage中的Editor完成，其工作窗口由3個標簽頁組成，分別是「所見即所得」的編輯頁，HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。

FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時，不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作，又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。

②Netscape編輯器

Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網，使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網頁時，單擊編輯按鈕，Netscape就會把網頁存儲在硬碟中，然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復雜的網頁設計就顯得功能有限了，它連表單創建、多框架創建都不支持。

Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。

③Adobe Pagemill

Pagemill功能不算強大，但使用起來很方便，適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那麼Adobe Pagemill的確是你的首選。

Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到裡面，需要時再打開，很方便。

④Claris Home Page

如果使用Claris Home Page軟體，你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker資料庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙，對Image Map圖像的處理也不完全。

二、中級網頁製作軟體

如果你對網頁設計已經有了一定的基礎，對HTML語言又有一定的了解，那麼你可以選擇下面的幾種軟體來設計你的網頁，他們一定會為你的網頁添色不少。

①DreamWeaver

自製動態HTML動畫的網頁

DreamWeaver是一個很酷的網頁設計軟體，它包括可視化編輯、HTML代碼編輯的軟體包，並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾製作動態的HTML動畫，支持動態HTML(Dynamic HTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。

DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。這樣，專業設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。

②Fireworks

第一款徹底為Web製作者們設計的軟體

Fireworks的來頭實在不小，它的出現使Web作圖發生了革命性的變化。Fireworks是專為網路圖像設計而開發，內建豐富的支持網路出版功能，比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系，可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片！

③Flash

讓你的網頁動起來

Flash是用在互聯網上動態的、可互動的shockwave。它的優點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫，還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程，但用其內置的語句並結合JavaScripe，您也可做出互動性很強的主頁來。有人曾經說過：下個世紀的網路設計人不會用FLASH，必將被淘汰出局！我相信這句話沒錯！

④HotDog Professional

製作要加入多種復雜技術的網頁

HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。這點非常難得，因為即使首創這種標簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。

HotDog是個功能強大的軟體，對於那些希望在網頁中加入CSS、Java、RealVideo等復雜技術的高級設計者，是個很好的選擇。

⑤HomeSite

製作可完全控制頁面進程的網頁

Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，並且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據習慣，可以將其設置成像Notepad那樣簡單的編輯窗口，也可以在復雜的界面下工作。

HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你製作的頁面的進程，HomeSite是你最佳選擇。不過對於生手過於復雜。

⑥HotMetal Pro

製作具有強大數據嵌入能力的網頁

HotMetal既提供「所見即所得」圖形製作方式，又提供代碼編輯方式，是個令各層次設計者都不至於失望的軟體。但是初學者需要熟知HTML，才能得心應手地使用這個軟體。HotMetal具有強大的數據嵌入能力，利用它的數據插入向導，可以把外部的Access、Word、Excel以及其他ODBC數據提出來，放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式，是不是很棒?此外它還能轉換很多老格式的文檔(如WordStar等)，並能在轉換過程中把這些文檔里的圖片自動轉換為GIF格式。

HotMetal為用戶提供了「太多」的工具，而且它還可以用網狀圖或樹狀圖表現整個站點文檔的鏈接狀況。

三、高級網頁製作軟體

①Microsoft Visual Studio

該系列的版本有：2003、2005、2008和未來的版本；

適合開發動態的aspx網頁，同時，還能製作無刷新網站、webservice功能等，僅適合高級用戶。

②Jbuilder

不論是各種版本，均適合使用其開發出JSP網頁，僅適合高級用戶。

③記事本

別以為記事本功能非常少，軟體很簡單；但是，如何想使用它來製作網頁，也僅適合高級用戶；因為在其內容，沒有任何可視化的操作可直接製作網頁，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態腳本，方能製作出網頁來。

⑷ 如何製作HTML頁面

1、首先我們需要在桌面上，新建一張記事本

⑸ 怎麼製作網頁呢

Web前端開發技術主要包括三個要素：HTML、CSS和JavaScript！

它要求前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和伺服器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。

那麼我們應該怎麼學習web前端開發這門技術呢 ？

現在很多小夥伴喜歡在互聯網上找視頻資料學習網頁製作，但是光看視頻你是不可能學會網頁製作的，沒有人指導你，而且很多視頻已經過時了 ，並沒有什麼用! 如果你真的想學習網頁製作這門技術，你可以來這個裙，前面是六 五 七，中間是I 三 柒，最後是9 0 6！ 在這里有最新的HTML課程 免費學習 也有很多人指導你進步，不需要你付出什麼，只要你是真心想學習的，隨便看看的就不要加了，加了也是浪費大家的時間 。

⑹ 怎麼製作自己的網頁

初級前端

主要學習三個部分：HTML，CSS，JavaScript

到招聘網站，參考任聘要求，准沒錯，舉例如下：

1.精通html和css，能製作符合W3C標準的靜態頁面；
2.精通JavaScript編程，對面向對象編程思想有深刻理解；
3.精通主流Javascript庫/框架jQuery；
4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗；
5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；
6.了解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗；
7.了解http://asp.net等伺服器後台技術和擁有一定的C#編程能力者優先；
8.對交互體驗、可用性、用戶體驗有一定程度的理解；
9.有良好的責任心和團隊合作能力、能承受較大的壓力；

自己動手搜索下吧，確定目標和方向，以上是個人路線，僅供參考。

⑺ 怎麼能夠製作一個自己的網頁

用FrontPage2002來做吧，你點點下面的連接： http://www.zjou.e.cn/te/FrontPage/index.html

具體是：
Web頁面可用預定義模板來創建，也可不採用模板而在空白頁上自己進行設計。創建新頁面的步驟如下：
在網頁視圖下，選擇「文件」菜單中的「新建」命令，再從其子菜單中選擇「網頁」命令，將彈出「新建」對話框，如圖所示。

若用戶要新建的網頁是框架，則從「框架網頁」選項卡中選擇某種框架樣式；否則，從「常規」選項卡中選擇一種所需樣式，然後單擊「確定」按鈕。若想建立一空白網頁，可在對話框的「常規」選項卡中選擇Normal Page項，或直接單擊常用工具欄的「新建網頁」按鈕。
建議逐一試用FrontPage提供的各種模板以便熟悉它們，日後你就可以自如地利用模板創建常規Web頁面，能夠節省許多時間。
1．在網頁中插入圖形
圖片往往比大量的文字講述更具吸引力和說服力，在web頁面中適當地添加圖片會使網頁豐富多彩，但過多地加入圖片將降低頁面的下載速度，特別是對通過數據機訪問web頁的用戶。大多數圖形都是採用壓縮格式，有的數據機不具有壓縮功能，這種數據機速度更慢。因此用戶在加入圖片時，應認真選擇和進行規劃。雖然圖形可使web頁更有趣味，但應適度使用（使用較少顏色，縮小高度和寬度或裁剪圖形、降低圖形的解析度，盡可能地減少圖形文件大小，如用壓縮格式的文件類型）。
Web頁面所使用的兩種圖片格式分別為GIF和JPEG，用戶可選擇「插入」菜單中的「圖片」命令，再從其子菜單中選擇「來自文件」命令，打開「圖片」對話框，「圖片」對話框提供了「掃描」、「使用您的web例覽器來選擇網頁或文件」、「剪貼畫」和「在您的計算機上選擇一個文件」四種途徑插入圖片。
對於一些非GIF和JPEC格式的圖片，FrontPage可以自動地將這些文件轉換成GIF或JPEG格式。

2．在網頁中插入水平線

水平線可以在網頁上清晰地劃分界限，而且對用戶網頁的布局起著重要的作用。添加一條水平線，可以通過「插入」菜單中選擇「水平線」命令添加。在默認狀態下水平線是灰色的，用戶可以像改變文本顏色一樣改變水平線的顏色。改變水平線的顏色有兩種方法（必須在不加主題的情況下）：
（1）雙擊該水平線，將顯示「水平線屬性」對話框。在對話框的「顏色」項，選擇下拉列表，從中選擇合適的顏色，單擊「確定」按鈕。
（2）用滑鼠右鍵單擊這條水平線，從快捷菜單中選擇「水平線屬性」命令，再從對話框中選擇一個合適的顏色。
使用框架
--------------------------------------------------------------------------------

框架是把Web瀏覽器的視窗分成幾個部分，每個部分都是獨立的Web頁面，這樣便可同時顯示多個頁面。
可以很容易地用FrontPage創建一個多框架的web頁面。為了創建具有框架的Web頁面，可從「文件」菜單的「新建」子菜單中選擇「網頁」命令，彈出「新建」對話框，選擇「框架網頁」選項卡。
在左邊的列表中可選擇不同類型的框架模板，選定模板後，按「確定」按鈕即可創建一個具有框架的網頁。
在創建有框架的Web頁面時，應注意有些web瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶已很少，為確保這些用戶仍然能夠瀏覽到Web站點上的內容，可以填上要告訴那些低版本瀏覽器的使用者的話，例如請對方更換瀏覽器等。
在新建的框架的窗口中，單擊「設置初始頁」按鈕將會彈出「創建超鏈接」對話框，可以鏈接到一個指定頁面；單擊「新建網頁」按鈕將創建一個新頁面，然後在該頁面內對該頁進行編輯。在編輯頁面時，若感覺頁面被放在一個狹窄的框架中太擁擠，可選擇「框架」菜單中的「在新窗口中打開網頁」命令，這樣便打開一個新的滿屏窗口，可以自由地在頁面中增加內容。
利用FrontPage的框架頁面模板在Web頁面上引入了框架布局，我們還可以在此基礎上，根據需要進行進一步的設計。
1、增加新框架

要給框架頁面增加新框架，就是像拆分表格的單元格一樣，把一個框架分為兩個框架。 其操作如下：
（1）按住Ctrl鍵，將滑鼠放在框架邊框上，當滑鼠變為上下箭頭時，可把邊框拖到一個新位置，當松開滑鼠按鈕時，一個新的空白內容的框架就形成了。
（2）也可以通過命令來操作：首先單擊要拆分的框架內部，選「框架」菜單中的「拆分框架」命令，在彈出的「拆分框架」對話框中單擊「拆分成列」或「拆分成行」單選按鈕，單擊「確定」按鈕即可。

2．刪除框架

若框架頁面看起來太亂，可刪除某些框架。要刪除一個框架，可先單擊該框架選擇它，再選擇「框架」菜單中的「刪除框架」命令即可。

3．改變框架屬性

在設置好框架的整體布局後，我們還可以對每一框架的具體屬性進行設置，操作如下：
（1）單擊需設置屬性的框架，選擇「框架」菜單中的「框架屬性」，則彈出「框架屬性」對活框。

（2）在對話框的「名稱」文本框中可輸入框架名，這樣便於識別不同的框架；在「選項」區域中，若選中「在例覽器中可以調大小」復選框，則客戶在瀏覽站點時，可重新定義框架尺寸，通過在「顯示滾動條」下拉列表框中選擇不同的描述項，可設置讓滾動條是否出現。
（3）在「框架大小」區域中，可設置框架大小，可以定義一個絕對像素值或相對於瀏覽器窗口的百分比，若要用瀏覽器來設置相對於該頁面中框架的尺寸，可選「相對」；在「邊距」區域中，可設置內容頁面與框架邊框分隔的像素數值。
（4）要改變開始頁面，可以在「初始網頁」文本框中輸入一個新的頁面名字或URL。
（5）單擊「框架網頁」按鈕，則彈出「網頁屬性」對話框。
（6）在該對話框的「框架」選項卡中，在「框架間距」文本框中，可輸入以像素為單位的邊框寬度；若要使框架邊框消失，則不要選中「顯示邊框」復選框。
（7）單擊「確定」按鈕，關閉「網頁屬性」對話框，再單擊「確定」按鈕，關閉「框架屬件」對話框，完成框架屬性設置。
動態網頁

--------------------------------------------------------------------------------

DHTML是動態網頁的意思，它其實並不是一個標準的術語。事實上沒有一種技術叫作DHTML。DHTML是利用CSS(層疊樣式表)，JavaScript，HTML等技術而建立的能與訪問者產生互動的網頁。比如在動態網頁里，當訪問者單擊了某一張圖片後，這張圖片會自動的移動，這就是DHTML效果。也就是說，當網頁下載完畢後，它無需再與伺服器連接就能產生變化了。FrontPage2000提供了一套容易製作動態網頁的方法，你可以建立起屬於自己特色的動態網頁。

1、使用DHTML的基本步驟

1).在頁面點選需要使用DHTML的對象，比如文本，圖片。對於文本需要拖曳滑鼠選定；

2).在DHTML工具欄，選擇通過開啟的下拉列表選擇一種事件，文本和圖片所具有的事件是不同的；接下來再應用下拉列表選擇一種效果；最後選擇該效果的的實現方法；

3).當你為對象使用了DHTML後，保存該頁面並預覽，你會發現你選定的對象按照你設置的DHTML的效果出現；

4).如果想刪除某一個對象的DHTML效果，先選定該對象，然後單擊DHTML工具欄上的刪除效果圖標即可。

2、DHTML的事件

在DHTML製作中，我們聽得最多的是「事件」這個術語。什麼是「事件」呢，顧名思義，就是發生的一件事情，比如你用手打開門，那麼這就是一個事件。換到網頁製作中，開門變成了單擊，也就是說，訪問者單擊了一個鏈接，那麼出現了事件的結果，門被打開了。

在FrontPage2000中，當我們打開DHTML效果工具欄後，點選文本或者圖片會產生不同事件。但它們的施用方法是一樣的，下面我們以文本舉例：

我們先在編輯器里輸入一段文本，比如：網頁陶吧，然後繼續下面的三個步驟：

選定一段需要產生DHTML效果的文本，這里是：網頁陶吧。從DHTML效果工具欄的開啟下拉列表選擇一個事件。這里對於文本我們只有「網頁載入」這個事件。「網頁載入」就是當網頁第一次裝入的時侯發生的事件，它不需要用戶利用滑鼠去觸發它，而只需要訪問者利用瀏覽器打開它的時侯就會產生預設的動態效果。

選擇好事件後，我們要在應用下拉列表裡選擇一個該事件的應用效果。在該列表下有七種可以採用的效果，我們選擇飛入。

對於應用效果會有不同的方法產生。比如當你選擇的應用效果是「飛入」的時侯，文本可以從底部飛入，可以從左邊飛入，也可以從右邊飛入，這些就是方法。在這個下拉列表裡並沒有註明這個術語。有的應用效果是沒有方法的，比如波動。我們這里選擇從底部飛入。

最後保存該頁面並預覽，你會發現網頁陶吧這個四個字在網頁第一次載入後從底部飛入。當然，你也可以嘗試其它DHTML效果。對於選定圖片，你會在DHTML效果工具欄的開啟下拉列表看到新的事件，單擊和滑鼠懸停，它們會有各自的應用效果和實現方法。你可以每一個嘗試一下，這樣你就能明白這些事件和應用效果和方法之間的關系。

3、DHTML的小技巧

DHTML兼容性

利用FrontPage2000製作的DHTML網頁只能被InternetExplorer4.0或以上版本完全正常瀏覽。對於圖片的DHTML效果，Netscape Communicator 4.0或以上版本也可以瀏覽。

禁止DHTML

如果想禁用DHTML效果，點選菜單工具/網頁選項，在打開的對話框里選擇兼容性標簽，取消動態HTML前的復選框里勾，這樣DHTM效果被禁用。

快速使用DHTML

一般情況，在你沒有選定某一個對象的情況下，你只需要把滑鼠移動到對象的左邊或者右邊單擊一下就可以使用DHTML效果了。

4、網頁過渡

網頁過渡是指當你進入或者離開一個網頁的時侯所產生的效果的這個過程。比如你從某一頁進入另一頁，你會發現當前頁慢慢向中間合攏，同時出現了另一個新的頁面，直到當前頁合攏消失而最後出現新的頁面。如果你想使用網頁過渡，可以按照以下步驟：

1).打開想使用過渡效果的頁面，或者新建立一個頁面。點選菜單格式/網頁過渡，打開網頁過渡對話框；

2).在事件下拉列表裡選擇一個事件，我們選擇進入網頁。大家要注意，當你為某頁和站點都設置了過渡效果時，網頁將比站點過渡效果優先；

3).在周期文本框里輸入持續的時間，然後在過渡效果列表框里點選一個效果，單擊確定。利用瀏覽器打開該頁面，因為我們選擇的網頁過渡是進入網頁，所以當你打開該頁時你就能看到過渡效果了。

利用DHTML效果的確是吸引訪問者的有力利器，但如果你不願意和復雜的代碼打交道，那麼FrontPage2000為你預設了許多DHTML的效果。你要做的僅僅是選定需要動態效果的對象，比如文字，圖片，然後利用「傻瓜」式的操作就可以讓你的網頁動起來。
Web頁有自己的一組屬性，通過選擇「文件」菜單中的「屬性」或通過滑鼠右鍵單擊頁內任何位置，選擇快捷菜單中的「網頁屬性」命令，可以打開「網頁屬性」對話框，在「常規」選項卡中，各項設置含義如下：

·位置：指出頁的完整URL。

·標題：顯示的頁標題，即在HIML中顯示在<head>元素中的<tit1e>標簽內。

·基位置：在此位置可輸入一個URL，可將這頁中使用的相對URL的超鏈接總指向同一正確的目標，通過對一個URL的說明，可以在不移動相對URL中所有目標的情況下，移動這個頁。

·默認的目標框架：定義不規定框架的頁中所有超鏈接的默認框架。

·背景音樂：加入背景音樂，當瀏覽器打開該頁時，會同時播放音樂。

在其它選項卡中還可對頁邊距、語言等系統參數進行設置。
建立超鏈接

--------------------------------------------------------------------------------

超鏈接（HyperLink）的出現使網上瀏覽變得更加便捷，只須用滑鼠輕輕點擊，便能輕松地從一個頁面跳轉到另一個頁面，從一個Web站點跳到另一個Web站點，從一個國家跳到另一個國家。超鏈接就是一些特殊的文本或圖像，是其它頁面的入口。
1．與當前web站點的頁面建立超鏈接
（1）在FrontPage中打開要建立超鏈接的頁面（若是新建頁面，則要肯定該頁面己被保存），選中超鏈接源，超鏈接源可以是一個字元、一個單詞、一句話或一幅圖片等。
（2）選擇「插入」菜單中的「超鏈接」命令，或單擊「常用」工具欄的「超鏈接」按鈕，則彈出「創建超鏈接」對話框（如圖），在該對話框中列出了當前FrontPage中打開的Web站點中的文件夾和文件。

（3）在該對話框的文件列表中，選擇要建立鏈接的目標文件。
（4）單擊「確定」按鈕，超鏈接建成。

2．與本機中的其它文件建立超鍵接
（1）選擇超鏈接源，打開「創建超鏈接」對話框。
（2）在該對話框中單擊「製作一個鏈接到您計算機上文件的超鏈接」按鈕，然後從彈出的對話框中找到自己所要鏈接的文件，選中它。
（3）單擊「確定」按鈕，超鏈接建成。

3．與world wide web上某一站點建立超鏈接
（1）在FrontPage中打開欲建超鏈接的頁面，選定超鏈接源。
（2）選「插入」菜單中的「超鏈接」或單擊常用工具欄的「超鏈接」按鈕，彈出「創建超鏈接」對話框。
（3）在「URL」文本框中，輸入超鏈接目標的URL。
（4）單擊「確定」按鈕。
格式化文本

--------------------------------------------------------------------------------

1．輸入文本
從總體而言，文本仍是網頁中的主體內容，在FrontPage中輸入文本與在Word中輸入文本非常類似。
(1).需要加入空行或換段時才使用Enter鍵，當輸入文本達到所定義的右邊界時，將自動換行。若錄入文字有錯可按Backspace鍵清除錯誤，重新錄入。
(2).可在文本中任意位置處插入新文本內容，操作時把滑鼠指針定位到欲加文本處即可添加文本。
(3).可進行覆蓋式錄入，即先用滑鼠選中要替換的文本，然後直接錄入文本。
(4).可通過單擊常用工具欄的「顯示所有」按鈕，讓段落標記在屏幕上顯示或隱藏，藉助段落標記可清楚地看到段與段之間的空行。

2．文本的選擇

(1).選擇一個單詞或多個單詞：選擇一個單詞只需在該單詞上雙擊滑鼠即可，按住滑鼠左鍵在要選單詞上拖動即可選擇多個單詞。選擇字與選擇多個單詞的方法相同。
(2).選擇一行文字：一行文字就是在屏幕上占據一行空間的文本。將滑鼠箭頭移到行的最左邊，當游標箭頭變為指向左邊時，單擊滑鼠左鍵，便可選擇該行。
(3).選擇一個段落：將滑鼠箭頭移到該段落的最左邊，當游標箭頭變為指向左邊時，雙擊滑鼠左鍵，或按下ALT鍵，再用滑鼠單擊想要選擇的段落，即可選擇該段落。

3．刪除、拷貝和移動文本或圖片

(1).刪除：刪除插入點左側的一個字元，按Backspace鍵；刪除插入點右側的一個字元，按Delete鍵；刪除插入點右側的一個單詞，按Ctrl＋De1ete鍵；剪切所選內容並保行到「剪貼板」，按Ctrl＋X鍵；刪除所選內容按De1e1e鍵或選擇「編輯」菜單中的「刪除」命令。
(2).拷貝：拷貝所選文本或圖形到剪貼板，方法是：選中文本或圖形，然後按Ctrl+C鍵或從菜單上選擇「編輯」菜單中的「復制」菜單命令，也可直接單擊工具欄中的「復制」按鈕。
(3).移動文本或圖片：選擇想要移動的文本或圖片，再拖曳到要插入的位置，釋放滑鼠，所選對象就移到目的地。如果先將選擇的文本或圖片「剪切」，然後再「粘貼」到指定區域，也可將其移動。
(4).通過「撤銷」取消誤操作：如果用戶在不小心的情況下錯誤地執行操作，單擊工具欄上的「撤銷」命令按鈕，可以取消用戶執行過的操作，或從菜單欄選擇「編輯」菜單中的「撤銷」菜單命令，或按Cir1＋Z鍵。

4．加入標題

出於頁面內容層次的需要，有時在頁面中要加入一些小標題。 HTML語言規范採用6級標題，各級標題採用文字不同字型大小來區分，其中標題1為大標題，其它依次為中小標題。要設定某一級標題，可以在FrontPage格式工具欄中的「樣式」下拉列表中選中一個標題等級，然後在游標處輸入標題文字即可；或者先輸入文字，並選定該文字，然後在「樣式」下拉列表中選定某一級標題。標題結束後，將下拉列表中的格式改回原來的「普通」，再進行其它內容的輸入。

5．改變字體及設置字體效果
FrontPage在通常情況下，字體為「Times New Roman」。若用戶的操作系統是中文Windows95／98或Windows NT，中文默認字體為「宋體」，文字大小採用默認的字型大小。若要設定不同的字體，可先選擇要改變的文字，然後在格式工具欄里的「字體」下拉菜單中選擇一種字體，或從菜單欄選擇「格式」菜單中的「字體」菜單命令，通過「字體」對話框來設置，並可設定字體樣式、大小等。當字體改變後，形式將一直保持，直到用戶又重新設置新的字體為止。
(1).設置字體顏色：選中文字，單擊格式工具欄上的「文本顏色」按鈕的下拉箭頭，就會彈出其下拉列表，在「標准顏色」中選擇所需顏色；若沒有，可選擇「更多的顏色」命令，然後從彈出的對話框中選擇。
(2).設置字體樣式：要對需要的文字進行粗體、斜體和下劃線處理，只要選擇要處理的文字，從格式工具欄上單擊「加粗」、「斜體」或「下劃線」按鈕即可。想解除此效果，可以選中文字，再次按相應的按鈕就可以解除效果，恢復到正常字體。在製作網頁時，一般不採用「下劃線」效果，因為下劃線在一些網頁中都表示有超鏈接。
(3).字體加線效果：共有兩種:「下劃線」可以在選中的文字下面劃一條線；「刪除線」在文字中間貫穿劃一條線。
(4).特殊的文字風格：當選中的文字需要使用某些特殊風格，如「閃爍」風格，可通過選擇「字體」對話框中「字體」選項卡（如圖）的「效果」區域的所需選項，但有的文字特殊效果只有在瀏覽器中才能體現出來。

6．文本的縮進
文本的縮進就是使文本左邊、右邊顯示空白，這種效果有利於對關鍵段落加強說明。要對一個已有的段落運用縮進的方式，首先選中段落，然後在格式工具欄上單擊「增加縮進」按鈕，段落左邊和右邊分別縮進一段距離，連續按「增加縮進」按鈕，縮進將進一步加大。這種在文字兩邊同時縮進的方式也稱之為雙向縮進。若縮進的空間太大，可以通過單擊「減少縮進」按鈕來減少縮進的空間。

7．文本對齊方式
若輸入的文字是從該頁的左邊距開始，並逐漸向右延伸，且到了行滿以後又折回下行左邊（左邊距處）重新開始，這就是左對齊。有些文字需要居中方式，比如標題之類的文字；而有些文字需要放到右邊，這些可通過格式工具欄上的「向左對齊」、「居中」和「向右對齊」按鈕來實現：，不同的對齊方式可以使文本呈現不同的顯示樣式，而且可以清楚地表明用戶想要說明的問題，使網頁整體保持協調。 要設定文本的居中、左齊或右齊方式，須先選擇好要設置的文本，再單擊相應按鈕即可。如果用戶想回到原始狀態的對齊的方式，應先選定該文本，再單擊格式工具欄上相應的對齊按鈕。

8、加入項目符號或列表編號

有一些列表前面有加圓點的符號，說明一條條的列表內容，這在專業排版中稱為項目符號，在Web頁面中加入項目符號或列表編號可使內容有條理、更清楚，可以通過列表把大量內容簡要地描述出來，便於讀者抓住重點。還有另外一種形式即列表編號，可以用來描述一個問題的處理步驟和順序，這兩種處理形式在FrontPage中運用起來很方便。
加入項目符號或列表編號與在Word中的操作很類似。先選定文本，用戶可以在格式工具欄按相應的按鈕，或選「格式」菜單中的「項目符號和編號方式」命令，打開項目符號和編號方式對話框（如圖），從中選定不同格式的列表項目。

在FrontPage中新建的兩個文本行之間都有一個空行，如果用戶在輸入或添加項目時不想每兩行之間都出現一個空行，可以在格式工具欄上單擊「項目符號」或「編號方式」按鈕。該按鈕為下凹狀後同時出現第一個項目符號，輸入需要的文字後，按「回車」鍵，然後在自動出現的下一個項目符號後繼續輸入。
FrontPage還可以通過提供列表編號或項目符號的方式對列表項進行排列。操作方法與上一段所述相同。
如果在所有項目輸入完畢後，以下的內容不再希望添加編號或項目符號，可兩次回車，則停止編號或停止添加項目符號。若想改變編號的形式或不想從1開始，可通過在列表符號上單擊滑鼠右鍵，在彈出的快捷菜單上選擇「列表屬性」命令，在彈出的「列表屬性」對話框中選擇「號碼」選項卡，選擇所需的編號風格，再在右邊的「初始號碼」微調器中調整起始編號，在調好之後單擊「確定」按鈕即可。
參考資料：http://www.zjou.e.cn

⑻ 怎麼製作網頁

網頁三劍客，dreamweaver網頁排版，flash網頁動畫，fireworks網頁圖片處理與圖片優化。Photoshop圖片處理。 或者：
簡單的方法，新建一TXT文本文檔，保存後綴名為HTML，用記事本打開，然後排版：
<html>
<head>(頭部標簽)
<title>頁面標題</title>
</head>（頭部結束標簽）
<body>（主體標簽）
<table>(表格)
<tr>（行）
<td>（單元格）
此中間可以用來顯示網頁的內容，並且定義寬度跟高度，以達到自己想要的顯示效果。
</td>（單元格結束）
</tr>（行結束）
</table>（表格結束）
</body>（主體結束標簽）
</html>

⑼ 怎麼製作網頁

下文為兩篇網路資源，我提供與您，供享！！！

先從最簡單的 HTML 網頁入手；選擇 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗稱三劍客網頁工具。圖象還須 Photoshop 等作為你的網頁製作工具；製作前，粗略地閱讀 Dreamweaver Fireworks 及 Photoshop 教程，了解這幾個軟體到底能做些什麼；製作你的第一個實驗性的網站， 遇到困難，可買本《新編網頁製作》的書，找最新版本的，新華書店就有。資料網上也有的是，如果遇到問題難以解決，請將問題提出，讓更多高手為你解答； 初級階段：應初步掌握 三劍客網頁工具的基本操作：策劃和製作你的第一個網站；不斷為你的網站增加內容與功能（例如嘗試將一些 Java Script 小程序添加到你的網頁中。 進階階段：具有一定的網頁製作經驗，製作一般的網頁已經不在話下：根據個人喜好及實際需要，網頁製作的方向，你可以學習一些美術方面的知識；鍛煉自己在網站策劃及信息采輯的技能；嘗試製作其他不同類型的網站，從模仿別人開始，逐漸形成自己的設計風格；熟練操作 三劍客網頁工具，並至少能讀懂 HTML 及 JavaScript的簡單語言。 好了！這樣，你的網頁製作水平就離高手就不遠了。 祝你成功！

另外還有
（一）主頁的製作：
1、首先進入需要製作網頁後，密碼進入點擊製作網頁；
2、進入在線編輯；
3、起動瀏覽器；
4、進入其他人網頁主頁；
5、點擊其他人網頁內容；
6、點擊右鍵出復制；
7、內容編輯（下面）；
8、點擊左鍵粘貼；
9、修改不合適內容；
10、選顏色；
11、輸入文件名；index
12、點擊完成；
（二）怎樣進行超級連接？
一、相對連接：（內部連接）
第一步：先進入進入成員專區，打開網頁製作系統；
第二步：如果是連接你本網頁著作系統已上傳的文件，首先打開需要被連接的文件，點地址欄，變為蘭色，再點右鍵點復制；
第三步：進入第一頁（主頁）改內容，找到原先設定的目錄選中此目標；
第四步：點插入連接，出現對話框，點右鍵點粘貼，再點OK
第五步：選中背景顏色，點擊完成即可。

二、絕對連接：（外部連接）
其他文件（本硬碟已存或別人網站等）怎樣進行超級連接？
其他步驟基本相同唯一不同的是：首先選中你所存硬碟或別人網站地址欄內的目錄。
（三）怎樣把照片搬到自己的網頁上
一、上傳 選擇法：
1、先把要般的相片存在軟盤上，（非中文文件名）
2、上傳到40兆空間
3、打開網頁製作改內容，
4、指定放相片的位置，
5、按插入相片按鈕，點「選擇」;
6、選背景顏色，按完成。
二、復制 粘貼法：
1、選擇相片右鍵點「復制」，
2、進入網頁改內容指定位置，
3、點擊「粘貼」即可。
動畫的提取大體與上相同。

一. 網頁設計軟體的選擇

設計主頁首先要選擇合適的工具軟體，現在比較流行的網頁製作軟體是 FrontPage 和 DreamWave。他們各有優缺點，FrontPage 是微軟出品的網頁編輯軟體，也是 Office 系列軟體的組成部分。最新的 FrontPage2000中文版 在 Office2000 的軟體包中可以找到。如果對 Office 有一定的基礎，會用 Word 的人，很開就可以學會使用 FrontPage ，它的最大優點之一就是易學易用。另外 FrontPage 製作的網頁在 IE 瀏覽器中的效果也特別好。但是，如果你希望網頁在 Netscape 或其他瀏覽器上有良好表現，那麼使用 FrontPage 就有些麻煩。不是說不可以，只是很容易出錯。在這方面 DreamWave 就好很多，畢竟是第三方的軟體。DreamWave是由 MacroMedia 公司出品的網頁製作軟體，最新版本是3.0，功能也同樣很強大。不過學習起來要難一些，而且 IE 瀏覽器的一些高級功能就無法實現了。各有所長，只有自己權衡了。另外不要將兩個編輯軟體交替使用，否則會出現混亂。

二. 網路服務商的選擇

現在提供免費主頁空間的網站非常多，當然也有收費的。選擇什麼好呢？千萬不要認為什麼「無限主頁空間」就是最好。這里的講究非常多的。首先要明確服務商提供的是什麼操作系統的伺服器，如果你使用 FrontPage 編寫主頁，最好選擇 Windows NT 伺服器，這樣效果最好。另外還有 Linux 和 Unix 的伺服器也很多見，用這些伺服器的話要注意一個問題，就是文件名的大小寫一定要清楚。一般的 Windows 用戶會覺得這不是問題，因為微軟的習慣，文件名大小寫是不區分的。但是 Linux 和 Unix 不是這樣，比如你有一個 top.jpg 的圖片上傳，然後在 HTML 超連接寫成了 top.JPG，擴展名寫成大寫了。在本地看這個 HTML 文件很正常，圖片顯示正確。但等你上傳到伺服器上，你會發現根本無法顯示文件。解決這個問題的最簡單辦法是所有的文件名和擴展名都用小寫英文字母，而且不要用長文件名。當然，如果是 Windows NT 伺服器，就不用擔心這個問題。
如果只是做簡單的主頁，那隻需要得到相應的主頁空間就可以了。但如果做高級一些到主頁，就牽涉到一些網路程序的執行，這就需要 CGI 許可權甚至資料庫許可權。一般的網路伺服器上是不會免費提供這些功能的，而且收費往往不低。對於一般的個人主頁完全沒必要苛求這些，不然維護費用會很大，除非確實想做出一個很好的站點。免費主頁空間的另外一個問題是服務商隨時有權關閉服務，因為不承擔任何承諾，這樣你的成果可能會白費，所以要找一些比較可靠的主頁空間，最好是已經提供較長時間服務，且有一定知名度的。
另外，不同的服務商使用的網路伺服器和線路也不盡相同，訪問的更新速度差異也非常大。要選擇線路速度快一些的主頁空間，不然會大大影響來訪者的興趣。最好使用本地的網路伺服器，因為跨區域的網路線路往往比較擁擠。
還有，網路服務商提供怎樣的主頁維護方式也很重要。如果提供 FrontPage 擴展的 HTTP 維護，那就最方便了。可以做到全自動維護。如果是傳統的 FTP 方式，也不錯。FrontPage2000 同樣可以用 FTP 自動上傳，而且也可以用許多 FTP 管理軟體。但還有一種是基於 WEB 的主頁維護，這種主頁空間只能到服務商的網站上按它特定方式編輯維護主頁。這樣很不方便，最好不要使用。

三. 主頁內容的選擇

評價一個主頁的優劣，主要不是看外觀而是看內容。選擇適當的內容很重要，最好是自己比較感興趣的內容，否則會沒有長期維護的熱情。另外不要做太多的主題，沒有重點的四面出擊往往一樣也不吸引人。很多著名的個人主頁都是靠一個優秀的欄目而大受歡迎的，飛翔鳥硬體就是個很好的例子。維護主頁貴在堅持，一定要不斷上傳新的內容來充實更新網站。不過同樣要注意不要隨便抄襲別人的內容，如果對方的內容是可以轉載的自然沒問題，但如果是版權所有的，可能會遇到糾紛，甚至會強制關閉你的個人主頁。知識產權還是需要尊重的，因此在轉在其他網站的內容時，最好徵求對方的同意。
還有，主頁內容千萬不要有違法的成分，特別是不要有色情內容。

四. 主頁製作的技巧

主頁製作是一門綜合性技術，也是一門藝術，它包括策劃、美工、設計等等。這里只是說一些應該注意的問題。很多商業網站都有「廣告條」，點擊廣告可以為網站賺錢，甚至像 Yahoo 這樣的網路公司也主要靠這些廣告的收入維持。但是一般的個人主頁，建設初期最好不要放廣告條，特別是不能放很多。在訪問量不是很大的時候，廣告是賺不到錢的。反而會讓訪問者覺得主頁很亂，全是無聊的廣告，給人的印象就很差了。
還有些個人主頁因為訪問量很低沒面子，就修改網頁計數器，增加訪問量。這其實是自欺欺人，以後別人也不會相信你的主頁流量了。一個好的主頁，總會有越來越多的訪問者，如果沒質量的主頁，做手腳又有何用？
還有，如果是免費主頁空間，一般速度都不太快，空間也不大。最好不要提供過多的軟體下載，這樣會嚴重影響訪問速度。到頭來會得不償失的。一般較好的軟體下載站點都提供獨立的 FTP 線路下載軟體，這樣才能保證網站的訪問速度不受影響。同樣的，主頁上也不要使用解析度太大的圖片，一般一張圖片盡量控制在 20KB 一下。個人主頁中也不要過多使用 Java class 的小程序和過於復雜的 Java 腳本，這些只起到點綴的作用就行了，用得太多了，瀏覽網頁的速度也會變得非常遲鈍。
製作主頁時還要特別小心語言版本的問題，特別是中文。選用的內碼或字體錯誤的話，訪問時就會出現亂碼或字體扭曲等問題。

五. 域名和無形資產

每個個人主頁都有自己的域名，就像人總有個名字。起名字也有很多講究。很多人會模仿著名網站的名字，在別人的拼寫上改一改字母之類的。其實這樣並不好，沒有了自己的個性，反而不容易給人留下深刻的印象。還是自己取個好名字吧。另外常看到有人寫著「永久域名 xxx.yeah.net」之類的。其實這些都是二級域名，一些網路公司免費提供的而已。這些都稱不上永久域名，因為公司隨時可以停止服務的。最好是能擁有自己的國際頂級域名，這才是永遠屬於你自己的。其實這也並不是一筆非常昂貴的費用，但確是主頁長期發展的根本保障。當然，如果覺得沒必要，使用免費二級域名也不錯。