首頁 >頭條 > 正文

php中文網第八期線上班優秀作業展示

原創2019-10-10 11:56:4501785
第十期線上培訓班
php中文網第八期線上班,已經開課一個月了,參加的同學們學的怎么樣呢?php中文網小編整理出部分學員的優秀作業,供大家學習參考!

以下為WEB前端作業,待PHP階段學習一段時間后,再更新

1.優雅的課表:使用 table 練習制作簡易課表--2019年09月06日

學員:小星

作業地址:http://www.rvrykl.tw/blog/detail/15402.html

(頁面效果展示)

批改狀態:合格

老師批語:這個課程表驚到我了, 一個普通表格也能做得這么完美

2. 美團移動端:中秋作業-仿美團觸屏版-2019-9-12作業

學員:零度 的博客

作業地址:http://www.rvrykl.tw/blog/detail/15403.html

20.png

學員總結:

代碼有2個問題點沒解決的(老師有空就點評支個招,(#^.^#)):

1頂部右邊的圖標沒居中

2.猜你喜歡的文字縮到最小會跑位。。

頁面布局用flex布局,時間沒多少(黑廠不放假。。),框架就沒寫了,布局看著簡單,但是我還是得花5個小時左右才寫出來,代碼都是一步步測試寫出來的,雖然有點狼狽。但是很開心。

批改狀態:合格

老師批語:畢業想去美團嗎? 他們的制服太黃了, 不好看,哈哈

3.餓了么移動端:仿餓啦么首頁

作業地址:http://www.rvrykl.tw/blog/detail/15372.html

學員總結:

邊寫,邊保存,邊看效果, 對彈性盒子理解不夠,基本上用內外邊距的像素值多少才實現的.

批改狀態:合格

老師批語:你們一個比一個優秀, 這個頁面棒極了

4. 仿京東移動端:仿京東商城手機端首頁--2019年9月10日

學員:cat的博客

作業地址:http://www.rvrykl.tw/blog/detail/15349.html

jd.png

批改狀態:合格

老師批語:遠超出作業要求, 不錯喲 仔細觀察一下頁面, 會發現有很多可以重用的小零件, 是否考慮過將它他制作成一個標準件呢

5.仿小米商城::flex布局--2019-09-10

學員:sjgbctjda的博客

作業地址:http://www.rvrykl.tw/blog/detail/15343.html

mi.png

批改狀態:合格

老師批語:還把小米做了, 不錯, 是不是寫上癮了

6.仿php中文網:day9:flex彈性盒子布局 20190910

學員:阿乎乎的學習

作業地址:http://www.rvrykl.tw/blog/detail/15310.html

phpcn.png

學員總結:

寫的太慢了,來不及寫其他的,上班時間偷偷摸摸的寫!經過測試發現好像項目也可以做為flex容器來嵌套,二寫的時候遇到了一個大坑浪費了一些時間,在寫最新更新的時候因為p標簽內的字符太長會影響項目的長度,我一度以為是圖片的影響,但圖片寬度又限制的,所以在這卡了很久!后來才發現是p元素內字符太長的影響,所以給它的父元素div增加了一個max-width的相對寬度,解決問題!!

批改狀態:合格

老師批語:發現問題, 再通過自己思考找到答案, 這個方法相當正確 , 這回你終生難忘

7. 仿千圖網:使用flex布局仿寫千圖網手機端頁面--2019年9月10日

學員:

作業地址:http://www.rvrykl.tw/blog/detail/15419.html

學員總結:內容太多,大家自己看吧

批改狀態:合格

老師批語:寫得不錯, 還多做了一個

8. 前端框架布局:仿荔枝微課前端-2019年9月12日

學員:

作業地址:http://www.rvrykl.tw/blog/detail/15420.html

lizi.png

學員總結:

實現三個頁頁的效果

首頁、學習、我的這三個頁面

實際效果參考網址:https://www.icaoyuan.cn/0912/index.html

批改狀態:合格

老師批語:制作的非常精美

9. 仿攜程網移動端首頁:制作攜程網移動端首頁。2019-09-10

學員:風吹

作業地址:http://www.rvrykl.tw/blog/detail/15432.html

ctrip.png

學員總結:

這里面彈性盒子的使用頻率很高,布局起來很方便。在特賣匯右側中的,千款特價,境外精選,周邊玩樂,由于能力有限,沒有想明白要怎么去用彈性盒子來完成,于是用了相對定位來做,顯得很粗糙。

此次作業提升了彈性盒子、嵌套元素和導航用無序列表來做的熟練度。

批改狀態:合格

老師批語:攜程的主導航是有背景圖的, 而且背景色還是漸變的,你可能是沒有注意到

祝愿:

同學們,再接再厲,和老師們一起加油,再戰2個月,學有所成,早日工作!

相關推薦:
1. 《php中文網九期線上直播授課班》,即將開始招生,敬請關注!
2. 第八期超大型CMS系統的開發教學詳細介紹
  • 相關標簽:php中文網 培訓 作業
  • 本文原創發布php中文網,轉載請注明出處,感謝您的尊重!
  • 相關文章

    相關視頻


    網友評論

    文明上網理性發言,請遵守 新聞評論服務協議

    我要評論
  • 專題推薦

    推薦視頻教程
  • php全棧開發之小博客大智慧php全棧開發之小博客大智慧
  • ThinkPHP6.0極速入門(視頻教程)ThinkPHP6.0極速入門(視頻教程)
  • ThinkPHP6.0完全開發手冊(注解版)ThinkPHP6.0完全開發手冊(注解版)
  • phpStudy V8 視頻教程phpStudy V8 視頻教程
  • 視頻教程分類
    第十期線上培訓班 白小姐救世民彩图2019