728x90
반응형

레이아웃만들기 2

비주얼스튜디오코드 기초③ 웹페이지 레이아웃만들기

포토샵) 웹페이지 레이아웃 만들기 3 view > new guide > 가이드라인 설정해주기 vertical 400px vertical 640px vertical 1280px 로고/ 네비게이션/ 컨텐츠 1,2,3 레이어 추가해주기 영역별 색칠해주기(alt+delete) 푸터 비주얼 스튜디어 코드) 웹페이지 레이아웃 만들기 3 웹페이지 기본구성요소인 header/ banner/ contents/ footer 레이아웃 지정 header안에 로고, 네비게이션, contents안에 세부콘텐츠를 추가해야함 header안 자식인(로고. 네비게이션)을 넣어준다 .logo 을 치면 .nav 을 치면 자식은 . 으로 시작하고 자식은 클래스 이다. css에서는 #header .logo{} / #header .nav{} h..

비주얼 스튜디오 코드 기초② 웹페이지 레이아웃 만들기

concept(overview, color(주조색,보조색,강조색)) > logotype(텍스트, 아이콘), 로고설명, 로고 치수 > main font(영문,한글) 두께 > wire frame(골조), 레이아웃 TOOL: 피그마/포토샵/일러스트레이션 Reference > 회사의 웹페이지를 벤치마킹 웹페이지 주제정하기: 반응형X , 팀프로젝트(개발), 반응형 헤더(Header) 배너(Banner) 컨텐츠(Contents) 푸터(Footer) 비주얼 스튜디오 코드 _확장프로그램 Live Server 설치 extensions > live server 설치 live server : 미리보기 프로그램 하단에 Go Live라고 뜨면 실행가능한 상태이다. html 5 css: css3버전, 바디의 속성을 바꿔줌 *포토..

728x90
반응형