목록퀴즈기능구현 (1)

잡다한 사전

퀴즈 화면 제작하기 ( 사이트 제작 4 )

이번 장에서는 퀴즈 화면을 제작해 보도록 할게요~ 저번장에서 홈 화면에서 "시작해보자~"라는 버튼을 클릭하면 퀴즈가 시작하게 되는데 이때 실행되는 퀴즈 화면을 제작해보겠습니다~ 첫 번째!! 퀴즈 화면 구성을 어떻게 하였는지 알아보도록 하겠습니다~ 퀴즈 화면은 위 사진 처럼 구성할 예정입니다. 화면을 구성하는 HTML 코드부터 보여드리겠습니다. Question 1 질문? 뭐죠..? HTML 코드는 전 장에서 알려드린 HOME 화면 코드랑 많이 다르지 않은 것을 알 수 있어요. 그 이유는, 기본 틀은 그대로 이용을 하면서 기능을 변경해주고 있기 때문입니다. (CSS파일은 다음장에서 코드를 보면서 더 자세히 설명드리도록 할게요~) 두 번째에서는 정답을 체크해주는 기능을 php로 기능을 구현해 보도록 하겠습니다..
사이트제작/사이트제작 공부하기 2021. 1. 10. 04:25
이전 Prev 1 Next 다음