HTML과 CSS로 랜딩 페이지
파일 하나로 만드는 단순하고 빠른 랜딩 페이지. 모바일 우선, 접근성, 무거운 프레임워크 없이.
- 유형
- 프롬프트
- 난이도
- 초급
- 소요 시간
- 약 10분
결과는 도구, 모델, 입력한 내용에 따라 달라집니다.
채워 넣기
입력한 내용은 이 브라우저 창 안에만 머뭅니다. 저희는 아무것도 저장하거나 전송하지 않습니다.
무엇을 위한 페이지
- 워크숍 신청
- 작은 앱 소개
- 프리랜서 명함 페이지
- 동호회 파티 초대
- 신제품 대기자 명단
어떤 구성
- 헤더, 장점 세 가지, 이용 방법, 신청 양식, 연락처
- 헤더, 기능, 요금, 자주 묻는 질문
- 헤더, 소개, 서비스, 연락처
- 헤더, 프로그램, 오시는 길, 신청
- 헤더, 문제, 해결책, 대기자 명단
색 구성
- 남색과 흰색에 주황 포인트
- 초록과 크림색
- 흑백에 빨강 하나
- 파스텔 블루와 회색
- 모래색에 짙은 초록 포인트
내 프롬프트
CSS를 포함한 HTML 파일 하나로 랜딩 페이지를 만들어 주세요. JavaScript 프레임워크는 쓰지 않습니다. 목적: [목적]. 섹션: [섹션]. 색상: [색상]. 모바일 우선, 읽기 쉬운 글자 크기, 충분한 대비, 논리적인 제목 순서, 대체 텍스트 예시. 외부 글꼴, 추적 스크립트, 실제 인물 사진은 쓰지 마세요.
잘 맞는 도구
이 프롬프트와 잘 맞는, 저희 카탈로그에 있는 도구입니다.
사용 방법
- 항목을 채우거나 추천 문구를 누르세요. 이름, 주소 같은 개인 정보는 넣지 마세요.
- 완성된 프롬프트를 원하는 도구에 붙여 넣으세요.
- 브라우저에서 파일을 열고, 휴대폰으로도 보고, 브라우저의 접근성 검사를 돌려 보세요.
이 도구에서 사용할 수 있어요
프롬프트는 여러 채팅 도구와 생성 도구에서 쓸 수 있습니다. 이 목록은 저희 카탈로그에서 골랐으며, 가격은 각 도구 페이지 기준입니다.
왜 효과가 있을까요?
프레임워크 없는 파일 하나는 이해하기 쉽고 올리기도 쉽습니다. 대비와 제목 규칙으로 처음부터 접근성을 챙깁니다.
팁
- 양식에는 데이터를 받을 곳이 필요합니다. 페이지를 공개하기 전에 개인정보 처리와 함께 정하세요.