目前，流行的網(wǎng)頁(yè)制作軟件工具有 quotHbuilder，Visual Studio代碼，Sublime，Dreamweaver，Sublime quot詳情如下I DreamweaverLogo dreamweaver此圖來(lái)自網(wǎng)絡(luò)如有侵權(quán)，請(qǐng)告知我們，我們將立即刪除DW軟件有好幾個(gè)版本；hbuilder網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告原理HBuilder內(nèi)置HTML5加APP開(kāi)發(fā)環(huán)境，提供一套完整的移動(dòng)應(yīng)用開(kāi)發(fā)解決方案內(nèi)置HTML5加API語(yǔ)法提示，提高開(kāi)發(fā)效率集成真機(jī)運(yùn)行環(huán)境，方便開(kāi)發(fā)后即時(shí)在真機(jī)上查看運(yùn)行效果集成應(yīng)用云端打包系統(tǒng)，不用。

1打開(kāi)Hbuilder，先來(lái)創(chuàng)建一個(gè)項(xiàng)目，項(xiàng)目也就是我們平時(shí)創(chuàng)建的文件夾2把它命名為HTMLCSS，這里選擇了基本的HTML項(xiàng)目，也就是包含css樣式文件夾js代碼javascript文件夾img我們存放圖片的文件夾indexhtml是一個(gè)空；打開(kāi)“文件”新建項(xiàng)目，選擇文件保存路徑，選擇項(xiàng)目模版“基本HTML項(xiàng)目”，點(diǎn)擊創(chuàng)建用hbuilder寫(xiě)網(wǎng)頁(yè)建立站點(diǎn)首先打開(kāi)“文件”新建項(xiàng)目，選擇文件保存路徑，選擇項(xiàng)目模版“基本HTML項(xiàng)目”，點(diǎn)擊創(chuàng)建HBuilder是DCloud數(shù)字天堂；1 輸入應(yīng)用名稱“HelloWorld”，點(diǎn)擊“完2 新建的工程示例如下圖所示 3 雙擊打開(kāi)“indexhtml”，選擇瀏覽器調(diào)回答不容易，希望能幫到您，滿意請(qǐng)幫忙采納一下，謝謝。

現(xiàn)在以HBuilder工具編寫(xiě)為例1 打開(kāi)此工具，在項(xiàng)目管理器中右鍵單擊創(chuàng)建一個(gè)web 項(xiàng)目 2右鍵單擊項(xiàng)目名稱，新建一個(gè)HTML文件form01html lt！DOCTYPE htmllt！ 作者offline 時(shí)間20170106 描述；alert和console是js腳本中的代碼網(wǎng)頁(yè)包含html代碼，js代碼，當(dāng)然還有css比如 alert10consolelog111；HBuilder是DCloud數(shù)字天堂推出的一款支持HTML5的Web開(kāi)發(fā)IDEHBuilder的編寫(xiě)用到了JavaCWeb和RubyHBuilder本身主體是由Java編寫(xiě)，它基于Eclipse，所以順其自然地兼容了Eclipse的插件快，是HBuilder的最大優(yōu)勢(shì)，通過(guò)；首先需要的工具就是Hbuilder軟件 第二步打開(kāi)Hbuilder 第三步點(diǎn)擊新建web項(xiàng)目 第四步編寫(xiě)項(xiàng)目名稱，并選擇文件保存的位置這里我們默認(rèn)填寫(xiě)name1，路徑就是在桌面 點(diǎn)擊完成之后就會(huì)出現(xiàn)了，左側(cè)就是我們新建文件；當(dāng)然可以，Hbuilder只是個(gè)編輯的IDE工具任何編輯器寫(xiě)出來(lái)的html代碼都可以發(fā)布到網(wǎng)上如果沒(méi)有自己的域名和服務(wù)器，可以使用網(wǎng)上免費(fèi)的平臺(tái)，然后就可以通過(guò)域名鏈接訪問(wèn)啦~；方法很多，例如最簡(jiǎn)單的通過(guò)a標(biāo)簽鏈接，例如你分別有ahtml bhtml和 chtml這3個(gè)頁(yè)面，那你在a頁(yè)面上添加a標(biāo)簽，B頁(yè)面 C頁(yè)面 同樣，你在b頁(yè)面上就是添加a頁(yè)面和c頁(yè)面，在c頁(yè)面上就是添加a和b頁(yè)面這樣為了方便。

谷歌瀏覽器按F12調(diào)試，點(diǎn)手機(jī)圖標(biāo)進(jìn)入手機(jī)模式；利用html寫(xiě)一個(gè)簡(jiǎn)單的搜索頁(yè)面的方法如下1打開(kāi)Hbuilder編輯器，創(chuàng)建一個(gè)輸入框和一個(gè)按鈕，水平放置2首先，將“＃7FCC0B”顏色的邊框添加到輸入框中，設(shè)置寬度和高度然后，設(shè)置按鈕按鈕的白色字體和背景色“＃7；這里介紹一種將前端網(wǎng)頁(yè)打包成手機(jī)app的工具HBuilder，可以快速將前端網(wǎng)頁(yè)打包為手機(jī)app，使用起來(lái)非常方便，下面我簡(jiǎn)單介紹一下實(shí)現(xiàn)過(guò)程，主要內(nèi)容如下1下載安裝HBuilder，這個(gè)直接到官網(wǎng)上下載就行，免費(fèi)的，目前來(lái)說(shuō)，有；1首先打開(kāi)hbuilder軟件，新建一個(gè)html文件，里面寫(xiě)入3個(gè)p標(biāo)簽，再在style標(biāo)簽中設(shè)置p標(biāo)簽的基本樣式，包括間距，字體大小等屬性2然后在style標(biāo)簽中用3種方法設(shè)置文字顏色，第一個(gè)p標(biāo)簽用16進(jìn)制設(shè)置顏色，每?jī)蓚€(gè)數(shù)字為；分析好頁(yè)面結(jié)構(gòu)，之后在寫(xiě)樣式就很好寫(xiě)了 中文， 英文 分析頁(yè)面結(jié)構(gòu)。

首先創(chuàng)建一個(gè)web項(xiàng)目，文件新建Web項(xiàng)目26 輸入項(xiàng)目名稱，點(diǎn)擊確定36 然后在新建的WEB項(xiàng)目中點(diǎn)擊右鍵，創(chuàng)建一個(gè)目錄46 輸入名稱，這里以html為例，因?yàn)槭谴娣舎tml文件56 然后在html目錄下創(chuàng)建html文。