플롯은 이미지 및 디비전 태그등 박스모델의 좌/우 배치를 위한 꼭 필요한 스타일 규정을 말한다. 플롯은 박스모델들을 수평으로 배분하기 위해 사용한다.
신문기사와 같은 문단과 어울어진 플롯처리
플롯은 머릿글, 이미지, 문단 등 텍스트들과의 좌우 배치기능을 함축적으로 소개한 CSS표현이 들어간 샘플입니다. float_02파일을 다운받아 에디터에서 보세요.
내비게이션에 적용하는 플롯처리
특정한 페이지로 연결되는 앵커태그등을 내비게이션이라 합니다. 아래는 플롯의 좌우 배치기능을 함축적으로 소개한 CSS표현이 들어간 샘플입니다. float_02파일을 다운받아 에디터에서 보세요.
디자인 작업을 하다보면 문단에 대체할만한 입숨이 대부분 영어로 아래와 같이 뜨는 경우가 있다.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, .....
어도비 그래픽응용프로그램에서 포토샵, 일러스트레이터에서 설정에 따라 자동으로 뜨는 경우도 있는데, 대부분 라틴어로된 시문구가 보여진다.
Lorem Ipsum - All the facts - Lipsum generator
What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type spec
www.lipsum.com
아래는 디자인작업에 필요한 한글입숨을 제공하는 사이트이다.
한글입숨 - 무의미한 한글 텍스트 생성기
한글판 로렘입숨. 무의미한 한글 텍스트를 생성해 줍니다.
hangul.thefron.me
픽사베이 일러스트작가 CDD20 > 관련작품 더보기
'UI UX(Web)' 카테고리의 다른 글
| 웹기초-01. 일반적인 웹문서와 스타일 기초 (0) | 2022.03.16 |
|---|---|
| HTML+CSS 고급 - 레이아웃 포지션과 시안 브라우저 테스트 (0) | 2021.11.04 |
| HTML+CSS 고급 - 그래픽요소 표현(배경이미지, 그림자효과) (0) | 2021.10.26 |
| HTML+CSS 고급 - 웹문서의 Style표현 (0) | 2021.10.20 |
| CSS3 background 색상과 이미지의 배경처리(포터블-컬러픽커와 다크네이머) (0) | 2021.10.12 |
