어떤 레이아웃이든지 3단의 레이아웃을 만들기는 까다롭습니다. 두개의 사이드바가 어느 한쪽으로 붙어있다면 기존의 2단 레이아웃을 수정해서 사이드바영역 안에 두개의 사이드바를 만들면 간단하게 해결되지만 사이드바가 양쪽으로 나누어지면 약간 복잡해지죠. 우선 하나의 사이드바 안에 두개의 사이드바를 만들어서 어느 한쪽으로만 사이드바가 두개 있는 레이아웃을 만들어보고 두개의 사이드바가 양쪽으로 나누어지는 레이아웃을 만들어봅니다. 1. 두개의 사이드바를 한쪽에 배치 압축파일을 풀고 텍스트에디터에 두개의 파일을 열면 위와같이 이전 글에서 사용한 내용이 나옵니다. 이것을 시작으로 사이드바를 두개를 만들어봅니다. 요령은 html에서 1을 복사하여 아래에 붙여넣고 CSS에서는 2를 복사하여 아래에 두번 붙여넣습니다. 아래의..
유동폭 레이아웃은 컨텐트가 화면 전체를 채우게 되므로 요즘의 와이드 모니터가 많이 사용되고 있는 때에는 가독성이 떨어지므로 잘 사용하지 않습니다. 하지만 일정범위 안에서는 유동폭 레이아웃이 되도록 하고 그 범위를 넘어서면 고정폭 레이아웃이 되도록하는 방법도 사용됩니다. 이번글에서는 그동안의 내용을 되새기는 의미에서 하나씩 집어가면서 유동폭 레이아웃에 대해서 알아봅니다. 1. 유동폭 2단 레이아웃 압축파일을 풀면 두개의 파일이 있습니다. 하나는 웹페이지에서 컨텐트를 담당하는 html 파일이고 하나는 프리젠테이션을 담당하는 CSS파일입니다. 두개의 파일을 연결해주기 위해서 6번째 줄에서 link 를 사용합니다. 참조 파일의 이름은 CSS파일의 이름과 일치해야합니다. 웹페이지는 크게 4부분으로 나누어집니다. ..
어도비 크리에이티브 스위트(Adobe Creative Suite)프로그램 중에서 유독 한글버전으로 사용해야하는 프로그램이 있다면 인디자인일 것입니다. 다른 프로그램은 한글보다는 영어버전으로 사용하는 것이 좋은 것은 대부분의 강좌가 영어버전으로 만들어지기 때문이죠. 어도비 CS 프로그램이 업그레이드되어 처음 나오게 되면 한글 버전은 늦게 나오기 때문에 책을 만들때 영어로된 화면을 캡쳐해서 사용하게 됩니다. 또한 외국 강좌를 보려면 한글 버전으로 따라하기가 힘들죠. 메뉴가 서로 다른 언어로 되어있으면 어떤 것을 선택해야할지 위치로만 파악되기 때문입니다. 이것은 한글로 된 강좌를 영어로 된 프로그램으로 따라하는 것이 힘든 것과 마찬가지입니다. 영어 메뉴의 명칭을 한글 메뉴로 번역한 것이 참 어색한 용어도 있습..
이전 글에서 레이아웃의 종류로 고정폭과 유동폭에 대해서 알아보았습니다. 대부분의 블로그나 웹사이트에서는 고정폭 레이아웃을 사용합니다. 요즘은 모니터화면이 와이드로 나오기 때문에 유동폭 레이아웃을 사용하면 컨텐트가 화면에 꽉 차게 나오므로 글을 읽기가 힘들죠. 특수한 경우, 예를 들면 포털 사이트에서 검색어를 입력하고 엔터키를 치면 들어가는 페이지의 경우는 유동폭 레이아웃을 사용합니다. 컨텐트가 좌우로 꽉차게 나오죠. 하지만 화면을 줄이다보면 일정 범위까지는 컨텐트 영역이 좌우로 줄어들지만 그 범위를 넘어서면 고정폭으로 전환되어 더이상 줄어들지 않습니다. 이번 글에서는 고정폭 2단(Two Columns)과 3단 레이아웃에 대해서 설정하는 방법을 알아봅니다. 2단 레이아웃은 컬럼이 두개만 있기때문에 CSS에..
블로그나 웹사이트를 만들기 위해서는 가장 먼저 생각해야하는 것이 레이아웃입니다. 가입형 블로그를 개설하거나 티스토리 같은 서비스형 블로그를 개설하더라도 가장 먼저 선택을 하는 것이 이미 만들어진 블로그 스킨을 선택하게 되는데 스킨의 레이아웃이 어떤 것인지를 먼저 결정해야합니다. 스킨의 레이아웃의 형태는 1단, 2단, 3단 레이아웃이 있으며 이것은 본문의 열(Column)이 몇개 있느냐에 따른 분류입니다. 본문의 열이 여러개인 경우는 중요한 컨텐트부분이 하나가 있고 나머지는 사이드바가 됩니다. 물론 컬럼이 하나인 경우는 사이드바가 없고 사이드바에 들어갈 내용은 푸터(Footer)에 위치하게 됩니다. 또한 레이아웃은 고정폭(Fixed Width)인가 유동폭(Liquid Width)인가에 따라서도 분류됩니다...
영문 무료폰트 - Fusty Luggs, Herbert, Musicos Variant Comics, NeoBulletin Trash, Wiffles, Rum Bubber
웹사이트 제작 문의
다폰트에 최근에 올라온 폰트입니다. 1. Fusty Luggs 개인용 상업용 무료입니다. 2. Herbert 개인용 상업용 무료입니다. 3. Musicos Variant Comics 개인용 상업용 무료지만 기부할 수 있는 Shareware버전입니다. 4. NeoBulletin Trash 개인용 무료입니다. 5. Wiffles 개인용 상업용 무료입니다. 6. Rum Bubber 개인용 상업용 무료입니다.
개인용 상업용 무료이며 10종의 폰트입니다.
개인용 무료입니다.
Public Domain으로 개인용 상업용 무료입니다.