HTML 2

블로깅챌린지]Unit.4 HTML / CSS 활용 - 코드스테이츠

SEB_FE_45 Section1. Unit 4. HTML / CSS 활용 1. 레이아웃 레이아웃이란 각각의 요소를 목적에 맞게 배치하는 것이다. 이를 위해 와이러프레임 작업을 먼저 수행해야 한다. 와이어 프레임이란 레이아웃의 뼈대를 그리는 단계이다. 와이어프레임은 선과 도형을 이용하여 인터페이스를 시각적으로 표현하는 것이며, 레이아웃과 제품의 구조를 단순하게 보여주는 용도이다.(전환효과, 애니메이션, 사용자 경험에 대한 판단은 고려하지 않는다.) 와이어프레임 단계이후에는 목업(Moke-up)을 만들어야 한다. 목업이란 대부분의 산업에서 실물크기의 모형을 의미한다. 와이어프레임과 목업이 없는 HTML은 도면없는 건물과 같다고 볼 수 있다. HTML 구성은 컨텐츠의 흐름 방향에 따라 차례대로 진행한다. 컨..

1주차 개발일지] 웹브라우저 원리부터 웹페이지 만들기까지

친구의 추천으로 스파르타코딩클럽에서 운영하는 내일배움단 웹개발 강의를 신청했다! 내일배움단 신청이 조금 복잡하긴 했지만, 결제까지 완료! 1주차 강의 시작! naver 메인 페이지의 카테고리의 이름을 바꿔보며, 웹 브라우저의 원리에 대해 배웠다. 웹브라우저 : 요청한 내용을 그려주는 역할! 이후 코딩을 하기 위한 도구를 설치하였다.(VS코드) 한글패치도 해주고, 내가 쓴 코드가 웹에서 어떻게 동작하는지 보기 위한 live server 앱도 설치하였다. 이후, 간단한 로그인페이지를 만들어보며, HTML과 CSS의 기초에 대해 공부하였다. HTML : 웹에 뼈대가 되는 부분 CSS : 꾸며주는 부분 HTML의 기본 뼈대는 vs코드에서 html을 검색하면 쉽게 만들 수 있다. HTML은 head 와 body ..