• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

이미지와 텍스트 준비

22.02.24 16:56 작성 조회수 110

1

■ 질문 남기실 때 꼭! 참고해주세요.

- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
 

안녕하세요.

선생님이 만드신 웹사이트를 각색해서 제 포트폴리오 중 하나로 만드려고 하는데

이미지와 텍스트 준비에 대해 질문드립니다.

별 것 아닌 질문일 수도 있겠지만 저한텐 어려운 부분이고 잘 몰라서 배워야 할 것들이 많아 답변을 기다리겠습니다.

도움이 필요합니다.!

- 핸드폰 프레임 안에 이미지를 넣을 경우, 제가 포토샵으로 직접 만드는 건가요? 아니면 무료 이미지 사이트에서 찾아 넣으면 될까요? 다른 포트폴리오 영상에서 보여지는 백그라운드 이미지도요.. 다른 분들께선 포트폴리오 만드실 때 직접 제작을 한건지 찾아넣은건지 ㅠㅠ

- 주제에 맞는 텍스트를 구하는 게 생각보다 시간도 걸리고 읽히는 내용이라 대충 넣기도 그런데.. lorem ipsum으로만 채우면 성의가 없어 보이고, 생각보다 부담이 됩니다. 그렇지만 감수를 해야하니 덜 어려운 팁이랄 게 있을까요? 어디서 인용을 해와야 잘 만들 수 있을까요.. 한글입숨도 이용은 해봤습니다.

영어와 한글 텍스트 비중에 상관이 없는 게 맞을까요?

답변 1

답변을 작성해보세요.

0

영상에 있는 이미지와 텍스트는 바꾸시는게 좋습니다.

이미지와 텍스트가 달라지면 같은 예제라도 전혀 다르게 보이기 때문에 개인 포트폴리오 작업물로 보여집니다.

이미지의 경우 픽사페이, 프리픽에서 적당한 이미지를 검색해서 사용하시면 됩니다.

https://pixabay.com/ko/

https://www.freepik.com/

 

핸드폰 프레임이라면 모바일 목업(Mobile Mockup)을 말씀하시는 것 같은데...

이건 CSS로 모바일 목업을 만들어서 iframe으로 불러와서 보여주는게 가장 좋습니다.

 

주제에 맞는 텍스트 구하는거 생각보다 크게 어렵지는 않습니다.

예를들어, 여행을 주제로 한다면 Tour 이런 식으로 구글에서 검색하시면 해외 사이트가 엄청나게 많이 나옵니다. 그런 사이트에서 영문 복사해서 사용하시면 됩니다. 저도 예제 만들때 텍스트 준비는 그렇게 합니다.

한글로 하시게 되면 내용에 신경이 쓰입니다. 영어로 하시면 됩니다. 굳이 한글일 필요는 없습니다.

해당 작업물을 본인이 직접 하드코딩으로 만들었다는게 중요한거지 내용은 전혀 중요하지 않습니다.

그리고 연습하시는거면 괜찮지만 퍼블리싱 결과물을 만들 때 lorem을 사용하는건 왠지 성의가 없어보이니까 가급적 사용하지 않으시는게 좋습니다.

ppoppi님의 프로필

ppoppi

질문자

2022.03.01

핸드폰 프레임 목업 안에 그래픽 이미지를 말하고 싶었는데 전달이 잘 안되었네요ㅠㅠ

그런 것도 무료 이미지 사이트에서 찾으면 되는건지 만드셨던건지 궁금했었습니다.

감사합니다.

어떤 걸 보셨는지 모르겠지만 모바일 목업에 들어간건 이미지가 아니라 iframe으로 파일 링크 한 거예요. 만약 이미지라면 모두 무료 이미지 사이트에서 가져온 이미지예요