무작정 따라하기

무작정 따라하기 (랜딩페이지) Step.01

mr.팡 2023. 8. 30. 16:08

HTML, CSS, javascript 에 관한 기초 지식이 없으시면 이전 글을 한번 보신 후 어느정도 이해하시고 진행하시는 것을 추천드립니다.

 

2023.08.25 - [Web/html] - 01.HTML의 개요

 

01.HTML의 개요

HTML은 웹 페이지를 만드는 데 사용하는 마크업 언어이며 매우 쉽게 배울 수 있습니다. Html에 들어가는 이미 정의된 태그와 속성을 통해 쉽게 하실 수 있습니다. html을 시작해 보겠습니다. 준비된

selfda.life

 

하지만 걱정 마세요!!  아무런 지식이 없더라도  그대로 따라하시기만 하면 됩니다.


직접 디자인한 랜딩페이지를 처음부터 코딩하는 것을 보여드리기 위하여 급하게 디자인을 하였습니다.!

급하게 만든 디자인이라 다소 엉성할 수 있으니 이부분은 양해 부탁드려요.

 

먼저 작업한 디자인을 보여드리고 다음 포스팅부터 기초부터 만들어가는 작업을 진행해 보도록 하겠습니다.

메인 Visual 영역 슬라이드 오픈소스 활용 /  네비게이션 오픈 전
메인 Visual 영역 슬라이드 오픈소스 활용 /  네비게이션 오픈
position sticky 영역
슬라이드 영역 (오픈소스 활용)
슬라이드 영역 (오픈소스 활용)
문의하기 영역 (form)
하단 푸터 영역