ホームページ  >  記事  >  PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

PHP中文网
PHP中文网オリジナル
2019-10-10 11:35:355002ブラウズ

php中国語ウェブサイト第8回オンライン授業、授業が始まって1ヶ月が経ちましたが、授業に参加した学生の皆さんはいかがですか? phpchinese.com の編集者が、参考のために生徒たちの優れた宿題を整理しました。

以下は WEB フロントエンドの課題であり、一定期間 PHP ステージを学習した後に更新されます

1. エレガントなクラス スケジュール: テーブルを使用して、簡単な授業スケジュールの作成を練習します -- 2019 年 9 月 6 日 日付

生徒: 小星

課題アドレス: https://www.php.cn/blog/detail/15402.html

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

(ページ効果表示)

訂正ステータス: 合格

先生のコメント: このカリキュラムには驚きました、普通のフォームがこんなに完璧になるなんて驚きです

2. Meituan Mobile: 中秋フェスティバルの宿題 - 美団タッチスクリーン版を真似る - 2019-9-12 課題

学生: Zero Degree のブログ

課題アドレス: https://www.php.cn/blog/detail/15403.html

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

##学生の概要:

コードが 2 つあります 未解決の問題 (先生が暇なときにコメントして提案します (#^.^#)):

1 上部右側のアイコン

2. 好みのテキストを推測してください 最小に縮小すると、位置がずれます。 。

ページ レイアウトはフレックス レイアウトを使用しています。時間があまりないので (ブラック ファクトリーは休みではありません...)、フレームワークは書いていません。レイアウトはシンプルに見えますが、それでも書くのに5時間くらいかかりました コードはこれだけです ちょっと恥ずかしいですが、段階的にテストしながら書きました。でもとても幸せです。

修正ステータス:

認定済み

先生のコメント:

卒業後は美団に行きたいですか?制服が黄色すぎるので無理です。いいですね、笑

3. Ele.me モバイル端末: Ele.me ホームページの模倣

割り当てアドレス:

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

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

生徒の概要:

執筆、保存して読み込む 効果、フレキシブルボックスの理解が不十分なので、基本的に内側と外側のマージンのピクセル値を使って実現しています

修正状況:

認定済み

先生のコメント:

皆さんは他の人よりも優れており、このページは素晴らしいです

4. 模倣京東モバイル端末: 模倣京東モールモバイル端末ホームページ -- 2019 年 9 月 10 日

学生:

cat のブログ

課題アドレス:

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

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

修正ステータス:

認定済み

先生のコメント:

宿題の要件をはるかに超えており、優れており、慎重です。ページを観察すると、再利用できる小さな部品がたくさんあることがわかります。それらを標準部品にすることを検討しましたか?

5. Xiaomi Mall::flex レイアウトを模倣する--2019-09- 10

学生:

sjgbctjda のブログ

課題アドレス:

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

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

修正ステータス:

認定済み

先生のコメント:

戻る Xiaomi を作りました、悪くありません、書くのに夢中ですか?

6. PHP の中国語 Web サイトを真似する: 9 日目: フレックス エラスティック ボックス レイアウト 20190910

生徒:

アフフの学び

宿題のアドレス:

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

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

生徒の概要:

書くのが遅すぎて時間がありません。勤務時間中にこっそり書いてます!テストした結果、プロジェクトをフレックス コンテナとしてネストすることもできることがわかりました。2 番目のステップを作成するときに、大きな落とし穴に遭遇し、時間を無駄にしました。最新の更新を作成するとき、p タグの文字が長すぎるため、写真のせいかと思ったのですが、写真の幅が限られていて、長い間ここで止まっていました!後で、p 要素の文字が長すぎることが原因であることがわかり、親要素 div に max-width 相対幅を追加して問題を解決しました。 !

修正ステータス:

認定済み

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

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

學員:

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

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示#學員總結:內容太多,大家自己看吧

批改狀態:合格

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

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

學員:

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

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

學員總結:

實現三個頁頁的效果

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

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

批改狀態:合格

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

#9.仿攜程網行動裝置首頁:製作攜程網行動裝置首頁。 2019-09-10

學員:風吹

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

PHP中国語ウェブサイトの第8回オンラインクラスの優れた宿題表示

#學員總結:

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

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

批改狀態:合格

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

祝願:

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

相關推薦:1. 《
php中文網九期線上直播授課班》,即將開始招生,敬請關注! 2.  
第八期超大型CMS系統的開發教學詳細介紹#

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。