Demoon

파프리카

demoon84 — Sat, 28 Aug 2010 17:59:24 +0900

색상노이즈를 최소화 하고 선명한 사진 만들기 바로가기

포토샵CS5 - 인물에 영향을 주지 않고 배경늘리기

demoon84 — Fri, 27 Aug 2010 15:39:52 +0900

Step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 찾아 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. Backgroud를 Layer로 바꾸고, 캔버스 사이즈 늘리기 1. Layers팔레트의 Background를 더블클릭합니다. 2. New Layer상자가 실행되면 ok버튼을 눌러 Layer로 만들어 줍니다. 3. 도큐먼트 텝에서 마우스 오른쪽 버튼을 클릭하여 Canvas Size를 선택합니다. 4. width값에 1000을 입력하고 ok버튼을 눌러 완.......

포토샵 - 색상 노이즈를 최소화한 선명한 사진 만들기

demoon84 — Wed, 25 Aug 2010 12:40:18 +0900

filter의 UnSharp Mask를 이용해 사진을 선명하게 만드는 방법을 얼마전에 알아보았는데요 ^^ 오늘은 거기에 추가하여 Fade메뉴를 활용해 사진의 색상 노이즈를 최소화 하는 방법을 알아보겠습니다. 사진에도 좋지만 특히 스캔 받은 문서에 화이트밸런스 적용하시고 사용하면 사무실에서 완전 사랑 받습니다! 히히 Step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 찾아 열어줍니다. ---------------------------------------------------------------------------------------------------.......

포토샵 - Sharpen Tool을 이용한 선명한 사진만들기

demoon84 — Mon, 23 Aug 2010 17:24:22 +0900

저번에는 Unsharp Mask를 이용한 샤프닝 보정을 알아보았는데요. 이번주는 다양한 샤프닝 보정 방법으로 구성해 보도록 하겠습니다. 일단 제일 기본이 되는 Sharpen Tool을 이용하는 방법입니다. 여기에 나오는 강아지는 저희 집 귀염둥이 루디 입니다. ^^ Step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 찾아 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 레이어를 복사하고 샤프닝 보정하기 1. 오른쪽 Layers팔레트의.......

Bebas

demoon84 — Sun, 22 Aug 2010 00:07:16 +0900

Bebas URL: http://webdesignledger.com/freebies/20-fonts-ideal-for-big-and-powerful-headings

포토샵 - Unsharp Mask를 이용한 사진을 선명하게 만들어주는 샤프닝보정

demoon84 — Fri, 20 Aug 2010 12:25:35 +0900

사진을 찍거나 보정을 하고 나면 흐릿함 때문에 아쉬운 점이 있는데요. 선명하게 만들어주는 샤프닝 보정에 대해 알아보겠습니다. 여기에 나오는 강아지는 저희 집 귀염둥이 루디 입니다. ^^ Step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 찾아 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. Unsharp Mask를 이용하여 샤프닝 효과주기 1. Filter > Sharpen > Unsharp Mask 를 선택합니다. 2. Unsharp Mask 상.......

Franchise

demoon84 — Wed, 18 Aug 2010 20:54:20 +0900

Franchise URL: http://www.dafont.com/franchise.font

포토샵 - Clone Stamp를 이용한 부분삭제

demoon84 — Wed, 18 Aug 2010 12:21:00 +0900

사진을 찍을때 주변 사람들이 있어서 사진 촬영이 힘든 적이 있으셨죠?^^ 오늘 사진처럼 찍고 싶은 사람외에 다른 분들이 찍히곤 하는데요. 사진에서 원치 않는 부분을 Clone Stamp Tool을 이용해 지우는 방법을 해보도록 하겠습니다. 오늘 사용된 사진은 Twitter유저 @linenline 님께서 제공해 주셨습니다.^^ step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 찾아 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- step2. 작.......

포토샵 - 화이트밸런스 조정하기

demoon84 — Tue, 17 Aug 2010 17:36:02 +0900

사진을 찍을때 일일이 화이트 밸런스를 맞추어 찍기가 번거로울때도 있는데요. 이번엔 포토샵을 이용해 화이트 밸런스를 조정하는 법을 알아보겠습니다.^^ 오랜 휴가(?)를 다녀와서 그런지 오랜만의 포스팅에 정말 버벅대느라 혼났습니다.ㅋㅋ step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 아니면 직접 가지고 있는 사진으로 해봅니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 찾아 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. Threshold레이어 추.......

유달산

demoon84 — Mon, 16 Aug 2010 23:50:59 +0900

Soft fosus효과 바로가기

하조대 해수욕장

demoon84 — Mon, 16 Aug 2010 23:33:17 +0900

ND필터효과내기 바로가기

로모사진

demoon84 — Wed, 11 Aug 2010 09:14:31 +0900

로모사진 만들기 바로가기

영금정

demoon84 — Wed, 11 Aug 2010 09:10:27 +0900

포토샵 - 원본사진을 망가뜨리지 않고 부분보정하기

demoon84 — Fri, 30 Jul 2010 13:04:32 +0900

사진을 찍고 부분보정을 할때 Burn툴과 Dodge툴을 사용하곤 하는데요. 이두개의 툴을 사용하면 원본이미지의 픽셀 정보를 변형 시킵니다. 그래서 이번에는 원본사진 픽셀 정보는 그대로 두고 사진을 부분보정하는 방법을 소개할까 합니다 ^^ step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 아니면 직접 가지고 있는 사진으로 해봅니다 ^^ 2. ctrl+o를 눌러 다운받은 경로에서 파일을 찾아 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- step2. Layer추가 1. Layers팔레트 하단의 메뉴.......

포토샵 - blending모드를 이용한 합성하기

demoon84 — Thu, 29 Jul 2010 13:31:06 +0900

step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로를 찾아 배경파일을 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 파도물결 합성 1. ctrl+o를 눌러 다운받은 경로에서 파도물결 이미지를 열어줍니다. 2. 도구상자의 Move Tool(단축키:V)을 이용하여 파도물결이미지를 배경 이미지로 드래그하여 복사합니다. 3. Ctrl+T를 눌러 free transform을 실행합니다. 실행되었으면 이미지를 알맞게 줄여줍니다. 4. Layers팔레트의 파도물결 이미지를 bl.......

포토샵 - ND필터 효과내기

demoon84 — Wed, 28 Jul 2010 13:21:25 +0900

사진을 찍으면 종종 앞에 있는건 정상적으로 나와도 뒤에 배경이 밝게 나오는 경우가 있는데요. 포토샵 밝게 나온 배경을 조정하는 방법(카메라필터 ND필터인 그라데이션 필터를 사용한 효과)을 알아보겠습니다. Step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. Gradient fill레이어 추가 하기 1. Layers팔레트 하단의 왼쪽에서 4번째 버튼 Great new fill or adjustment layer 버튼을 클릭합니다. .......

포토샵 - Patch Tool을 이용한 간단한 복제

demoon84 — Tue, 27 Jul 2010 12:49:03 +0900

Step1. 파일열기 1. 첨부파일을 다운받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 첨부파일을 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 복제하기 1. 도구상자에서 Patch Tool을 클릭하여 선택합니다. 2. 이미지를 복제할 부분의 크기만큼을 복제할 곳에 드래그하여 그려줍니다. 3. 선택영역이 표시되면 드래그하여 복제할 부분으로 가져갑니다. 4. ctrl+d를 눌러 선택영역을 해제합니다. ----------------------------------------------.......

포토샵 - 레이어 마스크를 활용한 간단한 합성

demoon84 — Mon, 26 Jul 2010 12:49:00 +0900

바다의 배 이미지와 조니댑 인물 사진을 합쳐서 한장의 이미지를 만들어 보겠습니다 ^^ Step1. 파일열기 1. 첨부 파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운로드 받은 경로를 찾아 파일을 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 이미지 이동 및 복사 1. 도구상자의 Move Tool을 선택합니다. 2. Layers 팔레트의 background레이어를 클릭하고 배경 이미지 도큐먼트로 드래그하여 복사 하여 줍니다. 3. 좌우로 이동하여 알맞게 맞춰줍니다. ------.......

포토샵 - 안개낀효과(soft focus) 사진 만들기

demoon84 — Fri, 23 Jul 2010 11:24:45 +0900

사진을 촬영하여 선명한 이미지를 살짝 soft focus효과를 통해 분위기를 바꿔 볼수도 있습니다. 아침에 촬영한 사진이나, 아니면 비오는 사진 , 호수사진에 접목을 해보아도 좋을듯 하네요 ^^ Step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. Ctrl+o를 눌어 파일 다운로드 경로에서 파일을 찾아 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 레이어 복사 1. Layer 팔레트의 Background레이어를 클릭합니다. 2. Ctrl+J를 눌러 레이어를 복사합니다. --------.......

남한산성

demoon84 — Thu, 22 Jul 2010 13:17:48 +0900

포토샵 - 얼굴 노이즈 제거하기

demoon84 — Thu, 22 Jul 2010 09:05:36 +0900

사진은 찍다 보면 햇빛이 쨍쨍한 야외에서 활영을 해도 지금처럼 그늘에 좀 들어가서 찍게 되면얼굴에 노이즈가 생기는 경우가 종종 있는데요.여자친구 사진 찍으시는분들 얼굴뽀샤시 하게 만들어 주시는 방법 배우셔서 사랑받으세요 ^^Step1. 파일열기1. 첨부파일을 다운받습니다.2. Ctrl+o를 눌러 파일을 다운로드 받은 경로에서 찾아 열어줍니다. --------------------------------------------------------------------------------------------------------------------------Step2. 레이어 복사하기1. 레이어를 복사하기 위해 Background레이어를 클릭하여 선택합니다. 2. ctrl+j를 눌러 레이어를 복사합니다. -----------------------.......

포토샵 - Color Balance를 이용한 색상 보정하기

demoon84 — Wed, 21 Jul 2010 13:07:34 +0900

피서의 계절 여름이 돌아왔습니다~! 여름하면 피서! 피서하면 바다! ^^ 피서를 가면 또 빼놓지 않고 찍는게 사진인데요. 멋진 푸르른 하늘과 바다를 배경삼아 사진을 찰깍 찍었는데 하늘색이 제대로 나오지 않아서 많이 실망 하셨죠?^^ 그래서 오늘은 바다와 하늘의 파란색을 좀더 선명하게 만드는 색상 보정 방법에 대해 올려보아습니다.^^ Step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- &nb.......

포토샵 cs3 - 밝게 찍힌 사진 보정하기

demoon84 — Tue, 20 Jul 2010 12:39:58 +0900

Step1. 파일열기 1. 첨부 파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운로드 받은 경로에서 파일을 열어 줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 레이어 복제 1. layers 팔레트의 Background 레이어를 팔레트 하단의 Create a New Layer 아이콘으로 드래그하여 레이어를 복제합니다. -------------------------------------------------------------------------------------------------------------------------- Step3. 블렌드 모드 변경 1. .......

포토샵cs3 - 어두운사진 밝게 보정하기

demoon84 — Mon, 19 Jul 2010 18:08:25 +0900

Step1. 파일열기 1. 첨부파일을 다운 받습니다. 2. ctrl+o를 눌러 다운받은 경로에서 파일을 open합니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 레이어 복제 1. layers 팔레트의 Background 레이어를 팔레트 하단의 Create a New Layer 아이콘으로 드래그하여 레이어를 복제합니다. -------------------------------------------------------------------------------------------------------------------------- Step3. 블렌드 모드 변경 1. 복제된 레이의 블렌드 모드.......

포토샵cs3 - 크림쿠키 만들기

demoon84 — Mon, 19 Jul 2010 12:57:51 +0900

Step1. 새로운 도큐먼트 만들기 1. ctrl+n을 눌러줍니다. 2. New 창이 뜨면 width: 700 / hight:500 / Resolution: 72를 입력하고 ok버튼을 클릭합니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 문자 쓰기 1. 도구상자 에서 T 자 모양으로 생긴 Horizontal TypeTool(단축키 T)을 선택합니다. 2. type 팔레트에서 여러분이 원하는 서체를 선택 하여 주시고 글자 크기를 200~300정도로 하여 도큐먼트에 써줍니다. 3. 글자색상은 검정색으로 하여줍니다. ----------------------------.......

포토샵cs3 - 수채화 느낌의 배경만들기

demoon84 — Fri, 16 Jul 2010 08:36:56 +0900

Step1. 파일열기 1. 첨부파일을 받아습니다. 2. ctrl+o를 눌러 파일 저장경로에서 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 퀵마스크 모드 선택 1. 왼쪽 도구상자에서 Edit in Quick Mask Mode(단축키Q)를 선택합니다. 2. 선택이 되었으면 이제 도구상자에서 Brush Tool을 선택합니다. -------------------------------------------------------------------------------------------------------------------------- Step3. 퀵마스크 모드 선택영역지.......

포토샵cs3 - 파노라마 이미지 만들기

demoon84 — Thu, 15 Jul 2010 07:57:10 +0900

Photomerge를 이용해 여러장의 이미지를 한장의 연결된 이미지로 만들어 보겠습니다^^ Step1. 파일열기 1. 첨부파일을 다운로드합니다. 2. Ctrl+O를 눌러 저장위치에서 3장의 이미지를 모두 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- Step2. Photomerge 실행 1. File > Automate > Photomerge 를 실행합니다. -------------------------------------------------------------------------------------------------------------------------- Step3. 파일 지정 및 설정.......

루디

demoon84 — Wed, 14 Jul 2010 12:18:11 +0900

루디 사진 더보기

청간정 일출

demoon84 — Wed, 14 Jul 2010 11:35:50 +0900

포토샵cs3 - 패션타투 입히기

demoon84 — Wed, 14 Jul 2010 08:41:07 +0900

step1. 파일열기 1. 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 다운로드 받은 경로에서 파일을 열어줍니다. -------------------------------------------------------------------------------------------------------------------------- step2. 타투 이미지 이동복사 1. 도구상자의 Move Tool(단축키:V)를 선택합니다. 2. 타투 이미지를 여자 이미지로 클릭하여 드래그합니다. 3. 타투 이미지가 복사됩니다. -------------------------------------------------------------------------------------------------------------------------- step3. 타투 이미지 크.......

포토샵cs3 - 로모사진만들기

demoon84 — Tue, 13 Jul 2010 09:26:50 +0900

Step1. 파일오픈 1. 이번에는 이미지를 각자 가지고 있는 이미지로 해보도록 하겠습니다. 2. 가지고 계신 사진 이미지를 ctrl+o를 눌러 open합니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 흑백이미지 만들기 1. 흑백이미지를 만들기 위해 images > Adjustments > Desaturate를 눌러 흑백 이미지로 변경합니다.(단축키 Ctrl+Shift+U) -------------------------------------------------------------------------------------------------------------------------.......

포토샵cs3 - 무지개 만들기

demoon84 — Mon, 12 Jul 2010 12:44:20 +0900

Step1. 파일 열기 1. 오른쪽 위의 첨부파일을 다운로드 받습니다. 2. ctrl+o를 눌러 해당경로의 이미지를 open합니다. -------------------------------------------------------------------------------------------------------------------------- Step2. 그라디언트 툴 선택 1. 왼쪽 도구상자의 그라디언트 툴 을 선택합니다. 2. 상단 메뉴의 그라디언트 색생이 있는곳을 클릭합니다. -------------------------------------------------------------------------------------------------------------------------- Step3. 무지개 색상 만들기 1. 그라디언트 툴을.......

다중 class선택자

demoon84 — Mon, 12 Jul 2010 10:03:18 +0900

html에서는 스페이스(띄어쓰기)로 구분된 여러 단어를 하나의 class속성값으로 가질수 있습니다. 두개의 class선택자를 연결하면 순서에 관계없이 두개의 class이름을 갖는 요소만 선택할수 있습니다. 또한 2개이상의 연결도 가능합니다. 주의할점 인터넷익스플로러 7이전의 버전(windows, mac)은 다중 class선택자를 제대로 처리하지 못합니다. html문서

등위결정방법 및 당첨금

총 당첨금은 판매금액의 50%이상입니다.

css문서

외부장비를 위한 스타일속성 "media"

demoon84 — Mon, 12 Jul 2010 09:57:05 +0900

컴퓨터 화면, PDA 혹은 모바일 창치 그리고 출력된 페이지를 위해 약간씩 다른 스타일을 갖기 원한다면media라고 불리우는 엘리먼트를 위한 선택 가능한 속성이 있습니다. 이것을 통해 스타일 파일이 목적에 맞는 종류의 장치를 명시하는데 사용할 수 있습니다. 이처럼 미디어 속성은 이 스타일 시트를 위한 장치의 종류를 명시하는것을 허용합니다. 여기서는 스타일 시트가 컴퓨터 화면에서 적절하다는 것을 명시 하고 있는것입니다. 하나의 XHTML 파일에서 서로 다른 미디어 유형을 가진 여러 개의 엘리먼.......

웹페이지 내부의 특정부분으로 링크걸기

demoon84 — Mon, 12 Jul 2010 09:55:51 +0900

웹페이지 내부의 특정 부분으로 링크를 거는 방법 링크부분에 기존 링크와 동일하게 작성하되 #name을 붙여줍니다.. 여기서 #name 문서의 연결 부분의id값으로 적용해 주면 됩니다. 예를들어 abc.html문서의 특정 부분으로 링크를 걸고 싶으면 abc.html 문서내부에 id 값을 줍니다. 그리고 링크 다음과 같이 걸어 줍니다. 내용 abc.html

이곳으로 링크됩니다.

css의 서식

demoon84 — Mon, 12 Jul 2010 09:54:26 +0900

스타일의 기본적인 서식은 다음과 같이 됩니다. 예문) p { color:blue; }셀렉터 : 스타일을 적용할 대상 선언 : 설정할 스타일 속성 : 설정할 스타일의 성질 값 : 속성마다 정해져 있는 값 위의 예제 에서 셀렉터는 h1, 속성은 color, 값은 blue입니다. 그리고 선언은 위의 예제 전체를 선언(declaration)이라고 한다. 이렇게 스타일 시트는" 셀렉터의 속성값으로 한다" 라는 형식으로 설정하고, HTML 문서에 삽입하여 사용합니다. 셀렉터란 스타일을 적용시키기 위한 대상입니다. 속성과 값은 셀렉터에 어떻게 지정을 할것인지, 지정할 스타일의 종류와 그 구체적인 값을 설정합니다. 속성을 여러개.......

HTML문서에서 주석 달기

demoon84 — Mon, 12 Jul 2010 09:53:01 +0900

HTML 문서를 만들 때 문서에 삽입했다가 수정 작업을 통해 삭제되는 태그도 많이 있습니다. 이때 수정 부분의 태그를 바로 삭제 하기 보다는 태그가 갖고 있는 기능을 잠시 정지시키는 기능이 있는데, 이것이 주석입니다. 특히 주석은 실무에서 수정 작업에 대한 내용을 달아두어 다른 작업자들이 주석을 통해 작업의 변경 내용들을 파악할 수 있도록 하거나 HTML문서를 작성할때 문서의 내용을 설명하기 위한 메모의 기능으로 자주 사용됩니다. 주석을 사용하는 방법 첫번째 예제 주석의 사용방법 &l.......

경제형 eca3G 스티커

demoon84 — Mon, 12 Jul 2010 09:52:17 +0900

div와 css로 table을 대처하는방법

demoon84 — Mon, 12 Jul 2010 09:50:46 +0900

xhtml1.0 이 부각되던 초기에는 "더이상 table 을 사용할수 없다." 라는 이야기도 있었습니다. 그러나 이는 사실과 다릅니다. xhtml 1.0 과 그 이후에도 table 태그는 여전히 유효합니다. 다만 그 사용에 있어 좀더 엄격한 제약이 생긴것 뿐입니다. 이전에는 페이지의 레이아웃과 같이 표가 아닌곳에도 table tag를 많이 써왔지만 이제는 실제 표가 필요한 곳으로 그용도를 제한하고 있는것 뿐입니다.그렇지만 왠지 테이블은 쓰면 안될것 같은 느낌때문일까요? table 과 관련된 태그들(table, tr, th, td)을 쓰지 않고 xhtml 에 적합한 태그(div, ul, li, span 등)과 css2 만을 이용해 이전과 같은 모습의 표를 대체할 수 있는 방법을.......

(주)그라운드 국방사업 홈페이지 베너 이미지

demoon84 — Mon, 12 Jul 2010 09:47:49 +0900

(주)그라운드 국방사업 홈페이지 베너 이미지 URL : http://military.ground.co.kr

(주)그라운드 홈페이지 메인페이지 코딩

demoon84 — Mon, 12 Jul 2010 09:44:37 +0900

(주)그라운드 홈페이지 메인페이지 코딩작업부분을 맡아서 했다.

(주)구이 홈페이지

demoon84 — Mon, 12 Jul 2010 09:42:55 +0900

(주)구이 홈페이지 제작기간은 4일....너무 빨리 만들어야됬기에... 이번 작업으로 배운점은 보이지 않는 코드로 인해 게시판에서 오류가 날수 있다는것과. 메인메이지에서 게시판 내용을 스위치로 뿌려주는 기능을 배웠다. 앞으로 플레시등을 추가해서 좀더 동적으로 업그레이드 해야겠다. URL : http://ninetwo.ground.co.kr

(주)동국이엔지 홈페이지

demoon84 — Mon, 12 Jul 2010 09:41:14 +0900

(주)동국이엔지 지사홈페이지 첫번째 작업 작업자는 전제적인 작업은 나 혼자, 게시판을 맡아주신 우리 팀장님 이렇게 2명! 제작기간은 2주가 소요되었다. 홈페이지가 플레시가 없이 만들었더니 동적인 낌은 떨어지지만 그래도 사이트의 전반적인 속도나 버벅거림은 없어서 좋은듯 하다. 이번 포폴은 css와 include를 연습할수 있는 좋은 계기가 되었다. 또한, 동국이엔지 홈페이지를 제작하면서 아직도 부족한점이 너무 많다는것을 깨닫게 되었고.... 다음 SITE는 아주 많이는 아니겠지만 더 나은 실력과 마음가짐으로 임해야 겠다. URL : http://dongkeng.ground.co.kr

twitter / me2day 바로가기 위젯

demoon84 — Mon, 12 Jul 2010 09:38:45 +0900

블로그에 적용하기위해 만든 트위터 / me2day 바로가기 위젯

css를 이용한 가운데 정렬방법

demoon84 — Mon, 12 Jul 2010 09:36:51 +0900

포지셔닝과 음수 마진값을 이용하여 전체내용을 가운데 정렬하는 방법 html문서를 작성합니다. 태그 안쪽에 내용을 넣고 문서 전체의 내용을 div태그를 이용하여 감싸고 id값을 설정해 줍니다. 저는 id 값을 wrap으로 설정해보겠습니다. html문서구조

내용

위와 같은 문서 구조가 완성이 되었으면 css문서에 다음과 같이 설정합니다. 먼저 wrap의 너비폭을 지정합니다. 여기서 너.......

팝업디자인

demoon84 — Mon, 12 Jul 2010 09:35:26 +0900

UTF-8이란

demoon84 — Mon, 12 Jul 2010 09:31:13 +0900

전세계 모든 문자를 동시에 표현 할수 있도록 만들어진 규약. 애초에 컴퓨터를 문자를 표기할때 영어권 국가만 생각해서 만들었기 때문에 전세계 각 나라들은 자신의 나라의 문자를 표현하기 위해 독자적인 방법을 썻습니다. 이러한 방법을 인코딩이라고 합니다.. 하지만, 외국에서 만든 프로그램이나 게임들은 한국어 환경에서 제대로 안보이는 경우가 있었고, 반대로 한글로 만들어진 것들은 영문 윈도우에서 제대로 표현되자 않았습니다. 그래서 전세계 수많은 기업들을 중심으로 이러한 문제와 혼란을 한번에 해결하기 위한 노력이 진행 되었고 그리하여 탄생된 것이 유니코드(Unicode)입니다. 그중 UTF-8이라는 방식.......

DTD(Document Type Definition)의 종류

demoon84 — Mon, 12 Jul 2010 09:26:52 +0900

DTD(Document Type Definition)의 종류 웹 페이지에서 주로 사용하는 HTML 4.01 과 XHTML 1.0에는(2007년 기준) 각각 Strict, Transitional, Frameset 의 3가지 DTD가 있습니다. (XHTML1.1에서는 Transitional 과 Frameset은 파기되고 Strict 기반으로 재구성 되었습니다.) Strict - W3C가 의도했던 문서 타입 (엄격한 규격) Strict 타입은 W3C가 스타일시트 사용을 장려하기 위해 단계적으로 사라질 ‘표현’(presentation)에 관한 태그와 속성을 배제한 문서 타입이다. 웹 문서 제작자는 가능하다면 Strict 타입을 사용해야 한다. HTML 4.01

타이포그래피의 기본 원칙

demoon84 — Mon, 12 Jul 2010 09:24:32 +0900

가독성(Readability)많은 양의 문자를 얼마나 쉽고 빠르게 읽을 수 있는지의 정도를 말한다.가독성을 결정짓는 요소로는 글꼴(font), 글꼴크기(font size), 문자(letter), 단어(word), 단락(paragraph)의 간격, 정렬방식(alignment) 등이 있다. 글꼴의 경우에는 시각적으로 보기 좋은 것보다 독자들이 익숙한 글꼴을 사용하는 것이 좋다.판독성(Legibility)비교적 적은 양의 문자를 얼마나 쉽게 판독하고 인식하는가에 대한 정도를 말한다.가령, 도로 표지판이나 건널목의 주의 문구들은 판독서이 좋아야 한다. 판독성에 영향을 미치는 요소로는 글꼴과 글꼴색이 있다.유사성(Similarity)대상을 보는 관찰자가 비슷한 모양이나 형태를 기준으로 그.......