今天給大家介紹一下如何在電腦上創(chuàng)建一個(gè)HTML網(wǎng)頁(yè)的具體操作步驟1 準(zhǔn)備工作，打開電腦，在桌面空白處右鍵，選擇新建一個(gè)txt文本文檔2 然后打開文檔，輸入相關(guān)的html代碼，最后選擇文件保存3 然后在桌面上將這個(gè)。

3然后，將這個(gè)文件重命名為index，并將點(diǎn)號(hào)后的txt改為html這樣的網(wǎng)頁(yè)文件就做好了4html是網(wǎng)頁(yè)文件的擴(kuò)展擴(kuò)展名用來(lái)區(qū)分文件的類型，擴(kuò)展名也用來(lái)告訴打開哪個(gè)軟件比如html會(huì)告訴瀏覽器這是一個(gè)網(wǎng)頁(yè)，需要解析并。

這里以移動(dòng)端響應(yīng)式網(wǎng)站為例，講述如何制作響應(yīng)式網(wǎng)頁(yè)#xF4CF選定基本設(shè)計(jì)尺寸選定基本設(shè)計(jì)尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計(jì)的應(yīng)用場(chǎng)景之后，和美工或設(shè)計(jì)師溝通，之前，一般需要美工出幾套主流移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖，現(xiàn)在，使用。

網(wǎng)頁(yè)的制作可以用到很多軟件，比較簡(jiǎn)單的是記事本的功能在自己的電腦上新建一個(gè)記事本文件，打開可以輸入代碼首先輸入如圖代碼，這些代碼都是成對(duì)出現(xiàn)的，有頭有尾，htmlhtml是描述網(wǎng)頁(yè)的超文本語(yǔ)言，headhead是頭部。

分析如下1首先下載安裝Dreamweaver，打開后，新建一個(gè)網(wǎng)頁(yè)，一般選擇“HTML”建立網(wǎng)頁(yè)選擇“經(jīng)典”界面，有助于我們更便捷使用這個(gè)軟件2下面選擇這三個(gè)界面，代碼拆分設(shè)計(jì)，一般默認(rèn)設(shè)計(jì)界面，對(duì)于新手這個(gè)功能具有。

1首先我們需要在桌面上，新建一張記事本 2然后我們需要打開記事本，編寫代碼 3然后我們需要把記事本修改后綴名為html 4然后我們需要在桌面上就會(huì)有一張網(wǎng)頁(yè)，這一點(diǎn)很重要5最后我們需要需要在瀏覽器上運(yùn)行該。

3接下來(lái)要在lttitlelttitle標(biāo)簽中間輸入標(biāo)題如個(gè)人網(wǎng)頁(yè)在ltbodyltbody中輸入“自己做的第一個(gè)網(wǎng)頁(yè)，厲害吧”完成后點(diǎn)擊保存并將記事本后綴名txt改為html格式 4將記事本重命名為html格式后，出現(xiàn)如下。

用html制作簡(jiǎn)單的網(wǎng)頁(yè)的步驟1整體形象設(shè)計(jì)企業(yè)確定要搭建網(wǎng)站，那么首先就需要確定企業(yè)的整體形象，這個(gè)形象包括企業(yè)的logo設(shè)計(jì)，整個(gè)站點(diǎn)的色彩搭配，網(wǎng)頁(yè)流程設(shè)計(jì)，版面設(shè)計(jì)，甚至包括哪些地方本使用動(dòng)態(tài)效果，哪些地方搭配。

4我們將更改編碼和文件名，將其更改為如圖所示的圖像并保存5然后返回到新創(chuàng)建的文件夾，發(fā)現(xiàn)有一個(gè)額外的html文件6最后，使用瀏覽器打開html文件，效果如圖所示，簡(jiǎn)單的網(wǎng)頁(yè)被成功編寫。

具體步驟如下靜態(tài)網(wǎng)頁(yè)現(xiàn)階段主要采用DIV+CSS+Javascript來(lái)實(shí)現(xiàn)，第一步在桌面上創(chuàng)建一個(gè)文本文件第二步將文本名改為quottesthtmlquot擴(kuò)展名為html或者h(yuǎn)tm即可，看不見擴(kuò)展名可以到第三步文件名改好后，右擊打開方式。

輸入一些簡(jiǎn)單的html代碼輸入之后，保存文件3，再次點(diǎn)擊記事本文件，按下鍵盤上的F2鍵進(jìn)行重命名將后面的“txt”改為“html”，然后確定更改4，更改完成后，再次打開該文件，就可以看到剛才做好的網(wǎng)頁(yè)了。

保存后關(guān)閉，將這個(gè)文本文件的后綴修改為html 然后用IE打開，試試，就這么簡(jiǎn)單 問題二怎么建立一個(gè)簡(jiǎn)單的網(wǎng)站 首先，可以告訴想學(xué)網(wǎng)頁(yè)制作的朋友學(xué)習(xí)制作網(wǎng)頁(yè)和學(xué)習(xí)其它知識(shí)一樣，是要有基礎(chǔ)的在基礎(chǔ)之上學(xué)習(xí)起來(lái)會(huì)比較輕松和快捷的。

1，打開記事本，并在其中輸入必要信息，完整代碼如下lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot lttitlelttitle ltbodyltheaderltimg src=quotmolihuajpgquotwidth=quot412quot height=quot291quotltheader ltarticle。

2其次，完成上述步驟后，輸入要在新創(chuàng)建的文本文檔中顯示的內(nèi)容，如下圖所示，然后進(jìn)入下一步3接著，完成上述步驟后，返回桌面，將文本文檔的名稱和后綴更改為“ indexhtml”，如下圖所示，然后進(jìn)入下一步4。

以下是我用html的相關(guān)知識(shí)制作的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)，話不多說先看看最終效果如上所示項(xiàng)目一共分為5個(gè)部分，分別對(duì)應(yīng)導(dǎo)航欄的5個(gè)內(nèi)容其中項(xiàng)目技能用的是echarts里的柱狀圖，作品展示用的是bootstrap里的輪播圖，除此之外就是html的基礎(chǔ)內(nèi)容。