웹디자인3 "피그 마 웹 사이트 제작 가이드 - 초보자를 위한 단계별 안내" 1. 웹 사이트 제작을 위한 기본 개념 이해 웹 사이트란 인터넷 상에서 정보를 공유하거나 서비스를 제공하기 위해 만들어진 전자 매체 도메인은 웹 사이트의 주소를 나타내며 사용자가 웹 사이트에 접속할 수 있게 도와줌 웹 호스팅은 웹 사이트를 인터넷에 게시하기 위해 필요한 서비스를 제공하는 곳 HTML은 웹 페이지를 만들기 위한 기본적인 언어로 구조를 정의하고 내용을 나타냄 CSS는 HTML로 만든 웹 페이지의 디자인과 스타일을 꾸밈 JavaScript는 웹 페이지에 동적인 기능을 추가하고 상호작용을 가능하게 함 2. 필요한 도구 및 소프트웨어 소개 웹 브라우저: 웹 페이지를 띄우고 확인할 수 있는 크롬, 파이어폭스 등 텍스트 에디터: HTML, CSS, JavaScript 등을 작성.. 2024. 8. 1. figma 폰트 추가하기 - 간편한 방법 소개 - Figma에서 폰트 추가하기 Figma에서 폰트를 추가하는 방법은 매우 간편합니다. 먼저 Figma 앱을 열고 작업 중인 파일을 선택합니다. 그 후, 상단 메뉴에서 "설계"를 클릭한 후 "스타일"을 선택합니다. 이어서 폰트 패널을 열기 위해 텍스트 도구를 선택하고, 폰트 패널 우측 상단에 있는 "폰트 편집" 아이콘을 클릭합니다. 그러면 "폰트 패밀리"를 클릭하여 사용하고자 하는 폰트를 검색하고 추가할 수 있습니다. 추가한 폰트는 이후 이 파일이나 다른 파일에서도 사용할 수 있어 효율적입니다. - Google Fonts로 새로운 폰트 다운로드하기 Google Fonts를 통해 새로운 폰트를 다운로드하는 것은 매우 간편한 과정입니다. 먼저 Google Fonts 웹사이트에 접속하여 원하는 폰트를 검색합니.. 2024. 4. 3. 바버 뷰포트 - 효율적인 웹 디자인의 핵심 요소 1. 바버 뷰포트(Viewport)란 무엇인가? 바버 뷰포트(Viewport)란 웹 페이지를 표시하는 브라우저 화면의 영역을 말합니다. 모바일 기기와 데스크톱 컴퓨터 모두에서 웹 페이지가 정상적으로 표시되도록 도와주는 중요한 요소입니다. 바버 뷰포트를 올바르게 설정하면 사용자가 화면을 확대 또는 축소할 수 있고, 반응형 웹 디자인이나 모바일 친화적인 디자인을 구현하는 데 도움이 됩니다. 따라서 웹 디자인에서 바버 뷰포트는 효율적이고 사용자 친화적인 경험을 제공하는 핵심 요소 중 하나로 꼽힙니다. 2. 바버 뷰포트의 중요성 바버 뷰포트는 웹 디자인에서 매우 중요한 요소입니다. 화면 크기에 따라 콘텐츠가 어떻게 표시되는지를 결정하기 때문에 반응형 웹 디자인을 구현하는 데 필수적입니다. 이를 통해 사용자들이 .. 2024. 3. 30. 이전 1 다음