[HTML TAG] FORM

WebDesign 2007. 11. 12. 20:53
<FORM
            action="(SUBMIT시 이동할 페이지)"
            method="(POST|GET)"
            enctype="(ContentType)"
            accept="(ContentTypes)"
            name="(폼 이름)"
            onsubmit="(submit 이벤트 발생시 실행할 Script)"
            onreset="(reset 이벤트 발생시 실행할 Script)"
            accept-charset="(문자셋)"
>
</FORM>

ACTION         : FORM Submit시 이동할 페이지
METHOD         : FORM Submit시 데이터 전송 방법 GET or POST
ENCTYPE        : 평상시 사용하지 않음. 파일 업로드시 method를 POST로
                             Content-type을 application/x-www-form-urlencoded로 설정하여 사용한다.
ACCEPT         : 파일 업로드시 파일의 타입을 설정한다. 예를 들어 미디어 파일이라던지 이미지파일
                             과 같이 해당 파일의 Content-type을 설정한다.
NAME           : FORM의 이름. 스크립트로 폼을 제어할때 이름을 설정해 두고 사용함.
ONSUBMIT       : FORM의 submit시 이벤트 발생. submit시 폼의 값 검사같이 스크립트 사용이 필요 할
                             경우 이곳에 사용 할 스크립트를 입력한다.
ONRESET        : FORM의 reset시 이벤트 발생. reset시 스크립트 사용이 필요할경우 이곳에 사용 할
                             스크립트를 입력한다.
ACCEPT-CHARSET : 현재 폼의 캐릭터셋이 UTF-8이라고 가정할때 이 폼을 EUC-KR페이지로 SUBMIT하
                             려고 한다면 accept-charset에 euc-kr을 적어두면 문자열의 코드셋 변환 없이
                             받는 페이지에서 변환된 문자코드로 데이터를 받을 수 있다.

'WebDesign' 카테고리의 다른 글

IE Flicker Bug Fix!! (1)  (0) 2007.10.26
margin padding  (0) 2007.01.25
포토샵보정강좌 - 밝게 부드럽게 보정하기  (0) 2007.01.18
포토샵에서 어두운 사진 밝게 하기  (0) 2007.01.18
div 컨텐츠 가운데 정렬  (0) 2007.01.17
Posted by 다엘
,

IE Flicker Bug Fix!! (1)

WebDesign 2007. 10. 26. 22:57
임시 인터넷 파일 설정의 '저장된 페이지의 새 버전 확인' 옵션의 값을 '페이지를 열 때마다'로 해 둔 IE 환경에서, 앵커의 텍스트를 이미지로 대체하고 background-position 속성을 이용해 롤오버 효과를 구현한 경우에 생기는 깜빡임은 아래의 코드를 해당 영역에 추가해주는 것으로 쉽게 해결이 가능합니다.

Javascript

코드:

try { 
    document.execCommand('BackgroundImageCache', false, true); 
} catch(me) {}

CSS

코드:

html {
    filter: expression(document.execCommand('BackgroundImageCache', false, true));
}

'WebDesign' 카테고리의 다른 글

[HTML TAG] FORM  (0) 2007.11.12
margin padding  (0) 2007.01.25
포토샵보정강좌 - 밝게 부드럽게 보정하기  (0) 2007.01.18
포토샵에서 어두운 사진 밝게 하기  (0) 2007.01.18
div 컨텐츠 가운데 정렬  (0) 2007.01.17
Posted by 다엘
,

margin padding

WebDesign 2007. 1. 25. 17:04

margin padding

margin 은 본문과 외부사이의 간격입니다.

padding은 본문과 본문의 태두리와의 사이이구요.

border는 margin 과 padding 사이의 것이겠네요.

margin padding border

  • margin

    1. 외부의 여백을 나타냅니다. 하나하나적을수 있습니다.
      margin-top: 위쪽 margin
      margin-right: 오른쪽 margin
      margin-bottom: 밑쪽 margin
      margin-left: 왼쪽 margin

      값으로 정할수 있습니다. 또한 auto 값도 정할수 있겟네요.

    2. 물론 이렇게 따로따로 한줄한줄 적지 않아도 됩니다.

      margin: 위 오른쪽 아래 왼쪽; 순서대로 적을수 있습니다.
      margin: 5px 10px 12px 5px; 이렇게 말이죠.

    3. 홀값인 margin: 5px; 은 사면이 다 5px 이라는 뜻입니다.
    4. 가끔 2값만이 나오는 경우가 있습니다.
      margin: 5px 4px; 이 뜻은 위아래는 5px 을 그리고 좌우는 4px 이라고 명령하는 방법입니다.
    5. 물론 margin: 0;는 모든면이 0이라는거겠네요.
  • padding

    안쪽 여백을 나타내는 padding또한 margin처럼 top right bottom left 로 나타낼수 있으며 한꺼번에 나타낼수도 있고 홀값으로 나타낼수 있습니다.

    padding-top: 5px;
    padding-right: 6px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding: 5px 4px; - padding 위아래는 5px이고 좌우는 4px 임.
    padding: 8px; - 모든면의 padding이 8px임
    padding: 0


    출처 : http://ilmol.com/wp/css/css_dictionary/margin-padding/
    by ilmol

'WebDesign' 카테고리의 다른 글

[HTML TAG] FORM  (0) 2007.11.12
IE Flicker Bug Fix!! (1)  (0) 2007.10.26
포토샵보정강좌 - 밝게 부드럽게 보정하기  (0) 2007.01.18
포토샵에서 어두운 사진 밝게 하기  (0) 2007.01.18
div 컨텐츠 가운데 정렬  (0) 2007.01.17
Posted by 다엘
,
사용자 삽입 이미지
사용자 삽입 이미지
포토샵보정강좌 - 밝게 부드럽게 보정하기

'WebDesign' 카테고리의 다른 글

IE Flicker Bug Fix!! (1)  (0) 2007.10.26
margin padding  (0) 2007.01.25
포토샵에서 어두운 사진 밝게 하기  (0) 2007.01.18
div 컨텐츠 가운데 정렬  (0) 2007.01.17
가운데 정렬된 사이트의 좌측에 고정 레이어 넣기  (0) 2007.01.17
Posted by 다엘
,


우선 어두운 사진을 열어봅시다.(물론 리사이징 한 사진이여야 함)



이미지를 밝게해봅시다 imge메뉴의 -> Adjust -> Variatons실행합니다



위와 같은 화면이 뜨면 A를 누릅니다

A는 전에 누군가가 이 모드를 사용했으면 그사람이 사용한 설정대로 되어있는 경우가 있기 때문에

설정은 기본값으로 만들어주는 역활을합니다.

이제 B를 눌러서 사진을 적당히 밝게 만든다음에 ok버튼을 눌러 줍니다.



사진이 적당히 밝게 만들어졌는데 아직도 뿌연게있지않습니까?

이제 두3개의 단계만 더 거치면 밝은 사진이 완성됩니다.



imge메뉴의 -> Adjust -> Brightness/Contrast를 눌러줍니다



위와 같은 화면이 나오면 Brightness와Contrast을 화살표쪽으로 적당히 조정해줍니다

Brightness는 사진을 밝게 하고 Contrast는 사진을 뚜렷하게 해준다고 알고계시면 됩니다





위의 과정을 다하셨으면 사진이 밝을것입니다.그러나 노이즈와 사진이 흐리게 보일것입니다

그걸 해결하기 위해서 몇가지 과정을 더하겟습니다.

우선 노이즈를 없에는 작업입니다.

Filter -> Noise -> Despeckle 이렇게 하시면 노이즈가 약간 잡힐것 입니다(뭉게는 거아닌가;;)



이제 노이즈준것을(뭉게진것;;) 선명하게 하기위해서 효과를 하나더줍니다

Filter -> Sharpen -> Sharpen 이효과를 주면 선명하게 됩니다

이제 저장을 합니다.

Posted by 다엘
,

DIV를 가운데 정렬하기

CSS
body {text-align:center;}
#wrap {width:800px;margin:0 auto;text-align:left;}
#header {}
#content_left {float:left;}
#content_right {float:left;}
#footer {clear:both;}

HTML
<div id="wrap">
<div id="header"></div>
<div id="content_left"></div>
<div id="content_right"></div>
<div id="footer"></div>
</div>

Posted by 다엘
,

<div id="aaa" style="Z-INDEX:1;LEFT:expression(((document.body.clientWidth-900)+Math.abs(document.body.clientWidth-900))/4+900); TOP:30px; POSITION:absolute; ">

 가로 900의 가운데 정렬의 레이아웃된 사이트에서 오른쪽 여백에 베너등을 넣을때
레이어위치를 사용자 브라우저 크기와 상관없이 고정시킬때 사용하는 소스입니다.
가운데 정렬시킨 가로 900 테이블을 왼쪽위에점을 좌표값 0으로 잡히게 되는 원리입니다.
녹색은 레이아웃된 테이블의 크기이고, 빨간색은 레이어의 가로 위치를 나타냅니다.

'WebDesign' 카테고리의 다른 글

IE Flicker Bug Fix!! (1)  (0) 2007.10.26
margin padding  (0) 2007.01.25
포토샵보정강좌 - 밝게 부드럽게 보정하기  (0) 2007.01.18
포토샵에서 어두운 사진 밝게 하기  (0) 2007.01.18
div 컨텐츠 가운데 정렬  (0) 2007.01.17
Posted by 다엘
,