볼 사람: 나를 처음 만나는 사람입니다.

할 일: 한국어 소개 페이지 한 장을 만들어 주세요. 첫 화면, 소개, 하는 일 카드 3개, 사진 모음, 연락, 맨 아래 한 줄을 넣어 주세요.

자료: 수업용 가상 인물 김하늘입니다. 동네 꽃집을 운영합니다. 계절 꽃으로 작은 꽃다발을 만듭니다. 꽃을 처음 고르는 분도 편하게 둘러보면 좋겠습니다. 하는 일은 꽃 소개, 꽃다발 만들기, 꽃 돌보기입니다.

지킬 것: 첫 화면에 이름, 한 줄 소개, 사진 자리, 연락 구역으로 가는 버튼이 바로 보이게 해 주세요. 위에 큰 빈 곳이나 빈 색 띠를 두지 마세요. 지금은 사진을 넣지 마세요. 없는 경력과 연락처는 만들지 마세요. 발송, 결제, 외부 연결은 넣지 마세요. 컴퓨터와 폰에서 읽기 쉽게 크기와 배치를 맞춰 주세요.

받을 것: 결과 화면과 1_글만.html 파일 하나를 주세요. 외부 설치 없이 열리는 HTML로 만들어 주세요.

앞에서 만든 페이지에 첨부한 사진 4장을 넣어 주세요. 첫 번째는 첫 화면에, 나머지 세 장은 사진 모음에 넣고 사진 번호만 붙여 주세요.

이름, 글, 하는 일 카드, 구역 순서와 색은 유지해 주세요. 사진 내용을 추측하거나 인터넷 사진으로 바꾸지 마세요. 첫 화면의 이름, 소개, 사진, 연락 버튼이 컴퓨터와 폰에서 바로 보이게 해 주세요.

사진을 파일 안에 포함해 2_사진.html 파일 하나와 결과 화면을 주세요. 사진을 쓸 수 없거나 포함할 수 없으면 알려 주세요.

글과 사진, 구역 순서는 그대로 두세요.

옅은 종이 바탕에 진한 회색 글자와 갈색 강조를 써 주세요.

기본 글꼴을 쓰고 본문은 폰에서 읽기 편한 18px 이상으로 해 주세요.

줄과 구역 사이를 넉넉히 띄우고 모서리는 살짝 둥글게 해 주세요.

첫 화면 위에 큰 빈 곳 없이 이름, 소개, 사진, 연락 버튼이 보이게 해 주세요.

새 내용이나 효과는 넣지 말고 결과 화면과 3_디자인.html 파일 하나를 주세요.

볼 사람: [이 페이지를 볼 사람]

예시 이름 김하늘과 꽃집 글을 아래 내 글로 모두 바꿔 주세요.

내 이름: [이름]

한 줄 소개: [소개 한 줄]

내 소개: [소개 글 서너 줄]

하는 일: [하는 일 3개]

연락 방법: [공개할 연락 방법 / 없으면 안내만 남기기]

사진: [앞서 붙인 사진 유지 / 새로 붙인 사진만 사용]

내가 주지 않은 경력, 숫자, 연락처는 만들지 마세요. 자료가 없는 내용은 빼고 구역과 디자인은 유지해 주세요. 발송, 결제, 외부 연결은 넣지 마세요.

결과 화면과 내페이지_초안.html 파일 하나를 주세요. 바꾸지 못한 곳은 알려 주세요.

지금 잘되는 부분은 유지하고 아래 한 가지만 고쳐 주세요.

어디에서: [예: 첫 화면]

무엇을 했을 때: [예: 폰 크기로 열었을 때]

지금 모습: [예: 사진이 너무 커서 연락 버튼이 안 보입니다]

원하는 모습: [예: 사진 높이를 줄여 첫 화면에 연락 버튼도 보이게 해 주세요]

다른 글, 사진과 구역은 유지해 주세요. 결과 화면과 내페이지_완성.html 파일 하나를 주세요. 고친 곳과 확인하지 못한 곳을 알려 주세요.