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

php中文網第八期線上班，已經開課一個月了，參加的同學們學的怎麼樣呢？ php中文網小編整理出部分學員的優良作業，供大家學習參考！

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

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

學員：小星

作業網址：https://www.php.cn/blog/ detail/15402.html

（頁面效果顯示）

#批改狀態：符合條件

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

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

學員：零度的部落格

作業網址：##https:// www.php.cn/blog/detail/15403.html

#學員總結：

程式碼有2個問題點沒解決的（老師有空就點評支個招，(#^.^#)）：

#1頂部右邊的圖示沒居中

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

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

批改狀態：合格

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

3.餓了麼行動裝置：仿餓啦麼首頁

作業網址：https://www.php. cn/blog/detail/15372.html

#學員總結：

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

#批改狀態：合格

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

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

#學員：cat的部落格

作業網址：https://www.php.cn/blog/detail/15349.html

批改狀態：合格

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

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

學員：sjgbctjda的部落格

作業地址：https://www.php.cn/blog /detail/15343.html

#批改狀態：合格

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

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

##學員：

阿乎的學習

作業網址：

https://www.php.cn/blog/detail/15310.html

學員總結：

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

批改狀態：

合格

Teacher’s comment: Find the problem and then find the answer through your own thinking. This method is quite correct. This time you will never forget it.

7. Imitation Qiantu.com: Use flex The layout imitates the mobile page of Qiantu.com - September 10, 2019

Student: 元

Assignment address: https://www.php.cn/blog/detail/15419.html

Student summary: There is too much content, please read it yourself

Correction Status: Qualified

Teacher’s comments: Well written, I also made one more

8. Front-end framework layout: Imitation of Litchi micro-course front-end-September 12, 2019

Student: 元

Assignment address: https://www.php.cn/blog/detail /15420.html

Student summary:

Achieve the effect of three pages

Home page, study, and my three pages

Actual effect reference website: https://www.icaoyuan.cn/0912/index.html

Correction status:qualified

Teacher’s comments: The production is very beautiful

9. Imitate the mobile homepage of Ctrip.com: Make the mobile homepage of Ctrip.com. 2019-09-10

Student: 风风

Assignment address: https://www.php. cn/blog/detail/15432.html

Student summary:

Here Flexible boxes are used frequently and are very convenient to lay out. On the right side of the special sale, there are thousands of special offers, overseas selections, and peripheral entertainment. Due to limited capabilities, I didn’t figure out how to use a flexible box to complete it, so I used relative positioning, which seemed very rough.

This assignment improves the proficiency in using unordered lists for flexible boxes, nested elements, and navigation.

Correction status: Qualified

Teacher’s comment: Ctrip’s main navigation has a background image, and the background color is gradient. You may I didn’t notice

Wishes:

Students, keep up the good work, work hard with the teachers, fight for another 2 months, and learn something. OK, get to work soon!

Related recommendations:
1. "php中文网九网在线观看直播", will start enrollment soon, so stay tuned!
2. Detailed introduction to the development teaching of the eighth very large CMS system