作者：袁龍

班級：A06

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

項(xiàng)目簡介：

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

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

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

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

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

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

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

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

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

收獲：

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

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