[2부 · 나를 소개하는 페이지]
파일: 2부_1_나를소개하는페이지.html

“제 소개 페이지를 만들어줘. 이름은 박서준이고, 취미는 텃밭 가꾸기, 좋아하는 색은 초록색이야. 제 사진을 넣을 자리도 만들어줘.”

============================================================

[3부 · 가게·회사 홍보 페이지]
파일: 3부_1_가게홍보페이지.html

"숲마루공방이라는 목공방 홍보 페이지를 만들어줘. 소개, 제품, 오시는 길 이렇게 세 부분으로 나누고, 위쪽에 이 세 곳으로 바로 이동할 수 있는 메뉴도 만들어줘."

============================================================

[4부 · 여행 사진 갤러리 (사진 전)]
파일: 4부_1_여행사진갤러리_사진전.html

“여행 사진 갤러리 페이지를 만들어줘. 위에는 '국내여행', '해외여행', '맛집' 세 개 메뉴를 만들어서 누르면 그 자리로 이동하게 하고, 각 자리에는 작은 사진들을 늘어놓아줘. 그리고 위쪽에 큰 화면 자리를 하나 만들어서, 작은 사진 중 아무거나 누르면 그 사진이 큰 화면에 나타나고 밑에 짧은 설명도 같이 바뀌게 해줘.”

============================================================

[4부 · 여행 사진 갤러리 (사진 후)]
파일: 4부_2_여행사진갤러리_사진후.html

“이 사진들을 갤러리에 넣어줘. 사진은 html 파일이랑 같은 폴더에 둘 거니까, 새 폴더는 만들지 말고 사진 이름만 코드에 적어줘. 그리고 html 파일 이름과 사진 파일 이름 둘 다, 지금까지 받은 파일이랑 안 겹치게 새 번호를 붙여서 줘.”

============================================================

[5부 · 여행 경비 정산]
파일: 5부_1_여행경비정산.html

이 여행 갤러리 페이지에 ‘경비 정산’ 메뉴를 하나 더 추가해줘. 메뉴를 누르면 그 자리로 이동하게 해줘.
그리고 위쪽 메뉴를 눌러서 어느 자리로 이동하든, 그 자리의 제목이 맨 위 고정 메뉴줄과 큰 사진 화면에 가려지지 않고 제목부터 딱 보이는 위치에서 멈추게 해줘. 단, 화면에 실제로 빈 공백을 만들지는 말고, 손으로 스크롤해서 내릴 때는 지금처럼 자연스럽게 이어지되 ‘메뉴를 눌러 이동할 때만’ 제목이 안 가려지게 멈추는 위치를 조절해줘. 모든 메뉴가 똑같이 그렇게 되게 해줘.
정산 기능은 이렇게 만들어줘. 먼저 경비 항목을 여러 줄 적을 수 있게 해줘. 왼쪽에는 항목 이름(예: 숙소, 기름값, 저녁식사), 오른쪽에는 금액을 넣게 하고, ‘항목 추가’ 단추를 누르면 빈 줄이 하나씩 늘어나게 해줘. 금액을 넣으면 맨 아래에 총액이 저절로 합산돼서 보이게 해줘.
그 아래에 어른 수와 아이 수를 넣는 칸을 만들어줘. 그리고 아이의 몫을 어떻게 할지 단추 세 개 중 하나로 고르게 해줘 — ‘다 똑같이 나눠요’, ‘아이는 반만 내요’, ‘아이는 안 내요’ 이렇게. ‘다 똑같이’는 어른 아이 모두 한 명당 같은 금액, ‘아이는 반만’은 아이 한 명이 어른 한 명의 절반, ‘아이는 안 내요’는 어른들만 나눠 내는 거야.
‘정산하기’ 단추를 누르면 어른 한 명당 얼마, 아이 한 명당 얼마씩 내면 되는지 큰 글씨로 보여줘. 딱 나누어떨어지지 않으면 100원 단위로 올려서 계산하고, 총무에게 얼마가 남는지도 알려줘.
사진은 html 파일이랑 같은 폴더에 둘 거니까 새 폴더는 만들지 말고 사진 이름만 그대로 써줘. html 파일 이름은 지금까지 받은 파일이랑 안 겹치게 새 번호를 붙여서 줘.

============================================================

[6부 · 핸드폰 화면 대응]
파일: 6부_1_핸드폰대응_index.html

"핸드폰에서 보니까 맨 위 메뉴 부분이 겹쳐서 깨져. 핸드폰 화면에서도 안 겹치고 잘 보이게 고쳐줘."