더북(TheBook)

farm2 공간에는 왼쪽 벼, 오른쪽 벼, 허수아비 등 이미지가 총 세 개 위치합니다. 다른 영역보다 정보가 적고 레이아웃도 단순합니다. 따라서 서랍장 없이 작업해도 괜찮습니다.

예제 소스 Exercise/13장/KidsGao/index.html

/********************
*** Farm2 ***
********************/
<div id="farm2">
    <div class="leftRice2"></div>
    <div class="scarecrow"></div>
    <div class="rightRice2"></div>
</div>

 

이전 영역과 달리 introWrap이나 farmSpeechWrap과 같은 서랍장을 만들지 않고 양쪽 벼와 허수아비가 들어갈 <div class="leftRice2">, <div class="rightRice2">, <div class="scarecrow"> 영역을 생성합니다.

farm2 공간은 사용되는 이미지가 많지 않으므로 자유롭게 배치 작업을 진행해도 괜찮습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.