사이트 제작하기/Text Type 텍스트 유형3 [사이트 제작] 세번째 : 텍스트 유형 TYPE.03 사이트 제작하기 : 📝 텍스트 유형03 텍스트 유형은 이미지가 아닌 말 그대로 텍스트로 이루어진 유형입니다. 이번 유형은 카드유형01번과 비슷한 레이아웃이지만 디테일이 많이 추가 된 유형입니다. 오늘 만들 사이트 형식 사이트 제작 방법 1. Figma 사용해서 레이아웃 설정 사이트를 만들기 위해서는 먼저 사이트 레이아웃을 설정해야 합니다. (그리드 이용) 밑의 이미지와 같이 figma를 이용하여 레이아웃을 설정해줄 수 있습니다. " shift + R " 로 자 기능을 활용하여 레이아웃을 만들어줍니다. ※ 이 때, 칸이나 줄이 확실하게 맞아야 하며 오차없이 레이아웃을 설정해주는 것이 중요합니다. 2. vscode를 통해 코딩해주기! : HTML편 레이아웃을 다 설정해줬다면 코딩을 해봅시다! html의 bo.. 2022. 9. 1. [사이트 제작] 두번째 : 텍스트 유형 TYPE.02 사이트 제작하기 : 📝 텍스트 유형02 텍스트 유형은 이미지가 아닌 말 그대로 텍스트로 이루어진 유형입니다. 이번 유형은 제목과 주제별 내용들을 나누어 구조를 짜주어야 합니다. 오늘 만들 사이트 형식 사이트 제작 방법 1. Figma 사용해서 레이아웃 설정 사이트를 만들기 위해서는 먼저 사이트 레이아웃을 설정해야 합니다. (그리드 이용) 밑의 이미지와 같이 figma를 이용하여 레이아웃을 설정해줄 수 있습니다. " shift + R " 로 자 기능을 활용하여 레이아웃을 만들어줍니다. ※ 이 때, 칸이나 줄이 확실하게 맞아야 하며 오차없이 레이아웃을 설정해주는 것이 중요합니다. 2. vscode를 통해 코딩해주기! : HTML편 레이아웃을 다 설정해줬다면 코딩을 해봅시다! html의 body 부분에 레이아.. 2022. 9. 1. [사이트 제작] 첫번째 : 텍스트 유형 TYPE.01 사이트 제작하기 : 📝 텍스트 유형01 텍스트 유형은 이미지가 아닌 말 그대로 텍스트로 이루어진 유형입니다. 아이콘이 들어가므로 아이콘을 어떤 방법으로 넣어줄지 생각해보아야 합니다. 오늘 만들 사이트 형식 사이트 제작 방법 1. Figma 사용해서 레이아웃 설정 사이트를 만들기 위해서는 먼저 사이트 레이아웃을 설정해야 합니다. (그리드 이용) 밑의 이미지와 같이 figma를 이용하여 레이아웃을 설정해줄 수 있습니다. " shift + R " 로 자 기능을 활용하여 레이아웃을 만들어줍니다. ※ 이 때, 칸이나 줄이 확실하게 맞아야 하며 오차없이 레이아웃을 설정해주는 것이 중요합니다. 2. vscode를 통해 코딩해주기! : HTML편 레이아웃을 다 설정해줬다면 코딩을 해봅시다! html의 body 부분에 .. 2022. 8. 30. 이전 1 다음
