作者：袁龍

班級(jí)：A06

簡(jiǎn)介：初中畢業(yè)，之前的職業(yè)是廚師，想要換一個(gè)行業(yè)，選擇了北大青鳥(niǎo)計(jì)算機(jī)專(zhuān)業(yè)。

項(xiàng)目簡(jiǎn)介：

這個(gè)網(wǎng)頁(yè)不僅僅是菜譜，也是一本美食大全，每一個(gè)菜肴都對(duì)應(yīng)有相應(yīng)的做法和菜肴的起源，能夠讓你瞬間變身為美食家。

項(xiàng)目設(shè)計(jì)：

1、在頂部菜單欄這一塊當(dāng)中用到了HTML當(dāng)中的一些元素有：無(wú)序列表、浮動(dòng)、定位、背景、動(dòng)畫(huà) 用CSS來(lái)布的局。

2、最上邊導(dǎo)航標(biāo)簽用了一個(gè)固定定位，QQ登錄和瀏覽全部菜譜哪里有一個(gè)二級(jí)菜單，用CSS實(shí)現(xiàn)有一定的難度，后期會(huì)更加完善。

3、QQ登錄下有一個(gè)微博登錄能實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)，跳轉(zhuǎn)到自己寫(xiě)的一個(gè)微博登錄界面。

4、中間導(dǎo)航欄圖標(biāo)用CSS實(shí)現(xiàn)的過(guò)渡動(dòng)畫(huà)。

5、菜品圖片都使用了overflow：hidden屬性實(shí)現(xiàn)了圖片的放大，因此不會(huì)影響其它的布局，頁(yè)面整體的效果看起也很整齊。

6、網(wǎng)頁(yè)的底部使用二維碼進(jìn)行了絕對(duì)定位。

7、登錄注冊(cè)頁(yè)面，這里用了一些背景樣式和表單來(lái)實(shí)現(xiàn)。

收獲：

通過(guò)這次網(wǎng)頁(yè)設(shè)計(jì)，將學(xué)習(xí)過(guò)的知識(shí)點(diǎn)在制作這個(gè)網(wǎng)頁(yè)過(guò)程中都加以使用，加深了我對(duì)HTML和CSS3主要知識(shí)點(diǎn)的理解和應(yīng)用。

在制作XX部分的時(shí)候遇到XX困難，通過(guò)網(wǎng)上查閱相關(guān)資料，和同學(xué)討論交流，最后用CSS也能做出二級(jí)菜單，缺點(diǎn)就是效果沒(méi)有JS的效果好。所以在后面網(wǎng)頁(yè)部分的學(xué)習(xí)中，后面也會(huì)學(xué)習(xí)到JS部分，希望在學(xué)習(xí)JS以后能夠再完善這個(gè)網(wǎng)頁(yè)。