[학교 동아리] 동아리 홈페이지 3

 

동아리 홈페이지를 다시 만들기 위하여 기초적인 데이터베이스 설계까지 완료하였다

 

오늘은 가장 기본적인 헤더와 푸터를 만들고 로그인, 회원가입 페이지를 만들었다

 

 

홈페이지

처음에 홈페이지에 접속하면 아래와 같이 기본적인 내용을 확인할 수 있도록 하였다

헤더에는 로고, Home, Web CTF, 자료모음, 회원정보, 관리자 History가 카테고리로 존재한다

 

그리고 푸터부분에는 카피 문구와 문의사항에 대한 내용을 작성해놓았다

푸터는 홈페이지에만 있으면 될 것 같아서 홈페이지에만 적용시켰다

 

 

 

로그인/회원가입

로그인, 회원가입은 유튜브에 괜찮은 양식이 있어서 클론코딩했다

 

로그인 화면은 위와 같다

 

나중에 홈페이지가 다 완성되면 css 같은 부분을 다른걸로 바꾸는 방식으로 할 예정이다

 

 

회원가입은 위와 같이 만들었다

 

기존에는 아이디 중복확인, 비밀번호 확인 과 같은 과정이 있었지만 의미 없는것 같아 위와같이 4개만 적용했다

 

 

로그인, 회원가입의 배경이 종이처럼 되어있는 점도 마음에 들었지만 무엇보다 더 마음에 든 부분..!!

 

로그인에서 회원가입으로 넘어갈때 위와같이 애니메이션이 적용된다

 

 

로그인에서 회원가입으로 이동할때는 왼쪽으로,

회원가입에서 로그인으로 이동할때는 오른쪽으로 이동하며 변경되어 진다

 

 

 

참고주소
https://youtu.be/mtH_ImYsUsw?si=dxa9xjz_rUDSBQ3R