|
作者:袁龍 班級(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è)。
|
|
|
來(lái)自: 你有沒(méi)有夢(mèng)想t2 > 《文件夾1》