PHP 중국어 웹사이트 제8회 온라인 수업 우수 숙제 전시

PHP 중국어 웹사이트의 여덟 번째 온라인 수업이 시작된 지 한 달이 지났습니다. 참가한 학생들은 잘 지내고 있나요? PHP 중국어 웹사이트의 편집자가 여러분의 참고를 위해 학생들의 훌륭한 숙제 중 일부를 정리했습니다!

다음은 WEB 프론트엔드 과제입니다. 일정기간 PHP 단계를 학습한 후 업데이트됩니다

1. 우아한 수업 일정: 테이블을 활용하여 간단한 수업 일정 만들기 연습 -- 2019년 9월 6일

학생: Xiao Xing

집 주소:https://www.php.cn/blog/detail/15402.html

(페이지 효과 표시)

수정 상태 : 적격

선생님 코멘트: 이 강좌 일정은 저를 놀라게 했습니다. 평범한 형태도 이렇게 완벽할 수 있군요

2. 메이투안 모바일: 추석 숙제를 모방한 메이투안 터치스크린 버전-2019-9-12 숙제

학생: Zero의 블로그

과제 주소: https://www.php.cn/blog/detail/15403.html

학생 요약:

코드 2개 있다 해결되지 않은 문제들 (선생님 시간 되시면 댓글 달아주시고 팁 주세요, (#^.^#)):

1 오른쪽 상단 아이콘이 중앙에 있지 않아요

2 마음에 드는 텍스트가 나올 것 같아요. 위치를 최소로 줄인 경우. .

페이지 레이아웃은 플렉스 레이아웃을 사용합니다. (블랙 팩토리는 휴일이 없습니다...) 프레임워크가 작성되지 않았습니다. 레이아웃은 간단해 보이지만 그래도 5시간 정도 걸렸습니다. 코드는 작성하기가 다소 어색하지만 단계별로 테스트됩니다. 하지만 매우 행복합니다.

수정 상태: 합격

선생님 코멘트: 졸업하고 메이투안에 가고 싶나요? 교복이 너무 노랗고 안생겼어요 ㅎㅎ

3. 엘레메 홈페이지

과제주소 : https://www.php.cn/blog/detail/15372.html

학생요약 :

글쓰기, 저장하기, 효과보기, 유연성에 대해서는 상자를 잘 이해하지 못하기 때문에 기본적으로 내부 및 외부 여백의 픽셀 값을 사용하여 이를 달성합니다. 다른 것보다 이 페이지가 좋아요

4. Jingdong 모바일 모방: Jingdong Mall의 모바일 홈페이지 모방 - 2019년 9월 10일

학생: cat의 블로그

과제 주소:

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

수정 상태: 합격

선생님의 코멘트: 숙제 요구 사항을 훨씬 뛰어넘는 수준입니다. 페이지를 주의 깊게 보면 나쁘지 않습니다. 재사용할 수 있는 작은 부품이 많다는 것을 알게 되었어요. 표준 부품으로 만들어 보셨나요?

5. Xiaomi Mall::flex 레이아웃을 모방하세요.--2019-09-10

학생: sjgbctjda의 블로그

과제 주소:

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

수정 상태: 적격

선생님 댓글: I 샤오미도 만들었어요 , 나쁘지 않네요, 글쓰기에 중독되셨나요? 6. PHP 따라하기 중국어 Net: day9: flex elastic boxlayout 20190910

학생:

Ahuhu의 학습

숙제 주소:

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

학생 요약:

글을 너무 느리게 쓴다. 다른 글을 쓸 시간이 없다. 근무시간에 몰래 쓴다! 테스트 후 프로젝트를 플렉스 컨테이너로 중첩할 수도 있다는 것을 알았습니다. 작성 중에 큰 구덩이를 만나 시간을 낭비했습니다. 최신 업데이트를 작성할 때 p 태그의 문자가 너무 길어서 영향을 미칠 수 있습니다. 프로젝트의 길이가 사진 때문인 줄 알았는데, 사진의 폭이 제한되어 있어서 여기서 한참을 맴돌았네요! 나중에 p 요소의 문자가 너무 길어서 문제가 발생했다는 사실을 발견하고 문제를 해결하기 위해 상위 요소 div에 최대 너비 상대 너비를 추가했습니다! !

수정 상태:

통과

선생님 코멘트: 문제를 찾은 다음 자신의 생각을 통해 답을 찾으세요. 이 방법은 매우 정확합니다. 이번에는 절대 잊지 못할 것입니다.

7 Qiantu를 모방하려면 플렉스 레이아웃을 사용하세요. com 모바일 페이지--2019 2019년 9월 10일

학생:Yuan

과제 주소:https://www.php.cn/blog/detail/15419.html

학생 요약: 내용이 너무 많아요 여러분 직접 확인해보세요

수정상태: 합격

선생님 코멘트: 잘 썼어요, 또 하나 만들었어요

8. 프론트엔드 프레임워크 레이아웃: 리치 마이크로코스 프론트엔드 모방 - 2019년 9월 12일

학생: Yuan

숙제 주소:https://www.php.cn/blog/detail/15420.html

학생 요약:

3페이지 효과 달성

홈페이지, 공부, 나의 3페이지

실제 결과 참고 URL : https://www.icaoyuan.cn/0912/index.html

수정상태 : 적격

선생님 코멘트: 제작이 매우 훌륭합니다. 절묘합니다

9. 씨트립 모바일 홈페이지 흉내내기: 씨트립 모바일 홈페이지를 만들어 보세요. 2019-09-10

학생: Fengchui

과제 주소: https://www.php.cn/blog/detail/15432.html

학생 요약 :

여기에서는 유연한 상자가 매우 자주 사용되며 배치하기가 매우 편리합니다. 스페셜 세일 오른쪽에는 수천 가지의 특별 제안, 해외 셀렉션, 주변 엔터테인먼트가 있습니다. 제한된 기능으로 인해 플렉서블 박스를 사용하여 완성하는 방법을 알 수 없어서 상대 포지셔닝을 사용했습니다. 매우 거칠어 보였습니다.

이 과제는 유연한 상자, 중첩된 요소 및 탐색에 대해 순서가 지정되지 않은 목록을 사용하는 능력을 향상시킵니다.

수정 상태: 통과

선생님 코멘트: Ctrip의 메인 네비게이션에 배경 이미지가 있고, 배경색이 그라데이션이어서 눈치채지 못하셨을 수도 있어요

소망:

학생 여러분. 수고했고, 선생님들과 함께 열심히 일하고, 앞으로 2개월 더 파이팅하고, 배움에 성공하고, 하루빨리 일을 시작해 보세요!

관련 추천:
1. "php 중국 웹사이트 9개 실시간 온라인 수업", 등록이 곧 시작될 예정이니 조금만 기다려주세요!
2. 8번째 초대형 CMS 시스템의 개발 교육에 대한 자세한 소개