지원사업 · 공고 상세
신청 마감
공고 내용
한눈에 보기
2026. 11. 09 월요일 · 음력 10월 1일
4단계 · 이미지와 디자인 · 3분
193강
웹페이지 시안
3월 1일 공개 예정 · 미리 보기 공개일 전에 먼저 보실 수 있게 본문을 열어 두었습니다. 그대로 따라 하셔도 됩니다.
오늘 배울 것원단 소개 을 만들어 웹 담당자에게 넘깁니다.웹페이지 — 인터넷 주소로 여는 화면 한 장입니다.시안 — 완성 전에 모양을 미리 보려고 만든 화면이나 그림입니다.
-
1
페이지 순서 정하기
위에서 아래로 보일 순서를 적습니다.
웹페이지 순서
첫 화면 — 원단 이름 · 한 줄1특징 3가지컬러 · 스펙샘플 요청 버튼 -
2
'출력' › '디자인'
순서를 붙여 웹페이지 시안을 부탁합니다.
채팅 및 작업 아티팩트연습 · 샘플 발송 메일 연습 · 원단 설명 연습 · 견적 회신○출력 › 문서출력 › 디자인2+ 부탁 글을 쓰는 곳 모델 이름 ↑ -
3
휴대폰 폭으로 보기
휴대폰 화면에서도 보이게 바꿔 달라고 합니다.
채팅 및 작업 아티팩트연습 · 샘플 발송 메일 연습 · 원단 설명 연습 · 견적 회신○휴대폰 화면 폭으로도 보여 주세요.
디자인 · 원단 소개 웹페이지공유내보내기+ 부탁 글을 쓰는 곳 모델 이름 ↑ -
4
HTML로 넘기기
''의 독립형 로 저장해 웹 담당자에게 넘깁니다.내보내기 — 만든 결과물을 워드 · PDF 같은 파일로 저장하는 일입니다.HTML — 웹페이지를 만드는 글 형식입니다. 인터넷 창에서 열립니다.
채팅 및 작업 아티팩트연습 · 샘플 발송 메일 연습 · 원단 설명 연습 · 견적 회신○디자인 · 원단 소개 웹페이지공유내보내기4+ 부탁 글을 쓰는 곳 모델 이름 ↑
따라 써 보세요
그대로 복사해서 Claude에 붙여 넣으세요
복사해서 쓰는 문장
원단 소개 웹페이지 시안을 디자인으로 만들어 주세요. 순서: 첫 화면(원단 이름 · 한 줄 소개 · 사진 자리) → 특징 3가지 → 컬러 칩 · 스펙 표(빈칸) → 샘플 요청 버튼. 컴퓨터 화면과 휴대폰 화면 두 가지로 보여 주세요. 규칙: 흰 바탕 · 검정 글자 · 포인트는 짙은 남색 하나 · 존댓말 · 과장 없이.
자주 막히는 곳
이럴 땐 이렇게
- 바로 홈페이지에 올려도 되나요?내보낸 파일은 시안입니다. 전에 웹 담당자가 · 글자 · 휴대폰 화면을 확인합니다.업로드 — 내 컴퓨터나 휴대폰의 파일을 Claude 화면으로 보내는 일입니다.링크 — 누르면 다른 화면으로 바로 가는 인터넷 주소입니다.
오늘 나온 낱말
- 업로드내 컴퓨터나 휴대폰의 파일을 Claude 화면으로 보내는 일입니다.
- 내보내기만든 결과물을 워드 · PDF 같은 파일로 저장하는 일입니다.
- 링크누르면 다른 화면으로 바로 가는 인터넷 주소입니다.
- 시안완성 전에 모양을 미리 보려고 만든 화면이나 그림입니다.
- 웹페이지인터넷 주소로 여는 화면 한 장입니다.
- HTML웹페이지를 만드는 글 형식입니다. 인터넷 창에서 열립니다.
메뉴 이름과 위치는 Claude 공식 도움말을 2026.10.24 10:00에 직접 열어 확인했습니다. 화면 그림은 이해를 돕는 간단한 그림이며, 실제 화면은 업데이트에 따라 조금 다를 수 있습니다. 확인한 문서: Claude Design 시작하기 (한국어 도움말)