재질문) 2000년대 포토샵기법의 홈페이지 레이아웃 제작, 가능할까요?

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
재질문) 2000년대 포토샵기법의 홈페이지 레이아웃 제작, 가능할까요?

QA

재질문) 2000년대 포토샵기법의 홈페이지 레이아웃 제작, 가능할까요?

본문

며칠 전 올렸던 질문( https://sir.kr/qa/414763?page=4 )에 답변 주신 님께 감사를 드립니다.

 

답변을 받고 보니, 질문에 오류가 있어 다시 보충하여 질문 드립니다.

답변 전에 https://sir.kr/qa/414763?page=4 에서 첫질문 꼭 확인하시고, 아래 질문을 확인 부탁 드립니다.

 

---------------------------------------------------------------------------------------------------------------------

 

991543453_1622455737.0934.jpg

 

웹사이트의 레이아웃입니다.

저는 이 레이아웃을 어느 해상도에서도 전체화면으로 나타내려고 합니다. (당연한 얘기겠죠~~^^;;)

 

구성 : A + B + C (10% + 80% + 10%)

        A + D + G (10% + 80% + 10%)

즉, 각 모퉁이에는 10%를 할당받으며, 주어진 이미지로 나타납니다.

B, H는 세로 1pixel 이미지로 채워집니다.

D, F는 가로 1pixel 이미지로 채워집니다.

프레임이 완성되면 비워진 E 영역에 컨텐츠를 제공합니다. 

 

---------------------------------------------------------------------------------------------------------------------

 

기본은 이러한데, 예전에 frameset을 썼을때는 간단하게 해결이 가능했는데, html5 + css로 해결하려니 많은 어려움이 있네요...

혹시 html5 + css , html5 + css + js 등등 가능한 방법이 있는지 다시한번 여쭤봅니다.^^

이 질문에 댓글 쓰기 :

답변 2

원하시는걸 정확히 이해는 힘들지만

div tag 쓰시고 style 을 radius 해서 구현하면 될듯 한데요. 가로 세로는 % 로요.

참고하세요.

https://www.google.com/search?q=div+radius&sxsrf=ALeKk03rBAPDnEgwrAC4U2VYOqFOT1hjxw%3A1622466255701&ei=z960YJuaKqyLr7wP6Pq_qAU&oq=div+radius&gs_lcp=Cgdnd3Mtd2l6EAxQAFgAYNg3aABwAHgAgAGWAYgBlgGSAQMwLjGYAQCqAQdnd3Mtd2l6wAEB&sclient=gws-wiz&ved=0ahUKEwjbvdLm_fPwAhWsxYsBHWj9D1UQ4dUDCA4

background-repeat과 radius를 활용해서 작성이 가능한거는 알겠는데, 확실히 frameset을 사용했을때보다 손은 많이 가네요...
이번 기회에 css를 다시 익히는 계기를 삼아보려 합니다.
답변주신 님과 님께 감사 드립니다.^^

바탕화면에 있는 그림(아이패드 모양 사진)으로 가정한다고 하면..

 

화면이 lg 이상일 때의 큰 사이즈 아이패드 한개와

 

화면이 sm 이상일 때의 조금 작은 사이즈 아이패드를 준비해서..

 

각각에 맞게 넣으면 될 것 같습니다.  

답변을 작성하시기 전에 로그인 해주세요.
전체 45
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT