CSS의 문법 구조는 프로그래밍 언어라고 할 수 없을 정도로 아주 단순합니다. 우선 제일 먼저 나오는 것이 선택자입니다. 선택자에 대해서는 이전 글 에서 잠깐 타입 선택자(Type Selector)에 대해서 알아봤는데 타입선택자와 함께 가장 많이 쓰이는 것이 아이디 선택자와 클래스 선택자입니다. 선택자 다음에 나오는 것이 중괄호의 시작입니다. 그 다음이 속성, 콜론, 값, 단위, 세미콜론, 중괄호끝으로 모든 구문이 완료됩니다. 하나의 속성과 값이 끝나고 다른 속성과 값을 추가하려면 세미콜론 다음에 다시 시작하면 됩니다. 모든 속성과 값은 중괄호 안에 들어가야합니다. 아주 간단하죠. 그러면 위 사진에서 중요한 것이 선택자와 속성, 값이 있는데 속성과 값은 아주 다양하기 때문에 별도의 내용없이 나오는대로 설..

웹페이지는 HTML(Hyper Text Markup Language)이라는 언어와 CSS(Cascading Style Sheet)라는 두가지 웹프로그래밍 언어로 주로 만들어집니다. HTML은 컨텐트(Content)를 담당하고 CSS는 프리젠테이션(Presentation)을 담당합니다. 뭔가 발표할때 프리젠테이션을 하게 되는데 적당히 글씨만 쳐서 올리면 보는 사람이 즐겁게 보지 않기 때문에 색상도 넣고 배경색도 넣고, 테두리도 만들게 됩니다. 이러한 작업을 웹페이지에서는 CSS가 담당합니다. 웹페이지에서는 태그를 사용하여 컨텐트의 특성을 정합니다. 제목은 ~태그를 사용하고 문장은 태그를 사용하죠. 아주 많이 쓰는 태그입니다. html에서는 이러한 태그를 요소(Element)라고 합니다. 요소에는 블럭요소와..

웹디자인에서 사용되는 레이아웃 언어인 CSS가 만들어진 것은 1996년이었지만 아직도 웹표준을 적용하지 않고 웹페이지가 만들어지고 있는 것은 그동안 CSS가 모든 웹브라우저에서 일관된 표현이 되지 않았기 때문입니다. 그당시 웹브라우저로 많이 사용된 것이 인터넷 익스플로러였고 윈도우 OS에 끼워팔았기 때문에 웹브라우저 점유율이 세계적으로 95%나 됐었습니다. 현재의 OS 점유율을 보면 윈도우버전이 아직도 80%를 차지하고 반강제적으로 인터넷 익스플로러를 사용하게 되는데 특히 XP의 사용자가 38.5%로 많은 수를 차지합니다. 왜 XP가 문제인가 하면 이 OS에 끼워져있던 인터넷 익스플로러가 버전 6인데 CSS적용이 잘 안되고 말썽 많은 웹브라우저이기 때문입니다. 그나마 버전업이 돼서 다른 버전을 사용할 수..

웹디자인시 반드시 사용하게 되는 스타일시트 작업에서 알아두면 편리한 팁을 소개합니다. 1. CSS 폰트 스타일 정의 단축형(Shorthand) 폰트에 대하여 정의할때 여러가지 속성과 값을 별도로 정의하게 됩니다. font-weight: bold; font-style: italic; font-variant: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif; 위와 같이 여러개의 속성과 값을 정의할 수도 있지만 다음과 같이 한줄로 단축형을 사용할 수 있습니다. font: bold italic small-caps 1em/1.5em verdana,sans-serif 즉 다음과 같은 Syntax로 적용을 해야합니다. fo..

워드프레스의 댓글관리는 관리자화면의 대시보드에서도 할 수 있지만 모든 댓글이 모여있는 댓글페이지에서 관리하는 것이 편리합니다. 댓글의 편리한 관리를 위한 키보드단축키를 사용방법과 스팸댓글 방지를 위한 Akismet 플러그인의 설치방법을 알아봅니다. 1. 댓글관리 워드프레스의 대시보드에 오면 처음보이는 관리자화면은 티스토리의 관리센터와 같습니다. 티스토리 블로그의 글을 데이터 백업하여 이동해 왔더니 글과 댓글이 많아졌습니다. 노란색 바에 있는 화면옵션을 클릭하면 각각의 관리패널을 보이게 하거나 안보이게 설정할 수 있고 화면 레이아웃의 열의 수를 선택하여 스크린에 맞는 배열을 할 수 있습니다. 각 패널의 타이틀 바에 마우스 오버하면 커서가 바뀌고 클릭드래그하여 원하는 곳으로 이동배치할 수 있으며 타이틀바 우..

내 컴퓨터의 WAMP서버에 설치된 워드프레스에 티스토리 블로그 글을 모두 다운 받아 설치작업을 해봅니다. 다른 블로그와는 다르게 티스토리는 설치형 블로그와 같아서 모든 데이터를 백업하여 태터툴스나 워드프레스로 이전할 수 있습니다. 작년 10월에 백업해둔 자료가 1.4기가정도 되는데 워드프레스에 업로드하는데 한시간 정도 걸렸으며 전부 이동시킨 후 업로드 폴더에 보니 파일이 만개가 넘었습니다. 여기에는 글에 사용된 사진과 각종 압축파일자료가 포함되어있었습니다. 그러니까 6월 말 경부터 10월까지 올린 파일이 만개가 되는군요. 1. 티스토리 블로그 데이터 백업 티스토리 관리자 센터에서 좌측메뉴의 데이터 관리를 선택하면 우측과 같은 화면이 나옵니다. 데이터 백업의 우측에 있는 작은 세모를 클릭하면 화면이 늘어나..

워드프레스는 블로그를 만들 수 있을뿐만아니라 웹사이트를 만들 수도 있습니다. 블로그는 소통을 위한 인터넷 도구가 되기도 하지만 사업적 목적의 웹사이트를 만들면 프로필은 방문자에게 사이트 소유자와 접근할 수 있는 정보를 제공하게 됩니다. 워드프레스닷컴에서 가입형 블로그 서비스로 블로그나 웹사이트를 만들면 전화번호까지 입력할 수 있지만 설치형 블로그는 전화번호를 입력할 란이 없습니다. 이번 글에서는 워드프레스 블로그 관리자의 정보를 입력할 수 있는 프로필과 회원 등록, 회원정보 관리에 대해서 알아봅니다. 1. 관리자 프로필 등록 워드프레스에서 관리자의 프로필은 구글이나 야후같은 검색엔진에 노출이 되므로 신중하게 작성해야합니다. 사용자메뉴에서 당신의 프로필을 클릭하면 우측에 화면이 나옵니다. 2의 비주얼 편집..

개인용 무료입니다. 태투용으로 사용되나봅니다.

개인용 무료입니다.

개인용 무료입니다. Note of the author UPDATED: Fixed minor bugs. Now includes ALL Latin accented characters for all of Europe, plus improved kerning & spacing. *** NEW TERMS OF USE *** The personal use of this font is free. If you want to use this font for commercial use, including non-profit, you must purchase a license from the Nice and Ripe website: www.niceandripe.com/fonts PLEASE READ: "READ ME - T..

비트맵폰트로 최소크기 8포인트로 사용합니다. 개인용 상업용 무료입니다.

개인용 상업용 무료이지만 마음에 드신다면 기부하는 Donationware 버전입니다. 기부

개인용 무료입니다.

스마트폰을 사면 사용법을 알아야 사용하기 편리하듯이 워드프레스를 시작하기전에 각종 설정에 대해 자세히 알아두고 설정을 해두는 것이 사용자에게 아주 편리합니다. 환경설정에는 일반설정, 쓰기, 읽기, 토론, 미디어, 프라이버시, 고유주소 설정이 있습니다. 반드시 필요한 사항에 대해서만 설명드립니다. 1. 일반설정 관리자화면에서 하단의 설정메뉴에서 일반을 클릭하면 우측에 화면이 나옵니다. 사이트제목은 처음 워드프레스를 설치할때 입력했더라도 수정할 수 있습니다. 태그라인도 사이트의 특징적인 원하는 문구로 변경하세요. 로컬호스트에서 워드프레스 주소는 변경은 할 수 없습니다. 마찬가지로 웹호스팅에 가입하고 설치한 경우 호스팅회사의 가이드대로 설치하면 내 블로그 접속시 wordpress라는 워드프레스가 설치된 디렉토..

워드프레스는 두 종류의 컨텐트가 있습니다. 하나는 포스트이고 다른 하나는 페이지입니다. 블로그에서 포스트는 글을 올리는 행위를 의미하기도 하고 하나의 글 자체를 의미하기도 합니다. 포스트에 대해서는 잘 알고 있지만 한국형 블로그에서는 페이지라는 개념이 거의 없지만 익스프레스 엔진에서 페이지의 개념이 있습니다. 익스프레스 엔진은 텍스타일이라는 블로그 모듈이 있기 때문에 블로그 프로그램이라기 보다는 드루팔처럼 일반적인 웹사이트 제작 프로그램이라고 하는 것이 좋겠습니다. 워드프레스에서 페이지는 메뉴와 연관됩니다. 메뉴를 클릭하면 블로그 포스트가 나오는 것이 아니라 블로그 소개글인 About 페이지가 나오게 됩니다. 워드프레스에서 페이지란 하나의 독립된 레이아웃이라고 보는 것이 좋습니다. 이 페이지에는 블로그 ..

개인용 무료입니다. 16포인트 크기로 사용하는 비트맵 폰트입니다.