[개발일지 2022.5.17] HTML/CSS (실습) 카페 웹 페이지

허제민·2022년 5월 17일
0

1.학습한 내용

1)웹페이지 꾸미기







이전에 뼈대만 만들었던 뉴스와 사이트등을 css를 통하여 유사하게 꾸미는 것이 가능해졌다.


header , nav , section, aside, footer 등으로 화면을 나눈뒤 원하는 모양, 버튼을 넣고, 원하는 폰트를 지정하는것으로
더욱더 사이트다운 모습이 만들어갈수있다.

2.학습내용 중 어려웠던 점

수업을 진행하던 도중, 원하는 문단이 사진 옆으로 이동하지 않는 문제를 겪게되었다.
또한 문단이 사진 옆으로 이동하는게 되는사람도 있고, 안되는 사람도 있게 되었다.

3.해결방법

이는 문단의 가로 길이 제한이 설정되어있지 않았기 때문에, 문단내용의 길이가 짧은 경우에는 줄바꿈을 하지않아도 사진의 옆으로 이동해도 되는 가로길이를 가지고 있었기 때문에 올라간것이고.
문단내용의 길이가 길어서 줄바꿈이 필요하게되었을때는, 문단의 가로길이 width를 설정하는것으로써 올릴수있게되었다.

4.학습소감

기존의 뼈대만 만들었던 사이트의 화면에서
지금까지 조금씩 배웠던 css를 통하여서
전체적으로 봤을때는 복잡해 보였지만, 부분부분마다 배웠던 요소가 들어가며 사이트의 형태를 제대로 닮아가도록 나오게 되어가고있다.

profile
대구 AI 스쿨 2기 초급개발자 과정을 진행중인 허제민입니다.

0개의 댓글