생각 작업실 The atelier of thinking

지난 회차에는 레이아웃의 종류 및 구성 요소 등에 대해서 알아봤습니다. 이번 회차에는 직접 레이아웃을 작성해보겠습니다. 레이아웃을 작성할 때 알아두면 좋은 HTML의 시맨틱 태그(Semantic Tag)에 대해서 먼저 간단히 알아보겠습니다. 1. 시맨틱 태그(Semantic Tag) 시맨틱 태그는 문서 구조와 의미를 명확하게 전달하는 역할을 하는 태그들을 말합니다. 시맨틱 태그는 웹페이지의 구조를 이해하고 해석하는 데 도움을 주며, 검색 엔진 최적화(SEO)나 웹 접근성을 향상시키는 데에도 기여합니다. 시맨틱 태그를 사용하면 코드의 가독성을 높이고 유지보수를 용이하게 할 수 있습니다. [ 시맨틱 태그 예시 ] , Header Link Link Link Column 1 Content Column 2 Mai..

지금까지 CSS를 가지고 웹페이지를 어떤 식으로 디자인하는지 하나하나 어떻게 색상 부분을 조절한다든가 텍스트의 크기를 크게 하거나 작게 조절한다거나 하는 등에 대해서 살펴봤습니다. 이번회차에는 CSS의 개별적인 속성들이 실제 웹페이지로 만들어지는 과정은 어떻게 되는지, 전체적인 웹페이지의 구성은 어떻게 하는지, 그리고 개별적인 요소들이 어떻게 어우러지는지 살펴보겠습니다. 1. 웹페이지 레이아웃이란? 웹페이지의 목적은 다양하며, 각각의 웹페이지는 특정한 목표를 달성하기 위해 설계됩니다. 웹페이지는 정보제공, 상품 또는 서비스 판매, 교육, 엔터테인먼트 등 다양한 목적이 있는데, 이 목표를 달성하기 위해서는 구성을 사용자 중심의 디자인과 효율적인 정보 전달이 될 수 있도록 하여야 합니다. 출처 : GS SH..