Hervorragende Hausaufgabendarstellung der achten Online-Klasse der chinesischen PHP-Website

Der achte Online-Kurs der PHP-Chinesisch-Website, seit Beginn des Kurses ist ein Monat vergangen. Wie geht es den Schülern, die an dem Kurs teilgenommen haben? Der Herausgeber von phpchinese.com hat die hervorragenden Hausaufgaben einiger Studenten als Referenz zusammengestellt!

Das Folgende ist eine WEB-Frontend-Aufgabe, die aktualisiert wird, nachdem Sie die PHP-Phase eine Zeit lang studiert haben

1. Eleganter Stundenplan: Verwenden Sie die Tabelle Üben Sie, einen einfachen Stundenplan zu erstellen – 6. September 2019 Tag

Schüler: Xiaoxing

Aufgabenadresse: https ://m.sbmmt.com/blog/ detail/15402.html

(Seiteneffektanzeige)

Korrekturstatus : Qualifiziert

Kommentare des Lehrers: Dieser Lehrplan hat mich überrascht, eine gewöhnliche Form kann so perfekt sein

2. Meituan Mobile: Mittherbstfest Hausaufgabe – Imitate Meituan Touch Screen Edition – 12.09.2019 Aufgabe

Student: Zero Degree's Blog

Aufgabenadresse: https:// m.sbmmt.com/blog/detail/15403.html

Studentenzusammenfassung:

Es gibt 2 Codes Probleme, die nicht gelöst wurden (der Lehrer wird kommentieren und Vorschläge machen, wenn er Zeit hat, (#^.^#)):

1 Das Symbol oben rechts ist nicht zentriert

2. Erraten Sie den Text, der Ihnen gefällt. Wenn Sie ihn auf das Minimum verkleinern, verschiebt er sich aus der Position. .

Das Seitenlayout verwendet Flex-Layout. Ich habe nicht viel Zeit (die schwarze Fabrik hat keine Feiertage ...), daher habe ich das Layout nicht einfach geschrieben, aber es ist trotzdem Ich habe ungefähr 5 Stunden gebraucht, um den Code zu schreiben. Er wurde durch schrittweises Testen geschrieben, obwohl es etwas peinlich war. Aber sehr glücklich.

Korrekturstatus: Bestanden

Kommentar des Lehrers: Möchten Sie nach dem Abschluss nach Meituan gehen und nicht? Sieht gut aus, haha

3. Ele.me-Mobilterminal: Nachahmung der Ele.me-Homepage

Zuweisungsadresse: https:/ /m.sbmmt.com/blog/detail/15372.html

Studentenzusammenfassung:

Schreiben, speichern , und lesen Sie den Effekt. Ich verstehe die flexible Box nicht ausreichend. Ich verwende grundsätzlich die Pixelwerte des inneren und äußeren Rands, um ihn zu erreichen.

Korrekturstatus: Bestanden

Kommentar des Lehrers: Jeder von euch ist besser als der andere, diese Seite ist großartig

4. Nachahmung des Jingdong-Mobilterminals: Nachahmung des Jingdong Mall Homepage für mobile Endgeräte – 10. September 2019

Student: cat's blog

Aufgabenadresse: https:// m.sbmmt.com/blog/detail/15349.html

Korrekturstatus: Bestanden

Kommentar des Lehrers: Weit über die Hausaufgabenanforderungen hinaus, nett und sorgfältig. Wenn Sie die Seite beobachten, werden Sie feststellen, dass es viele kleine Teile gibt, die wiederverwendet werden können. Haben Sie darüber nachgedacht, daraus ein Standardteil zu machen? 🎜> 5. Imitation Xiaomi Mall::flex layout--2019-09- 10

Studenten:

sjgbctjdas Blog

Aufgabenadresse:

//m.sbmmt.com/blog /detail/15343.html

Korrekturstatus:

Bestanden

Kommentar des Lehrers:

Okay, ich habe Xiaomi gemacht, nicht schlecht, bin ich süchtig nach dem Schreiben?

6. Imitieren Sie die chinesische PHP-Website: Tag 9: Flex-Elastic-Box Layout 20190910

Schüler:

Ahuhus Lernen

Hausaufgabenadresse:

//m.sbmmt.com/blog /detail/15310.html

Zusammenfassung der Schüler:

Ich schreibe zu langsam, ich habe keine Zeit Ansonsten schreibe ich heimlich während der Arbeitszeit! Nach dem Testen stellte ich fest, dass Projekte auch als Flex-Container verschachtelt werden können. Beim Schreiben des neuesten Updates bin ich auf eine große Lücke gestoßen, da die Zeichen im p-Tag zu lang sind Ich dachte, es liegt an dem Bild, aber die Breite des Bildes ist begrenzt, also blieb ich lange hier hängen! Später stellte ich fest, dass die Ursache dafür darin lag, dass die Zeichen im p-Element zu lang waren, also fügte ich dem übergeordneten Element div eine relative Breite mit maximaler Breite hinzu, um das Problem zu lösen! !

Korrekturstatus:

Bestanden

Kommentar des Lehrers: Finden Sie das Problem und finden Sie dann die Antwort durch Ihr eigenes Denken. Diesmal werden Sie es nie vergessen. Nachahmung von Qiantu.com: Flex verwenden. Das Layout imitiert die mobile Seite von Qiantu.com – 10. September 2019

Student:

Yuan

Aufgabe Adresse:

//m.sbmmt.com/blog/detail/15419.htmlStudentenzusammenfassung: Es gibt zu viel Inhalt, bitte lesen Sie ihn selbst

Korrekturstatus: Bestanden

Kommentar des Lehrers: Gut geschrieben, ich habe auch noch eines gemacht

8. Front-End-Framework-Layout: Nachahmung des Front-Ends Litschi-Mikrokurs – 12. September 2019

Student:

Yuan

Aufgabenadresse:

https ://m.sbmmt.com/blog/detail /15420.html

Studentenzusammenfassung:

Erreichen die Wirkung von drei Seiten

Startseite, Studium und meine drei Seiten

Referenz-URL für tatsächliche Ergebnisse: https://www.icaoyuan.cn/0912/index.html

Korrekturstatus:

Qualifiziert

Kommentar des Lehrers:

Die Produktion ist sehr schön

9. Imitieren Sie die mobile Homepage von Ctrip. com: Erstellen Sie die mobile Homepage von Ctrip.com. 10.09.2019

Studenten:

Wind Blowing

Auftragsadresse:

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

Studentenzusammenfassung:

Hier flexibel Kartons werden häufig verwendet und sind sehr praktisch zu gestalten. Auf der rechten Seite des Sonderverkaufs gibt es Tausende von Sonderangeboten, Übersee-Auswahl und peripherer Unterhaltung. Aufgrund der begrenzten Möglichkeiten habe ich nicht herausgefunden, wie ich eine flexible Box verwenden kann, um es zu vervollständigen, also habe ich die relative Positionierung verwendet. was sehr rau wirkte.

Diese Aufgabe hat Ihre Kenntnisse im Umgang mit ungeordneten Listen für flexible Boxen, verschachtelte Elemente und Navigation verbessert.

Korrekturstatus:

Bestanden

Kommentar des Lehrers:

Die Hauptnavigation von Ctrip hat ein Hintergrundbild und die Hintergrundfarbe ist ein Farbverlauf. Das habe ich vielleicht getan Merke es nicht

Wünsche:

Schüler, macht weiter so, arbeitet hart mit den Lehrern, kämpft noch 2 Monate, und Lerne etwas OK, mach dich bald an die Arbeit!

Verwandte Empfehlungen:

1. „Neun Live-Online-Kurse auf der PHP-Website “,
Die Anmeldung beginnt bald, also bleiben Sie dran! 2. Detaillierte Einführung in die Entwicklungslehre des achten sehr großen CMS-Systems