배경 및 목적
1탄에 이어서 이미지 투입과 시각화 개선, 그리고 버튼과 타이머를 넣어서 매력적으로 만들고자함
참고 자료
없음
활용 툴
클로드로 전부 해결
실행 과정
유튜브 댓글 스크래핑 후 퍼소나 제작,
기존 진행하던 무료 웨비자 자료를 가지고 와서 내용을 결합했습니다.
HTML로 단순히 만들면 이미지가 예쁘지 않고
부각되지 않아, 클로드로 여러 코드를 중간에 새로 따왔습니다.
실제 결과물 화면은
이렇게 나오고 좀 천천히 띄워져 나오기에 조금의 수정과 색상을 변경하여 코드를 적용하기로 합니다.
이 코드를 활용하여 애니메이션 버튼 섹션만 따로 빼서 넣고
타이머를 만들고 버튼도 파란색으로 만들었습니다.
잘 만들어졌습니다.
이렇게 수정하면서 랜딩페이지를 만들었습니다.
결과물은 아래의 링크에 있습니다.
2번째 수정으로 이미지와 HTML을 조합한 랜딩페이지를 완성했습니다.