inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

개인 포트폴리오 홈페이지 폴더 구조 제대로 만들기 (실습)

mobile-index.html

해결된 질문

301

퍼블리니

작성한 질문수 30

2

mobile-index.html 서브 페이지 만들때 사용하는 목업 이미지들은 최상위 폴더 index.html 과 같은 구조에 있는 images폴더에 넣어둬야하나요? 

제가 헷갈리는게 서브페이지 안에서도 목업을 iframe 으로 불러오는 건가요? 아니면 캡쳐한 이미지를 쓰는건가요?

jquery HTML/CSS 포트폴리오

답변 1

0

코딩웍스(Coding Works)

Mockup 안에 iframe을 넣는 자리가 있잖아요.

거기에 iframe으로 외부 html을 불러오시고 width, height는 100%로 가득채우시면 됩니다.

이미지 저장 경로는 사람에 따라 다르지만 아무래도 mobile-index.html 서브 페이지에 사용된 이미지는 분리하시는게 좋지 않을까 합니다.

0

퍼블리니

아~ 제가 궁금한건 강의에 취업한 학생들 포트폴리오 보여주실때요~

밑에 이미지처럼 모바일 웹 앱 소개하는 서브페이지를 코딩할때 저 모바일 목업이 캡처한 이미지가

들어가는지 아니면 iframe 으로 모바일 웹 앱 html 을 불러와서 보여주는건지가 궁금한거에요!ㅠ

0

코딩웍스(Coding Works)

아... 모바일 서브페이지에 있는 목업은 이미지로 하시면 되요.

기능을 하는건 아니니까  저 목업 안에 있는건 캡쳐 이미지로 넣으시면 됩니다. 

0

퍼블리니

감사합니다~! 그럼 저기에 들어가는 캡쳐 이미지는 최상위 폴더가 아닌 

서브페이지와 같은 경로에 images 폴더를 따로 만들어서 해도 되는거죠??

지금 기능정의서 만드는데 고지가 눈앞에 있습니다!

0

코딩웍스(Coding Works)

네. 그렇게 하시면 됩니다. 그리고 기능정의서는 말 그대로 기능정의서라 기능성이지만 아무래도 인사 담당자에게 보여주는 것도 중요한 목적이니까 가능하 예쁘게 만드시는게 좋습니다.

참고로... 미리캔버스에 좋은 PPT 템플릿들을 활용하시면 좋습니다.

사실 PPT 디자인이 더 어려울 수 있어요. 저는 그래서 PPT 만들 때 미리캔버스에서 기초 소스를 가지고 시작하는 경우도 자주 있습니다.

https://www.miricanvas.com/

현재도 float 사용은 중요한가요?

1

212

2

웹 호스팅 후 문제

1

235

1

퍼블리셔 코딩테스트 질문입니다.

1

586

1

feather light

1

248

2

skill 섹션 질문

1

254

1

포트폴리오 홈페이지 제작가이드

2

247

1

iframe 질문입니다.

1

208

1

디자인설정

1

332

1

연봉 질문합니다.

1

891

1

폰트, 이미지? 관련 질문입니다

1

305

1

파일질라 카페24? 관련 질문입니다

1

430

1

면접 복장 질문입니다

1

743

1

도메인 연결 오류

1

358

1

개인 포트폴리오 웹사이트 안에 들어갈 포트폴리오 웹사이트 작업물들

1

480

1

카페24 절약형 관련 질문있습니다

1

869

2

기능정의서 html에 첨부하는 방법/header include

1

621

1

prototype 뜻

1

700

1

폴더구조 질문드립니다.<재업로드>

1

428

1

폴더구조 질문드립니다

1

357

1

개인포토폴리오 해상도문제요..!

1

388

1

구글에 검색했을 때 나오는 포트폴리오

2

408

1

wow.js live option

1

439

1

개인 포트폴리오 홈페이지 만들때 UI 포토샵 디자인

1

530

1

featherlight 연결시 링크된 html이 문제가 있어요 ㅠㅠ

1

311

1