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