正文

自制網(wǎng)頁（如何自制網(wǎng)頁）

發(fā)布時間：2023-04-12 13:54:42 稿源：創(chuàng)意嶺閱讀： 111

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于自制網(wǎng)頁的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關鍵詞，就能返回你想要的內容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內優(yōu)秀的企業(yè)，服務客戶遍布全球各地，如需了解相關業(yè)務請撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、如何用html制作以東奧為主題的網(wǎng)頁
2、制作網(wǎng)頁都用什么工具和語言?有哪些呢?
3、如何制作自己的網(wǎng)頁鏈接
4、怎樣才能自己創(chuàng)建網(wǎng)頁游戲

自制網(wǎng)頁（如何自制網(wǎng)頁）

一、如何用html制作以東奧為主題的網(wǎng)頁

介紹使用簡單的HTML/CSS來編寫導航頁面，并設置為瀏覽器主頁。將自己需要用到的常用連接做成導航頁面，美觀方便。相比瀏覽器自帶的導航頁定制，自制導航頁面有更多的自由度。

方法/步驟：

第一步，我們在一個位置固定的文件夾下（不常移動）新建文本文件，修改后綴為.html，然后右鍵->打開方式，找一個文本編輯器打開。在文本編輯器中，編寫基本的這些標簽。接下來在Body中，添加一些標簽。格式為：顯示名稱添加好保存，然后用瀏覽器打開此html文件，可以看到簡單的導航頁以形成。4、接下來，在head或者其它方便位置添加CSS層疊樣式表。5、接下來繼續(xù)添加一個類名為group的樣式。6、然后，在CSS樣式中繼續(xù)添加margin外邊距，padding內邊距，border-width邊框寬，border-radius邊框圓角半徑等。7、最后，打開瀏覽器設置頁面，設置啟動主頁為文件位置

二、制作網(wǎng)頁都用什么工具和語言?有哪些呢?

" 工欲善其事，必先利其器"。制作網(wǎng)頁第一件事就是選定一種網(wǎng)頁制作軟件。從原理上來講，雖然直接用記事也能寫出網(wǎng)頁，但是對網(wǎng)頁制作必須具有一定的 html基礎，非初學者能及，且效率也很低。用WORD也能做出網(wǎng)頁，但有許多效果做不出來，且垃圾代碼太多，也是不可取的。我認為比較合適的網(wǎng)頁制作軟件首推Dreamweaver，它簡單易學，功能強大，用它做出的網(wǎng)頁垃圾代碼也比較少，另外，它還可以在我們用所見即所得的環(huán)境制作網(wǎng)頁的同時可以在代檢視窗中看到對應的HTML代碼，這對我們學習HTML有很大好處。雖然用Dreamweaver，即使我們一點不懂HTML 也能做出漂亮的網(wǎng)頁，但HTML畢竟是制作網(wǎng)頁的基礎，我們要想把網(wǎng)頁做活了，必須要知其然還要知其所以然，最終我們還是要熟練掌握HTML才行。當然 Frontpage也不錯，但比起Dreamweaver來還是要稍遜一籌。

●DreamWeaver——自制動態(tài)HTML動畫的網(wǎng)頁

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

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

下載網(wǎng)址www.macromedia.com

●Microsoft FrontPage 98——制作功能強大的網(wǎng)頁

如果你曾對Word很熟悉，那么相信你用FrontPage 98進行網(wǎng)頁設計一定會非常順手。

使用Frontpage98制作網(wǎng)頁，你能真正體會到“功能強大，簡單易用”的含義。頁面制作由Frontpage98中的Editor完成，其工作窗口由3個標簽頁組成，分別是“所見即所得”的編輯頁，HTML代碼編輯頁，預覽頁。 Frontpage98帶有圖形和GIF動畫編輯器，支持 CGI和CSS。向導和模板都能使初學者在編輯網(wǎng)頁時感到更加方便。 FrontPage 98最強大之處是其站點管理功能。在更新服務器上的站點時，不需要創(chuàng)建更改文件的目錄。FrontPage 98會為你跟蹤文件并拷貝那些新版本文件。FrontPage 98是現(xiàn)有網(wǎng)頁制作軟件中唯一既能在本地計算機上工作，又能通過Internet直接對遠程服務器上的文件進行工作的軟件。

下載網(wǎng)址 http:‖www.microsoft.com/frontpage

●Netscape編輯器——制作簡單的網(wǎng)頁

Netscape Communicator和Netscape Navigator Gold 3.0版本都帶有網(wǎng)頁編輯器。

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

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

●Adobe Pagemill 3.0——制作多框架、表單和Image Map圖像的網(wǎng)頁

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

Pagemill創(chuàng)建多框架頁十分方便，你可以同時編輯各個框架中的內容。Pagemill在服務器端或客戶端都可創(chuàng)建與處理Image Map圖像，它也支持表單創(chuàng)建。Pagemill允許在HTML代碼上編寫和修改，支持大部分常見的HTML擴展，還提供拼寫檢錯、搜索替換等文檔處理工具。在Pagemill 3.0中還增加了站點管理能力，但仍不支持CSS、TrueDoc和動態(tài)HTML等高級特性。

Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時再打開，很方便。下載網(wǎng)址http:‖www.adobe.com

●Claris Home Page 3.0——快速創(chuàng)建動態(tài)的網(wǎng)頁

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

下載網(wǎng)址http:‖www.claris.com/software/highlights/clarispagetrial.html 提高級軟件如果你對網(wǎng)頁設計已經(jīng)有了一定的基礎，對HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設計你的網(wǎng)頁，他們一定會為你的網(wǎng)頁添色不少。

●HotDog Professional 5——制作要加入多種復雜技術的網(wǎng)頁

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

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

下載網(wǎng)址http:‖www.sausage.com

●HomeSite 3.0——制作可完全控制頁面進程的網(wǎng)頁

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

HomeSite具有良好的站點管理功能，鏈接確認向導可以檢查一個或多個文檔的鏈接狀況。

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

下載網(wǎng)址http:‖www.allaire.com或者http:‖www.homesite－now.com

●HotMetal Pro 4.0——制作具有強大數(shù)據(jù)嵌入能力的網(wǎng)頁

HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個令各層次設計者都不至于失望的軟件。但是初學者需要熟知HTML，才能得心應手地使用這個軟件。

HotMetal具有強大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向導，可以把外部的Access、Word、Excel以及其它ODBC數(shù)據(jù)提出來，放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式，是不是很棒，此外它還能轉換很多老格式的文檔(如WordStar等)，并能在轉換過程中把這些文檔里的圖片自動轉換為GIF格式。

HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹狀圖表現(xiàn)整個站點文檔的鏈接狀況。下載網(wǎng)址：http:‖www.softquad.com

以上工具各有千秋，但對于WEB新手來說，"所見即所得"無疑是最方便的，我將在下一步重點介紹Frontpage 98。(注：此篇文章寫于1998年6月，1999年最新流行的網(wǎng)頁編輯工具Dreamweaver以其強大的功能，方便的動態(tài)網(wǎng)頁制作和高效率已經(jīng)將 Frontpage 98拉下"最好網(wǎng)頁編輯器"的寶座。DW配合Fireworks和flash在國內網(wǎng)壇掀起一股新技術浪潮。有關DW在本站有專欄介紹。)

代表性的是Sun Microsystems'（升陽公司）的Java 語言。它最初的作用是允許網(wǎng)絡服務器直接嵌入含有服務信息的小的程序（叫applet），這些小的程序可以直接在終端用戶的計算機上使用，可以使用戶間交互更快更豐富。最后，java語言逐漸發(fā)展成一種非常廣泛使用的用于在生成服務器端生成更豐富內容的工具。

常見的網(wǎng)頁程序語言有PHP（Hypertext Preprocessor）、ASP（Active Server Pages）、ASP.net、VBScript、Java Script、CGI（Common Gateway Interface，公用網(wǎng)關接口）、Perl（Practical Extraction and Report Language，文字分析報告語言）、JSP(Java Server Pages)等等。

Java Script，是一種處理網(wǎng)頁的腳本語言。其標準版本是ECMAScript，由Netscape提交給歐洲標準協(xié)會制訂。盡管它的名字和Java類似，但是它是由網(wǎng)景公司開發(fā)的而不是由升陽公司開發(fā)的，除了語法有些相似之外，它和 Java幾乎沒有什么關系。之所以叫Java Script，只是當時Netscape公司希望能借助Java的名氣，推廣它。和Java一樣， Javascript類似C++是一種基于對象的語言，與Java不同的是它允許混合代碼。由于Web瀏覽器中，Java Script與文檔對象模型（Document Object Model）緊密結合，Java Script能夠很好的處理網(wǎng)頁，比它誕生時的預想要強大得多。它的用途可以用術語Dynamic HTML(DHTML)表達，強調其和靜態(tài)HTML網(wǎng)頁的區(qū)別。

二，動態(tài)網(wǎng)頁程序語言

對象也稱作動態(tài)內容，它是網(wǎng)頁中的一個元素，包含了數(shù)據(jù)及當用戶激活該項時的反應過程，多媒體演示就是一個典型的對象。下面我們就介紹編寫對象所使用的各種程序語言和它們之間的關系。

1,C:C最初是用來編寫操作系統(tǒng)及其它應用軟件的程序語言。

2,C++:C++是C的高級形式，采用面向對象的編程方法。

3,Java:Java是由C++衍生而來。它也是一種面向對象的編程語言。

當WEB剛開始流行時，HTML是編寫網(wǎng)頁的唯一可用語言，用戶借助瀏覽器可以訪問到WEB服務器上靜態(tài)的、具有超鏈接的網(wǎng)頁。Java語言的出現(xiàn)改變了網(wǎng)頁的這種傳統(tǒng)的靜態(tài)模式，通過在網(wǎng)頁中添加一些利用Java編寫的小程序。

4,Java Applets:Applets是用Java語言寫的小程序，這種小程序非常特殊，它是為WEB專門開發(fā)的一種技術。Java Applets是動態(tài)的、交互的，它的主要特點如下：內聯(lián)視頻、變化文本及動畫;音頻;交互性強;自動刷新

5,Java Script:Web是事件驅動的。當我們在Web網(wǎng)頁中進行某種操作時，就產生了一個事件。Java Script是一種事件驅動的腳本語言，當事件發(fā)生時，它可對之作出響應。具體如何響應某個事件取決于事件處理程序。

注意：Java Script是用于在線內容設計的第一種腳本語言，它的語法和其它編程語言很相似。

它的命令和函數(shù)可以同其它正文和HTML標識符一同放在用戶的網(wǎng)頁中，當用戶的瀏覽器檢索到該網(wǎng)頁時，將運行這些程序并執(zhí)行相應的操作。

注意：Java Script和Java雖然名字相似，其實是兩種不同的語言。Java由 Sun Microsystems開發(fā)，能夠編寫獨立應用程序和Java applets. Java Script是Netscape公司為了擴充Netscape Navigator瀏覽器功能而開發(fā)的一種可嵌入在Web主頁中的編程語言。

6,Jscript:Jscript是Java Script的Microsoft版本，但Jscript只能實現(xiàn)了Java Script的部分功能。

7,Active X:Active X最初是由Microsoft開發(fā)的，后來分離出去，成立了一個獨立的組織：Open Group。 Active X技術使得人們可以根據(jù)一定的標準，在WEB站點上放置交互式對象，并使這些對象能共同工作。

8,VBScript:VBScript腳本語言是一種基于對象的語言，它從Visual Basic中衍生而來。

三、如何制作自己的網(wǎng)頁鏈接

如何制作自己的網(wǎng)頁鏈接

html語言做網(wǎng)頁鏈接.最快、最簡單的做網(wǎng)頁鏈接就是用html語言。

在桌面上新建一個txt文檔。

打開txt文檔，里面插入如下網(wǎng)頁鏈接代碼即可。

上面代碼中。

都是一對對出現(xiàn)的，這是最簡單的html語言,反斜杠：/,代表結束語句標簽。

head表示網(wǎng)頁的頭部，title表示具體的標題是什么，body表示網(wǎng)頁內容，href表示鏈接網(wǎng)址標記。

保存txt文檔代碼內容，取名叫百度.txt,再另存為：百度.html。

然后打開方式選擇IE打開。

四、怎樣才能自己創(chuàng)建網(wǎng)頁游戲

1、學習最基本的HTML置標語言，他可以建立一個基本的網(wǎng)站，其他的css、javascript、flash只是豐富網(wǎng)頁內容而設計的。還有ASP、PHP、jsp這些是服務器端用的，不要他們也可以建網(wǎng)站。 2、用HTML建立的網(wǎng)站叫靜態(tài)的，他們不可以完成像【用戶注冊、數(shù)據(jù)存儲、下載資料、上傳資料...】，用ASP/PHP/JSP這些動態(tài)技術可以實現(xiàn)這些功能。 3、最基本的網(wǎng)頁，示例：打開【記事本】，文件名保存為【index.html】,文件類型保存為【所有文件】其他的不管了。復制下面的代碼到記事本上：這是瀏覽器的標題這是我的第一個網(wǎng)頁然后打開這個文件，若看不到“這是我的第一個網(wǎng)頁”這句話。就右鍵文件，選擇【打開方式】【internet explorer】就OK了。

以上就是關于自制網(wǎng)頁相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內容。