20.08.10 HTML,CSS 과제 초안

deokyeong1020·2020년 8월 10일
0

오늘은 HTML,CSS 과제 초안을 작성해보았다.

우선 과제를 시작하기 전 특별히 생각해둔 모형이 없었기 때문에
직접짜기보다는 다른 사람의 포트폴리오를 참고하였다.
참고 포트폴리오

디자인까지 직접 만드는게 가장 좋지만 사전스터디의 목적이 능숙함이 아닌 기본적인 사항에 관한 숙지라고 생각했을때 개발자를 지향하는 내가 디자인의 영역에 몰두하고 있는 것은 효율이 떨어진다고 생각한다.

  1. 웹사이트의 구조 나누기 (HTML영역)
    무조건적인 div코딩을 막기위해 우선 웹사이트를 목적에 맞게 공간을 나누어 보았다. 본 이미지를 참고하여 header, section, main, nav, article, aside, footer...나눠서 할 수 있는 것은 최대한 나누어 보려고하였다. 그러다 몇 몇 웹사이트를 참고해본 결과 최대한 지키고 있는게 사실이나 절대적이지는 않다. 개발자 개인의 스타일이 입혀지는 것 같다.

    --> 실제로 이대로 해보려고 노력하였으나... 네비게이션 바 하나를 만드는데 header를 억지로 만들어 여기가 nav태그를 엮는 식의 방법을 해보았다. 이미 nav만으로 구역이 나누어지는데 header를 억지로 섞으니 추후에 CSS할때 많은 불편함이 생겼다. 이미 의미를 가진 태그로 구역을 나누었다면 큰공간을 겹치는 식의 방법은 지양해야한다고 본다.
    --> 내일은 HTMl태그에 어떤 것이 있는지 한번 쓱 훑어볼 필요가 있어보인다.

  2. CSS
    특별히 학습한 부분은 없다. 지난번 학습일지에 적어놓은 내용을 최대한 적용해보았다. 내일 1.레이아웃 디자인, 2. 애니메이션 순으로 공부하면서 부족한 부분을 채워나가야겠다.
    2020.08.08 TIL

레이아웃을 굉장히 여러번 반복해서 보았다고 생각했는데.. 역시나
키보드만 잡으면 머리가 새하얗게 변한다.
처음부터 반응형으로 만들어보고자 했지만...
아직 초보임을 인정하고 일단 죽이되는 밥이되는 완성을 하는 쪽을 택하였다.

그..결과

profile
일일 개발 기록 블로그

0개의 댓글