main.jsp

style.css

//기존에 만든 menu.css 와 icon.css를 style.css에 통합시키고 login css를 추가하였다

//button 오른쪽 정렬을 위해 아이디 b를 td에 설정했다

result

'project(website)' 카테고리의 다른 글

First - register form  (0) 2019.08.17
First - Layout setting  (0) 2019.08.16
First - menu part  (0) 2019.08.16
First - sns icon  (0) 2019.08.16
First - responsive web design setting  (0) 2019.08.16

main.jsp

//head부분에 menu.css, style.css 링크를 추가한다

//div를 이용해 menu 아이디를 설정하고 

//ul, li를 이용해 menu 생성

responsive.css

//tablet일경우 menu가 세로로 배치되어야하므로

//menu넓이를 줄여주고 menu.css에서

//padding값을 줘서 세로로 정렬되게한다

menu.css

//list-style을 none으로 설정하고 text를 가운데 배치

//menu를 가로로 정렬하기위해 inline-block을설정한다

style.css

//하이퍼링크 속성을 제거하고 기본글꼴을 설정

result

'project(website)' 카테고리의 다른 글

First - register form  (0) 2019.08.17
First - Layout setting  (0) 2019.08.16
First - login form design  (0) 2019.08.16
First - sns icon  (0) 2019.08.16
First - responsive web design setting  (0) 2019.08.16

main.jsp

//style에 wrapper id와 box, inside class를 선언한다

//box-shadow를 통해 테두리를 만든다

//head부분에 meta tag를 추가한다

//body 부분에 design할 요소를 추가한다

//#first : menu part

//#ad : advertisement img

//#icon : sns icon part

//#second, third, fourth, fifth, sixth : main contents

//link를 통해 responsive.css를 가져온다

responsive.css

//pc, tablet, mobile 3가지 device에 대한 design설정

//mobile에서 second box가 사라지게 설정

result(mobile, tablet, pc)

'project(website)' 카테고리의 다른 글

First - register form  (0) 2019.08.17
First - Layout setting  (0) 2019.08.16
First - login form design  (0) 2019.08.16
First - menu part  (0) 2019.08.16
First - sns icon  (0) 2019.08.16

+ Recent posts