如何制作自己的網(wǎng)頁(yè)

自己制作網(wǎng)頁(yè)的具體方法如下:

工具/原材料:Dreamweaver 8.0。

1.首先你要安裝Dreamweaver軟件，打開它啟動(dòng)它，然后點(diǎn)擊創(chuàng)建一個(gè)html頁(yè)面。

2.設(shè)置表格中的行數(shù)和列數(shù)。

3.單擊“確定”以獲得寬度為1000像素的表格。我們可以添加圖片或文字作為bnner。

4.在這里，讓我們鍵入一行來演示。

5.設(shè)置表格高度，左側(cè)增加5列，分類導(dǎo)航。

6.最后保存看看，按F12預(yù)覽效果。

7.文字顯示出來了，但是很單調(diào)。繼續(xù)添加一些邊框和背景色。

8.邊框加1，背景色參數(shù)如下。

9.合并單元格，如下圖所示。

10.加個(gè)圖進(jìn)來看看效果。

1.最后添加一個(gè)背景色，在菜單欄上點(diǎn)擊修改-頁(yè)面屬性-背景色，點(diǎn)擊確定。

12.最后的渲染，這是一個(gè)簡(jiǎn)單的html制作。

制作一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)的步驟？

1.想要制作動(dòng)態(tài)網(wǎng)頁(yè)，首先需要了解動(dòng)態(tài)網(wǎng)頁(yè)的特征，動(dòng)態(tài)網(wǎng)頁(yè)的第一個(gè)特征就是使用動(dòng)態(tài)語言制作而成，例如PHP，ASP，JSP等，用它們制作而成的網(wǎng)頁(yè)都會(huì)以相應(yīng)的動(dòng)態(tài)語言為后綴名，例如.php，.asp等，我們把這種動(dòng)態(tài)語言制作的網(wǎng)頁(yè)叫做動(dòng)態(tài)網(wǎng)頁(yè)。

2.動(dòng)態(tài)網(wǎng)頁(yè)一般以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)，之所以網(wǎng)頁(yè)有靜動(dòng)之分，就是因?yàn)榭磾?shù)據(jù)是否能夠?qū)崟r(shí)更新，而能夠完成這項(xiàng)工作的就是數(shù)據(jù)庫(kù)了，使用動(dòng)態(tài)語言實(shí)現(xiàn)和數(shù)據(jù)庫(kù)的交互，從而達(dá)到數(shù)據(jù)及時(shí)更新的目的，同時(shí)也大大降低了網(wǎng)站的維護(hù)工作。

3.動(dòng)態(tài)網(wǎng)頁(yè)需要服務(wù)器作支持，平時(shí)見到的以html結(jié)尾的文件雙擊都能夠正常的打開，即使沒有服務(wù)器也不會(huì)對(duì)瀏覽頁(yè)面造成影響，但是動(dòng)態(tài)網(wǎng)頁(yè)不同，需要服務(wù)器作支持，同時(shí)服務(wù)器還必須支持這種動(dòng)態(tài)語言才能正常瀏覽。

4.首先需要安裝服務(wù)器，可以使用windows自帶的IIS服務(wù)器，當(dāng)然也可以使用比較流行的apache服務(wù)器，這需要根據(jù)自己的動(dòng)態(tài)語言決定，asp就選擇IIS，php就選擇apache（當(dāng)然并非絕對(duì)）。

5.接著就是數(shù)據(jù)庫(kù)的選擇，同樣需要根據(jù)自己的動(dòng)態(tài)語言來選擇，如果使用的是ASP動(dòng)態(tài)語言，那么就可以選擇ACCESS數(shù)據(jù)庫(kù)，如果選擇的是PHP，那么就可以選擇MYSQL數(shù)據(jù)庫(kù)，當(dāng)然還有其他的數(shù)據(jù)庫(kù)選擇，根據(jù)情況自己決定。

6.然后就是把動(dòng)態(tài)語言和服務(wù)器數(shù)據(jù)庫(kù)相結(jié)合了，不同的組合結(jié)合方式也是不同的。

7.以上的過程又叫做搭配環(huán)境，是實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)必須的步驟,可以使用集成環(huán)境，windows下可以安裝wamp，linux下可以安裝xampp。都是一鍵安裝，沒有任何難度。

8.安裝完成后，找到安裝目錄（以wamp為例子），雙擊之后會(huì)發(fā)現(xiàn)一個(gè)www目錄，這就是網(wǎng)站的根目錄，也是以后網(wǎng)頁(yè)要存放的目錄（當(dāng)然可以更改），然后新建一個(gè)以php結(jié)尾的文件，打開進(jìn)行編輯寫入<?php echo'我的第一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)';?>然后保存，在瀏覽器中輸入localhost/剛才創(chuàng)建的文件名，如果出現(xiàn)剛才寫入的字證明已經(jīng)成功了.

dw制作個(gè)人淘寶網(wǎng)頁(yè)的步驟？

1.

在電腦上點(diǎn)擊打開【Dreamweaver】軟件。

2.

點(diǎn)擊【文件】-【新建】。

3.

頁(yè)面選擇【HTML】點(diǎn)擊右下角的【確定】。

4.

創(chuàng)建完成后點(diǎn)擊功能欄的【表格】。

有沒有一種最簡(jiǎn)單的網(wǎng)頁(yè)制作軟件？

一、菜鳥級(jí)網(wǎng)頁(yè)制作軟件 如果你是一個(gè)網(wǎng)頁(yè)制作初學(xué)者，那么讓下面幾種軟件帶你走進(jìn)那絢麗多彩的網(wǎng)頁(yè)制作世界吧！

1. Microsoft FrontPage 如果你曾對(duì)Word很熟悉，那么相信你用FrontPage進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)一定會(huì)非常順手。使用FrontPage制作網(wǎng)頁(yè)，你能真正體會(huì)到“功能強(qiáng)大，簡(jiǎn)單易用”的含義。頁(yè)面制作由FrontPage中的Editor完成，其工作窗口由3個(gè)標(biāo)簽頁(yè)組成，分別是“所見即所得”的編輯頁(yè)，HTML代碼編輯頁(yè)和預(yù)覽頁(yè)。FrontPage帶有圖形和GIF動(dòng)畫編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁(yè)時(shí)感到更加方便。 FrontPage最強(qiáng)大之處是其站點(diǎn)管理功能。在更新服務(wù)器上的站點(diǎn)時(shí)，不需要?jiǎng)?chuàng)建更改文件的目錄。FrontPage會(huì)為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁(yè)制作軟件中惟一既能在本地計(jì)算機(jī)上工作，又能通過Internet直接對(duì)遠(yuǎn)程服務(wù)器上的文件進(jìn)行工作的軟件。

2. Netscape編輯器 Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁(yè)編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng)，使用Netscape編輯器真是簡(jiǎn)單方便！當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁(yè)時(shí)，單擊編輯按鈕，Netscape就會(huì)把網(wǎng)頁(yè)存儲(chǔ)在硬盤中，然后就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁(yè)作者、標(biāo)題、背景顏色或圖像，定義描點(diǎn)，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對(duì)復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。 Netscape編輯器是網(wǎng)頁(yè)制作初學(xué)者很好的入門工具。如果你的網(wǎng)頁(yè)主要是由文本和圖片組成的，Netscape編輯器將是一個(gè)輕松的選擇。如果你對(duì)HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補(bǔ)Netscape編輯器的一些不足。

3. Adobe Pagemill Pagemill功能不算強(qiáng)大，但使用起來很方便，適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁(yè)。如果你的主頁(yè)需要很多框架、表單和Image Map圖像，那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個(gè)剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時(shí)再打開，很方便。

4. Claris Home Page 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)。這是因?yàn)樗幸粋€(gè)很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費(fèi)太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫(kù)，增強(qiáng)的站點(diǎn)管理特性還允許你檢測(cè)頁(yè)面的合法連接。不過界面設(shè)計(jì)過于粗糙，對(duì)Image Map圖像的處理也不完全。

二、中級(jí)網(wǎng)頁(yè)制作軟件 如果你對(duì)網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)有了一定的基礎(chǔ)，對(duì)HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設(shè)計(jì)你的網(wǎng)頁(yè)，他們一定會(huì)為你的網(wǎng)頁(yè)添色不少。 ①DreamWeaver 自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁(yè) 1.DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。

2. Fireworks 第一款徹底為Web制作者們?cè)O(shè)計(jì)的軟件 Fireworks的來頭實(shí)在不小，它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專為網(wǎng)絡(luò)圖像設(shè)計(jì)而開發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如Fireworks能夠自動(dòng)切圖、生成鼠標(biāo)動(dòng)態(tài)感應(yīng)的javascript。而且Fireworks具有十分強(qiáng)大的動(dòng)畫功能和一個(gè)幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強(qiáng)了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁(yè)及圖片！

3. Flash 讓你的網(wǎng)頁(yè)動(dòng)起來 Flash是用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的shockwave。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶長(zhǎng)時(shí)間的等待。#{6FLASH6}#可以用其生成動(dòng)畫，還可在網(wǎng)頁(yè)中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進(jìn)行編程，但用其內(nèi)置的語句并結(jié)合JavaScripe，您也可做出互動(dòng)性很強(qiáng)的主頁(yè)來。有人曾經(jīng)說過：下個(gè)世紀(jì)的網(wǎng)絡(luò)設(shè)計(jì)人不會(huì)用FLASH，必將被淘汰出局！我相信這句話沒錯(cuò)！

4. HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁(yè) HotDog是較早基于代碼的網(wǎng)頁(yè)設(shè)計(jì)工具，其最具特色的是提供了許多向?qū)Чぞ撸軒椭O(shè)計(jì)者制作頁(yè)面中的復(fù)雜部分。HotDog的高級(jí)HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。這點(diǎn)非常難得，因?yàn)榧词故讋?chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對(duì)plug-in的支持也遠(yuǎn)遠(yuǎn)超過其他產(chǎn)品，它提供的對(duì)話框允許你以手動(dòng)方式為不同格式的文件選擇不同的選項(xiàng)。但對(duì)中文的處理不很方便。 HotDog是個(gè)功能強(qiáng)大的軟件，對(duì)于那些希望在網(wǎng)頁(yè)中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級(jí)設(shè)計(jì)者，是個(gè)很好的選擇。

5. HomeSite 制作可完全控制頁(yè)面進(jìn)程的網(wǎng)頁(yè) Allaire的HomeSite是一個(gè)小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡(jiǎn)由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡(jiǎn)單的編輯窗口，也可以在復(fù)雜的界面下工作。 HomeSite更適合那些比較復(fù)雜和精彩頁(yè)面的設(shè)計(jì)。如果你希望能完全控制你制作的頁(yè)面的進(jìn)程，HomeSite是你最佳選擇。不過對(duì)于生手過于復(fù)雜。

6. HotMetal Pro 制作具有強(qiáng)大數(shù)據(jù)嵌入能力的網(wǎng)頁(yè) HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個(gè)令各層次設(shè)計(jì)者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個(gè)軟件。HotMetal具有強(qiáng)大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)В梢园淹獠康腁ccess、Word、Excel以及其他ODBC數(shù)據(jù)提出來，放入頁(yè)面中。而且HotMetal能夠把它們自動(dòng)轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過程中把這些文檔里的圖片自動(dòng)轉(zhuǎn)換為GIF格式。 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹狀圖表現(xiàn)整個(gè)站點(diǎn)文檔的鏈接狀況。

三、高級(jí)網(wǎng)頁(yè)制作軟件

1. Microsoft Visual Studio 該系列的版本有：2003、2005、2008和未來的版本； 適合開發(fā)動(dòng)態(tài)的aspx網(wǎng)頁(yè)，同時(shí)，還能制作無刷新網(wǎng)站、webservice功能等，僅適合高級(jí)用戶。

2. Jbuilder 不論是各種版本，均適合使用其開發(fā)出JSP網(wǎng)頁(yè)，僅適合高級(jí)用戶。

3. 記事本 別以為記事本功能非常少，軟件很簡(jiǎn)單；但是，如何想使用它來制作網(wǎng)頁(yè)，也僅適合高級(jí)用戶；因?yàn)樵谄鋬?nèi)容，沒有任何可視化的操作可直接制作網(wǎng)頁(yè)，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動(dòng)態(tài)腳本，方能制作出網(wǎng)頁(yè)來。

怎么用記事本制作網(wǎng)頁(yè)？

1，首先新建一個(gè)記事本文件，雙擊打開。

2，打開記事本文件之后，輸入一些簡(jiǎn)單的html代碼。輸入之后，保存文件。

3，再次點(diǎn)擊記事本文件，按下鍵盤上的F2鍵進(jìn)行重命名。將后面的“txt”改為“html”，然后確定更改。

4，更改完成后，再次打開該文件，就可以看到剛才做好的網(wǎng)頁(yè)了。

DW軟件怎么制作框架網(wǎng)頁(yè)？

1、在開始菜單打開dreamweaver，打開之后，見到的第一頁(yè)默認(rèn)應(yīng)該是下圖所示的這樣，我們選擇html，就進(jìn)入網(wǎng)頁(yè)的編輯窗口了。

2、如何進(jìn)入框架的編輯呢，如果你的工作區(qū)不是“經(jīng)典”，那就切換過來，在右上角的位置。這樣方便找到布局，當(dāng)然你還可以在“修改”選項(xiàng)中找到框架。我們就以“經(jīng)典”工作區(qū)進(jìn)行編輯。

3、單擊框架右下角的黑色三角形，就出現(xiàn)許多種框架格式，我們選擇“頂部和嵌套的左側(cè)框架”，當(dāng)然你可以根據(jù)實(shí)際需要選擇。這種框架也是比較常用的。

4、選擇“頂部和嵌套的左側(cè)框架”后會(huì)出現(xiàn)一個(gè)對(duì)話框，如果沒有修改的必要，那就選擇默認(rèn)的就行，單擊“確定”，對(duì)框架進(jìn)行編輯。

5、如果在右側(cè)沒有顯示框架的窗口，那么可以在“窗口”選項(xiàng)中打開框架窗口，這對(duì)于我們后來的編輯很有好處，你也可以直接按"shift+f2"快捷鍵打開。

6、我們可以對(duì)框架進(jìn)行各種編輯，如修改邊框顏色和寬度。在剛剛打開的框架窗口里單擊需要編輯的那一層的邊框，或者直接單擊編輯窗口里的框架邊框，不過通常前者更加方便和直觀。這樣做之后，會(huì)出現(xiàn)下面的屬性。我們就可以進(jìn)行各種編輯了。

7、因?yàn)榭蚣苊恳粋€(gè)框都是一個(gè)獨(dú)立的網(wǎng)頁(yè)，所以保存的時(shí)候要特別注意，不僅需要保存每個(gè)網(wǎng)頁(yè)文件，還得保存邊框的結(jié)構(gòu)。比如說剛剛我建立的哪個(gè)框架，需要保存四個(gè)文件。

總結(jié)

以上是生活随笔為你收集整理的怎么自制网页（怎么自制网页链接）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。