%402x.svg){kind=icon}
모르면 지는거야!Webflow 작업을 10배 더 빠르게 수행할 수 있는 기본 지식!
웹플로우 전문가 마사토가 기본적인 웹플로우 작업에 대한 지식을 소개합니다.HTML과 CSS의 위치, ALL 태그의 존재 여부, CSS 패널에서의 색상의 의미 등 초보자가 쉽게 접할 수 있는 부분에 대해 자세히 설명합니다.특히 “링크 색상이 변하지 않는다”와 같은 문제에 대한 해결책도 제공합니다.초보자를 위한 비디오도 제공됩니다.
Read more...웹플로우 전문가 마사토가 기본적인 웹플로우 작업에 대한 지식을 소개합니다.HTML과 CSS의 위치, ALL 태그의 존재 여부, CSS 패널에서의 색상의 의미 등 초보자가 쉽게 접할 수 있는 부분에 대해 자세히 설명합니다.특히 “링크 색상이 변하지 않는다”와 같은 문제에 대한 해결책도 제공합니다.초보자를 위한 비디오도 제공됩니다.
Read more...웹플로우를 사용하여 약 21일에 걸쳐 하루 30분 동안 웹 제작을 진행합니다.웹 언어에 대한 지식이 없는 사람도 작업할 수 있도록 초보자를 위해 설명되어 있습니다.Webflow를 처음 접한다면 여기서 시작해 보는 건 어떨까요?
Read more...このコースは未経験からWebflowを学ぶためのコース1日目です。Webflowでポートフォリオを作成しながらホームページに必要な機能を覚えていきましょう。今回はプロジェクトを開始し、簡単な見出しを作成していきます。
Read more...Webflow로 내비게이션과 심볼을 만드는 방법을 설명하겠습니다.“Webflow를 시작하는 방법을 알고 싶다” 또는 “웹 디자이너가 되고 싶다”는 사람과 웹 경험이 없는 사람도 한 번에 한 단계씩 발전할 수 있도록 웹에서 시작합니다.
Read more...웹플로우의 CMS를 사용하는 방법을 설명하겠습니다.Webflow의 CMS는 일반적인 디자인의 페이지를 쉽게 만들 수 있는 기능입니다.블로그, 스토어 공지 등 정기적으로 업데이트되는 페이지를 만드는 데 사용할 수 있습니다.
Read more...Webflow를 마스터하고 미경험자에서 웹 디자이너가 되는 것을 목표로 하는 과정의 4일차입니다.Webflow를 사용하면 연락처 양식을 매우 쉽게 만들 수 있습니다.연락처 양식을 만드는 방법뿐만 아니라 실제로 사용할 수 있는 연락처 양식을 사용하는 방법도 설명하겠습니다.
Read more...웹플로우를 사용하여 바닥글을 만드세요.웹사이트 하단에 위치하여 사이트맵, 문의 등의 역할을 하는 바닥글로 주로 보조 또는 보조 역할을 합니다.Webflow 사용법을 배우면서 웹사이트를 만들어 봅시다.
Read more...스마트폰이 주류가 된 현대에는 반응형 디자인이 절대적으로 필요합니다.Webflow를 사용하면 직관에 의존하여 아름다운 디자인을 만들 수 있습니다.지금까지 만든 웹 사이트를 기반으로 Webflow로 반응형 디자인을 만드는 방법을 알아보겠습니다.
Read more...WebFlowCMS를 사용하여 페이지당 작업량으로 한 번에 4페이지를 만드는 매직 파트 2입니다.경험이 부족한 분들을 위해 Webflow를 사용하는 방법을 설명하겠습니다.이 사이트에서는 Webflow CMS를 완전히 무료로 사용하는 방법을 배울 수 있습니다.
Read more...Webflow CMS 프로젝트 페이지를 만드는 방법을 두 부분으로 나누어 설명하겠습니다.Webflow를 완전히 무료로 사용하는 방법을 설명하겠습니다.경험이 없더라도 웹 디자이너로 활동할 수 있도록 21일 단위로 설명하겠습니다.
Read more...CMS 페이지를 위한 반응형 디자인을 만드세요.주 작업은 6일차에 반응형 디자인을 만들 때와 마찬가지로 여백과 패딩을 조정하는 것입니다.Webflow의 CMS를 한 페이지 편집하면 모든 페이지에 반영되기 때문에 번거롭지 않습니다.
Read more...Webflow에서 문의 페이지를 만드는 방법을 설명하세요.Webflow를 사용하면 코드 지식 없이도 원본 연락처 양식을 만들 수 있습니다.또한 매우 짧은 시간에 쉽게 만들 수 있습니다.웹 제작 경험이 없는 사람도 쉽게 문의할 수 있습니다.
Read more...웹플로우에서 reCAPTCHA를 도입하는 방법을 설명하겠습니다. reCAPTCHA는 무단 액세스를 방지하기 위해 필요합니다.구글에서 제공하는 것을 사용하므로 무료로 설치할 수 있습니다.보안을 강화하려면 이를 구현하는 것이 좋습니다.
Read more...Webflow에서 SEO를 설정하는 방법을 설명하겠습니다.또한 SNS에서 링크 공유를 설정하는 방법도 설명합니다.SEO에 맞게 Webflow를 쉽게 구성할 수도 있습니다.설명은 경험이 부족한 사람들을 위한 것이므로 “SEO란 무엇인가”부터 시작하겠습니다.
Read more...Webflow를 사용하여 웹 이미지를 완전히 변경하는 방법을 설명하겠습니다.디자인 작업이 완료되면 “역시 이 정도면 괜찮아”라는 수정을 부탁받는 경우가 많습니다.이번에는 전체 이미지를 좀 더 밝은 이미지로 변경해 보겠습니다.
Read more...Webflow를 사용하여 애니메이션을 추가하는 방법을 설명하겠습니다.연속 애니메이션 글로우 호버 효과를 설명하겠습니다.실제로 애니메이션을 추가하고 어떻게 작동하는지 확인해 보겠습니다.
Read more...Webflow를 사용하여 애니메이션을 추가하는 방법을 설명하겠습니다.먼저 Webflow의 애니메이션 기능에 대한 기본 사항을 설명하겠습니다.① 에서 시간 애니메이션을 설정하고 다음 번에 ② 에서 완성해 보겠습니다.애니메이션을 추가하는 방법에 대한 기초부터 배울 수 있습니다.
Read more...웹플로우를 사용하여 404 페이지를 만드세요.단순히 오류를 알려주는 것에는 문제가 없으니, 이번에는 마우스를 따라가는 애니메이션을 만들어 사용자들이 조금이라도 놓치지 않도록 방법을 고안해 보려고 합니다.
Read more...
.avif)
.webp)
