페이지 추가하기
이전 페이지에서는 AMP 스토리에 페이지를 추가하는 방법을 익혔습니다. '애완동물이 주는 기쁨' 스토리에 다음 페이지를 추가하는 것도 지금까지 배운 방법과 아주 비슷합니다. 아래에 제공된 정보에 따라 학습한 내용을 활용하여 남은 페이지를 만들어 보세요. 잘 모르는 내용이 있으면 완성된(pets-completed.html) 코드를 살펴보세요.
각 페이지에는 고유 'id' 속성(예: id="page1"
)이 필요합니다.
1페이지: 고양이
단일 레이어에 이미지와 텍스트를 추가하는 방법을 보여줍니다.
2페이지: 개
텍스트를 정렬하고 레이어 두 개로 화면을 채우는 이미지를 표시하는 방법을 보여줍니다.
|
3페이지: 새
텍스트를 정렬하고 화면을 채우는 이미지를 표시하며 페이지에 백그라운드 오디오를 넣는 방법을 보여줍니다.
|
4페이지 - 토끼
텍스트를 정렬하고 페이지에 화면을 채우는 동영상을 표시하는 방법을 보여줍니다.
|
'애완동물이 주는 기쁨' 스토리가 거의 완성되었습니다. 마지막 페이지에서는 애니메이션을 사용하여 모든 애완동물을 한곳에 모을 것입니다.
-
Written by @bpaduch