코딩 학원(국비지원)/개인 프로젝트 썸네일형 리스트형 개인프로젝트 What I DO 영역 완성 개인프로젝트 What I DO 영역까지 완료. 내일은 배경 영역을 완료해보자. 그리고 책에 나온대로 만들어봐야겠다. 원본코드를 따라가되 약간씩 변형하는 것이 좋다. 코드 자체가 이해가 안될 때가 있는데 고쳐보면 뭐가 달라지는지 알 수 있기 때문이다. 일단 이모티콘 홈페이지는 두 번째 프로젝트로 하고, 포트폴리오 웹페이지부터 만들어보자. 내일 수정할 것. 왜 책에 나온대로 하면 가운제 정렬이 되지 않을까? 교과서에 없는 내용을 넣자 가운데 정렬이 됐다. what I DO도 마찬가지다. 하얀 박스들이 왼쪽으로 붙어가지고 옮기느라 고생했다. 더보기 헤더 영역과 메인 영역 완성. 헤더 영역과 메인 영역을 끝냈다. 아직 초안이고 대략적으로 만들었다. 앞으로 계속 수정하게 될 것이다. 이제는 각 섹셕 영역을 만들어볼 것이다. 메인 영역을 제외한 나머지 영역을 섹션영역으로 볼 수 있다. 먼저 About 영역이다. 섹션영역을 만드는데 계속 막히고 있다. 시키는대로 코드를 입력했는데도 결과물이 나오지 않는다. 본문을 이미지와 텍스트로 나누고 싶은데... float 속성으로 레이아웃을 분할하고 각각 너비의 절반씩 차지하도록 지정? 반반으로 나눠지지 않는데 아... section 태그인데 div를 써놨다. 그냥 다 지우고 다시 입력해야겠다. 그냥 다시 했다. 결과물... 교과서대로 그대로 입력하는 것도 힘들다. 2시간 동안 뭘 한건지? 코딩하면서 매번 느끼지만 하고 나면 뭘했지? 라는 질문을.. 더보기 코딩 개인프로젝트 : 웹페이지 만들기 개인프로젝트를 시작한다. 웹페이지 만들기, 도메인 등록 및 수익화가 목표다. 일단 HTML, CSS, Javascript 부분부터 만든다. 오늘은 헤더부분을 만들었다. 1. HTML 코드 JSH About Features Portfolio Contact 2. CSS 코드 *{ margin: 0; padding: 0; box-sizing:border-box; } a, a:link, a:visited{ color:inherit; text-decoration:none; } li{ list-style:none; } .container { width:1140px; margin:0 auto; } header{ position:absolute; color:black; top:0; z-index:1; width:100.. 더보기 이전 1 2 다음
