김미썸코딩페이지 구성은 다음과 같다. 메인화면 메뉴 신상정보 즐겨찾기 갤러리 관심분야 총 6페이지였고 최소 4페이지를 만들어야 했다. 난 6페이지를 모두 만들기로 결심! 와이어 프레임와이어 프레임을 대충 만들어보았다. 머리속에 떠오르는 대로 빠르게 구상하여 그리고, 빨리 개발을 하고 싶었다. 완성본 스크린샷처음 구상과 다르게 총 7페이지를 만들었다. 페이지 설명 및 코드1. 메인보러가기 버튼을 누르면 메뉴로 이동한다. main.html
main.css
2. 메뉴뒤로가기 버튼으로 메인화면으로 이동, 각 버튼을 클릭하여 해당 화면으로 이동한다. menu.html
menu.css
3. 신상정보뒤로가기 버튼을 누리면 메뉴로 이동한다. myinfo.html
myinfo.css
4. 즐겨찾기각 카드를 누르면 해당 블로그로 각각 이동하며, 뒤로가기 버튼을 누르면 메뉴로 이동한다. bookmark.html
bookmark.css
5. 갤러리 - 1메뉴에서 갤러리를 누르면 나오는 페이지이며 슬라이드로 사진보기를 클릭할경우 사진들을 슬라이드로 볼수 있다. gallery.html
gallery.css
6. 갤러리 - 2갤러리 - 1의 사진들을 슬라이드로 볼수 있다. 2초 간격으로 다음사진으로 넘어가며 '갤러리로 돌아가기' 버튼을 클릭하면 갤러리 - 1로 돌아간다. bootstrap의 carousel을 사용하여 슬라이드를 구현하였다. gallery2.html
gallery2.css
7. 관심분야할말도 없고 그래서.. 텍스트만 넣어놨다. 뒤로가기 버튼을 누르면 메뉴로 이동하는 것은 구현하였다. interest.html
interest.css
'빅데이터 플랫폼 구축을 위한 자바 개발자 양성과정' 카테고리의 다른 글
|