自己理清思路，學(xué)一點(diǎn)div布局或是flex布局，然后放一些img圖片，a標(biāo)簽鏈接幾個(gè)導(dǎo)航菜單就可以了，JavaScript的動(dòng)態(tài)效果實(shí)現(xiàn)基本的鼠標(biāo)移動(dòng)到標(biāo)簽時(shí)的效果，離開時(shí)的效果，鼠標(biāo)點(diǎn)擊的效果，學(xué)會(huì)這些基本就能實(shí)現(xiàn)了。

以前我也做過(guò)類似的這種靜態(tài)頁(yè)面，其實(shí)每一塊的布局都差不多，做好一個(gè)其他的大同小異，下面提供我的思路以供參考宏觀角度第一先把整體框架搭起來(lái)，通過(guò)絕對(duì)定位確定大的模塊的位置第二根據(jù)圖中每一塊的結(jié)構(gòu)來(lái)。

1首先，在計(jì)算機(jī)桌面上創(chuàng)建一個(gè)新文件夾，然后在該文件夾中創(chuàng)建一個(gè)新的文本文檔2然后雙擊打開帶有記事本的文本文檔，如下圖所示，我們編寫一個(gè)簡(jiǎn)單的html代碼3單擊“另存為”的功能選項(xiàng)，顯示默認(rèn)保存為編碼為AN。

可以在html中寫頁(yè)面的框架，然后在寫CSS樣式CSS樣式可以利用外部鏈接連接到html頁(yè)面上得到想要的效果。

3然后輸入最簡(jiǎn)單的HTML文本語(yǔ)言代碼如下lthtml ltbody 最簡(jiǎn)單的網(wǎng)頁(yè) ltbody lthtml 4保存并關(guān)閉txt文本，然后修改我們txt文本的擴(kuò)展名為html，此時(shí)會(huì)彈出警告框，提示我們修改后可能會(huì)導(dǎo)致文件不能使用，這是。

代碼不全，mystylecss里面可能對(duì)文字排列方式進(jìn)行了更改如btextalignright這個(gè)就會(huì)變?yōu)榭坑覍?duì)齊了。

第一步在桌面上創(chuàng)建一個(gè)文本文件第二步將文本名改為quottesthtmlquot擴(kuò)展名為html或者h(yuǎn)tm即可，看不見(jiàn)擴(kuò)展名可以到第三步文件名改好后，右擊打開方式，選擇記事本第四步寫代碼html代碼寫成下圖這樣即可2css。