html/드림위버설명2014. 1. 21. 13:13

셀패팅 : 보더와 내용물과의 공백

 

셀스페이싱 : 셀과 셀사이의 공백


Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:12

우선 가로세로가 100%인 1칸짜리 테이블을 만든다

 

볼더는 0으로 준다.

 

호리즌탈과, 버터컬은 중앙으로 설정하고

 

배경컬러를 지정하고 그림을 삽입한다.

 

*중요한 것은 드림위버 새페이지를 열때 <html>맨위에

 

기본적으로 있는 텍스트를 지워준다.

Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:12

커맨드>포맷테이블

 

리스트나 도표형식을 자동으로 만들어주고

 

첫줄과 열의 설정을 간편하게 할수있다.

 

컬러도 미리 정해진 포맷에서 고를수 있다.

 

테두리도 설정가능하다 


Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:12

커맨드>소팅테이블

 

위의 명령은 차트같은 것을 정렬할때

 

알파벳순, 혹은 숫자순으로 자동정렬의 명령을 줄때 사용한다.

Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:11

view>비쥬얼 에이즈>테이블보더(체크)

 

테이블 보더를 0으로 해주면

 

테이블 테두리가 점선으로 표현되는데

 

이것의 표시여부

Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:11

테이블은 만든후에 안에 커서를 가져가면

 

왼쪽아래에 ][ 이모양이 나오는데 이걸 누르면

 

해당 칸에서만 테이블을 여러게의 셀로 나누는 기능을 한다

Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:10

<script>
popup=window.open("http://www.clinicthin.co.kr/mov/2.htm","popup","scrollbars=0,width=357,height=500")
popup.focus()
</script>

 

헤드와 바디사이에

 

위와같은 형식으로 팝업을 뛰운다. 주의할 점은 다른 스크립트

소스가 있을때 같이 끼워서 넣지말고

따로 스크립트 명령을 주어서 넣어야 한다는 것.

Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:09

<STYLE>
body,td,tr,table{font-size:9pt; font-family:굴림;color:#888888;line-height:120%;}
A:link {font-family:굴림;font-size:9pt;color:#888888;text-decoration:none;}
A:visited {font-family:굴림;font-size:9pt;color:#888888;text-decoration:none;}
A:active {font-family:굴림;font-size:9pt;color:#888888;text-decoration:none;}
A:hover {font-family:굴림;font-size:9pt;color:black;text-decoration:none;}
</STYLE>

 

위와같은 형식으로 헤드위에 들어간다

 

 

 

*** 추가수집

 

[font-style]

 

1. 'font-style: normal;'

2. 'font-style: italic;'

3. 'font-style: oblique;'

 

[font-weight]

 

1. "font-weight: normal;"

2. "font-weight: bold;"

3. "font-weight: bolder;"

4. "font-weight: lighter;"

5. "font-weight: 100"

6. "font-weight: 200"

 

[font-size]

 

1. "font-size: 12pt;"

2 "font-size: 16px;"

3 "font-size: 0.86cm;"

4 "font-size: 8.6mm;"

5 "font-size: 0.34in;"

6 "font-size: 200%;"

 

[font-variant]

 

1. "font-variant: normal;" : Cascading Style Sheets

2. "font-variant: small-caps;" : Cascading Style Sheets

 

[text-align]

 

1. "text-align: left;"

2. "text-align: justify;"

 

[text-indent]

 

1. "text-indent: 5px;"

2. "text-indent: 3em;"

3 "text-indent: 5cm;"

 

[text-decoration]

 

1. "text-decoration: none;"

2. "text-decoration: underline;"

3. "text-decoration: overline;"

4. "text-decoration: line-through;"

5. "text-decoration: line-through overline underline;"

6. "text-decoration: blink;"

 

[text-transform]

 

1. "text-transform: none;"

2. "text-transform: uppercase;"

3. "text-transform: lowercase;"

4. "text-transform: capitalize;"

 

[letter-spacing]

 

1 "letter-spacing: 1em;"

 

[word-spacing]

 

1 "word-spacing: 1em;"

 

[color]

 

1. "color: navy;"

2. "color: #369369;"

3. "color: rgb(80%,80%,80%);"

4. "color: rgb(111,111,999);"

 

[background-color]

 

1. "background-color: gray;"

2. "background-color: #EEEEEE;"

3. "background-color: rgb(80%,80%,80%);"

 

[background-image]

 

1. "background-image: url(list1.gif)"

 

[background-repeat]

 

1 "background-repeat: repeat;"

2. "background-repeat: repeat-x;"

3. "background-repeat: repeat-y;"

4. "background-repeat: no-repeat;"

 

[background-position]

 

1. "background-position: 10% 10%;"

2. "background-position: 1cm 1cm;"

3. "background-position: top;"

4. "background-position: center;"

5. "background-position: right bottom;"

 

[background-attachment]

 

1. "background-attachment: scroll;"

2. "background-attachment: fixed;"

 

[background]

 

1. "background: url(list1.gif) yellow no-repeat top left"

 

[padding]

 

1. "padding: 0 0 0 0; background-color: #EEEEEE;"

2. "padding: 50px; background-color: rgb(80%,80%,80%);"

 

[margin]

 

1. "margin: 0; background-color: #EEEEEE;"

2. "margin: 50px 50px 50px 50px; background-color: rgb(80%,80%,80%);"

3. "margin: 0 0 0 -30px; background-color: rgb(80%,80%,80%);"

 

[border-style]

 

1. border-style: none;"

2. "border-style: solid;"

3. "border-style: dotted;"

4. "border-style: dashed;"

5. "border-style: double;"

6. I"border-style: groove;"

7. "border-style: ridge;"

8. "border-style: inset;"

9. "border-style: outset;"

10. "border-style: solid dashed dotted outset;"

 

[border-width]

 

1. "border-width: 1px 1px 1px 1px;"

2. "border-width: 0 0 0 0; border-style: solid;"

3. "border-width: 1px 1px 1px 1px; border-style: solid;"

4. "border-width: 3px; border-style: solid;"

5. "border-width: 3mm; border-style: solid;"

6. "border-width: 1px 1cm 1mm 1in; border-style: solid;"

7. "border-width: thin; border-style: solid;"

8. "border-width: medium; border-style: solid;"

9. "border-width: thick; border-style: solid;"

 

[border]

 

1. "border: 1px;"

2. "border: #999999;"

3. "border: solid;"

4. "border: solid #999999;"

5. "border: 1px solid #999999"

 

[float]

 

1. "float: left;"

 

[visibility]

 

1. "visibility: visible;"

2. "visibility: hidden;"

3. "visibility: collapse;"

 

[list-style-type]

 

1. "list-style-type: default;"

2. "list-style-type: disc;"

3. "list-style-type: circle;"

4. "list-style-type: square;"

5. "list-style-type: decimal;"

6. "list-style-type: decimal-leading-zero;"

7. "list-style-type: lower-roman;"

8. "list-style-type: upper-roman;"

9. "list-style-type: lower-greek;"

10."list-style-type: lower-alpha;"

11."list-style-type: upper-latin;"

12."list-style-type: none;"

 

[list-style-image]

 

1. "list-style-image: url(list1.gif)"

2. "list-style-image: url(list2.gif)"

 

[list-style-position]

 

1. "list-style-position: inside"

2. "list-style-position: outside"

 

[list-style]

 

1. "list-style: url(list1.gif) inside;"

2. "list-style: square outside;"

3. "list-style: url(list1.gif);"

4. "list-style: square;"

5. "list-style: inside;"

 

[cursor]

 

1. cursor: auto;

2. cursor: crosshair;

3. cursor: default;

4. cursor: pointer;

5. cursor: move;

6. cursor: e-resize;

7. cursor: ne-resize;

8. cursor: nw-resize;

9. cursor: n-resize;

10. cursor: se-resize;

11. cursor: sw-resize;

12. cursor: s-resize;

13. cursor: w-resize;

14. cursor: text;

15. cursor: wait;

16. cursor: help;

17. cursor: url(list1.gif);


Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:08

<BGSOUND SRC="음악파일 주소" LOOP="반복될숫자">

 

infinite ->무한반복

 

*엠블드로 쓰는게 더 좋다고 한다.

<EMBED SRC="song.mid" WIDTH="100" HEIGHT="50">

Posted by 갓리버리
html/드림위버설명2014. 1. 21. 13:05


data_07.zip


프레임과 i프레임모두 링크에의해 프레임안에서의 페이지이동을 구현할 수 있다.

name와 target은 밀접한 관계를 가지는데 링크를 준후에 타겟에서 페이지를 가져올 프레임의 네임을 적용시키면된다.

frame의경우는 타겟목록에 뜨지만
iframe의경우는 목록에 뜨지않기때문에 직접 네임을 타겟에 입력해야한다.

Posted by 갓리버리