자 이제 로그인 화면 틀을 잡았으니 Header틀을 잡을 차례이다.
KakaoOven에서 구성했던것을 기반으로 다시 만들어보자.
Header를 만들기 전에 알아야할 시맨틱구조에 관한것을 알아보자.
다음과 같이 구성되어있고, 이를 기반으로 구성하면 페이지 구현에있어서 매우 수월합니다.
이전 글과 같이 KaKao Oven을 보면서 구성을 한 결과
아무리 꾸며봐도 미흡해보이네요ㅠ
그래도 코드와 함께 올려보겠습니다.
<HTML>
<CSS>
<Script>
이제 이전 글 처럼 부분별로 이클립스에서 JSP부분과 CSS부분을 나누어 주시면됍니다!
Footer도 같은 방식으로 개인의 기호에 맞게 만들어 주시면됍니다!
아차! 중요한걸 빼먹었어요!
코드상에서 Section의 위치인데요 Header.jsp에서 Section을 열어주었던 부분을 Header에서 닫아주는것이아니라,
Footer에서 닫아주어야해요!
이렇게 해주셔야 페이지 생성시 Header와 Footer를 추가할때
이러한 시멘틱 구조를 가질 수 있습니다 :)
'Projects > Project(1) - University Portal System' 카테고리의 다른 글
| Project(1) - 학사 정보 시스템 만들기 - DataBase 구축 (0) | 2019.11.26 |
|---|---|
| Project(1) - 학사 정보 시스템 만들기 - 로그인 기능만들기 (0) | 2019.11.22 |
| Project(1) - 학사 정보 시스템 만들기 - DB 계정생성하기 (0) | 2019.11.22 |
| Project(1) - 학사 정보 시스템 만들기 - Login 화면 틀잡기 (0) | 2019.11.18 |
댓글