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

재질문) 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 이상일 때의 조금 작은 사이즈 아이패드를 준비해서..

 

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

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

회원로그인

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