| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 199971 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 215552 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 214613 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 143 |
HTML
테이블 만들기 - 1
|
멋진그대 | 12597 | 8 | 2007-01-29 | 2007-01-29 14:39 |
|
홈페이지를 제작하는데 있어서 표를 빼놓고는 홈페이지를 만든 다는 생각을 할 수 없을 정도로 table 태그는 아주 중요합니다. 또한 table 태그만 잘만 사용해도 웹 디자인은 따로 할 필요가 없을 정도로 유용한 태그입니다. 표를 잘 이용하면 홈페이지를 아주...
|
| 142 |
HTML
테이블 만들기 - 2
|
멋진그대 | 12215 | 9 | 2007-01-29 | 2007-01-29 14:43 |
|
자~ border 속성을 배웠으니 이제 표의 넓이(width) 와 높이(height)를 정하는 방법을 알아보겠습니다. 표의 넓이와 높이는 뭐 자세히 설명할 것도 없을 정도로 간단합니다. 넓이를 정해줄때는 width="수치" or "수치%" 를 적어 주시면 됩니다. 높이를 정해 줄...
|
| 141 |
HTML
테이블 만들기 - 3
|
멋진그대 | 12387 | 10 | 2007-01-29 | 2007-01-29 14:44 |
|
흠....전번에는 갑자기 짜근으로 홈을 옮기는 바람에 표만들기 강좌를 한동안 중단을 했다가 다시 이어서 올립니다.....뭐 ...여기서부터는 별루 그렇게 어려운 것은 없습니다...앞에서 대부분을 설명을 했기 때문에 전체적인 느낌(?)만 잡으면 됩니다. 그럼 ...
|
| 140 |
HTML
테이블 만들기 - 4
|
멋진그대 | 12329 | 10 | 2007-01-29 | 2007-01-29 14:45 |
|
지금부터는 단순 암기보다는 약간의 이해가 필요로 하는 것을 배우보도록 하겠습니다. 바로 <td>명령어에 들어가는 속성에 대해서 알아보겠습니다. 속성 기능 colspan="가로셀수" 셀의 수만큼 가로 셀들을 하나로 병합해줍니다. rowspan="세로셀수" 셀의 수만...
|
| 139 |
HTML
테이블 만들기 - 5
|
멋진그대 | 12498 | 14 | 2007-01-29 | 2007-01-29 14:46 |
|
전 페이에서 colspan 속성에 대해서 배워봤구요....여기서 부턴 rowspan 속성에 대해서 배워보겠습니다. rowspan 속성 역시 colspan 속성과 같습니다. 단지 colspan 속성은 가로셀을 병합하는데 비해 rowspan 속성은 세로셀을 병합하는 거죠. A B C <table ...
|
| 138 |
HTML
테이블 만들기 - 6
|
멋진그대 | 11697 | 12 | 2007-01-29 | 2007-01-29 14:48 |
|
colspan 과 rowspan 속성을 배우느라....고생 많이 하셨습니다.......머리에서도 열이 많이 나구있겠군요..후후^^ 여기서부터는 아주 아주 쉬운 속성을 배울 것입니다. 아마 넘 쉬워서 눈물이 나올 겁니다...이번에 배울 건 내용 정렬속성입니다. 바로 align=...
|
| 137 |
Script
새창 띄우기 창닫기 -1
|
멋진그대 | 13211 | 16 | 2007-01-29 | 2007-01-29 14:52 |
|
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
| 136 |
Script
새창 띄우기 창닫기 -2
|
멋진그대 | 15017 | 17 | 2007-01-29 | 2007-01-29 14:54 |
|
창닫기 버턴 <input type="submit" value="창닫기" onclick="window.close()"> or ＜a href="#" onClick="parent.close()">창닫기</a> 이전 페이지로 가기 <input type="submit" value="이전" onclick="history.back()"> or ＜a href="#" onClick="history.ba...
|
| 135 |
HTML
이미지에 효과를 주어보자 - 1
|
오작교 | 12311 | 14 | 2007-02-03 | 2010-08-19 13:22 |
|
filter 란 포토샵을 사용해보신 분이라면 바로 이해가 가실겁니다. 그러나 초보분들은 모르시겠죠?^^ 필터는 그림이나 글자에 효과를 주는 겁니다. 무슨 효과냐구요? 그럼 이해를 돕기위해 밑에 그림을 한번 보세요. 철도원 철도원 철도원 철도원 철도원 위에...
|
| 134 |
HTML
이미지에 효과를 주어보자 - 2
|
오작교 | 13174 | 15 | 2007-02-03 | 2007-02-03 20:34 |
|
4. dropshadow 특정위치에 그림자를 만들어 줍니다. 한가지 주의점은 dropShadow는 DIV, MARQUEE, SPAN, TABLE, TD, TH에만 적용됩니다 속 성 기 능 color=색명 or RGB색상코드 그림자의 색상을 지정 offx=수치 offy=수치 대상으로부터 그림자의 x,y좌표 posit...
|
| 133 |
HTML
이미지에 효과를 주어보자 - 3
|
오작교 | 13467 | 4 | 2007-02-03 | 2007-02-03 20:35 |
|
8. shadow dropshadow와 비슷한 명령어지만 약간에 다른 효과를 내는군요 속 성 기 능 color=색명 or RGB색상코드 효과를 나타낼 색상을 지정합니다 direction 나타나게될 그림자의 방향을 결정, 시계방향으로 0 45 90 135 180 225 270 315의 값을 지정 이것도...
|
| 132 |
HTML
이미지의 맵 - 1
|
오작교 | 12502 | 15 | 2007-02-03 | 2010-08-19 13:22 |
|
※ 이미지 맵의 정의 이미지 맵이란 하나의 이미지의 일부분에 링크를 시키는 것을 말합니다. 그러니깐 지금까지는 이미지를 링크로 이용할 때는 그냥 이미지 전체가 링크 되었잖아요^^ 근데 이미지맵은 하나의 커다란 이미지에 영역을 나누어서 여러 개의 링크...
|
| 131 |
HTML
이미지의 맵 - 2
|
오작교 | 12517 | 5 | 2007-02-03 | 2007-02-03 20:42 |
|
③ 맵 종류/좌표값/링크주소 설정 부분 <img src="이미지주소" usemap="#맵이름"> ① 이미지 태그 부분. <map name="맵이름"> ② 이미지 맵 태그 시작부분. <area shape="맵종류" coords="좌표값" href="링크될 주소"> ③ 맵 종류, 좌표값, 링크될 곳 설정 부분. <...
|
| 130 |
HTML
이미지의 맵 - 3
1
|
오작교 | 12623 | 18 | 2007-02-03 | 2007-02-03 20:43 |
|
[시작] -> [프로그램] -> [보조프로그램] -> [그림판] 이 있습니다. 어...? 난 없는데... 하시는 분들도 계실 겁니다. 그런 분들은 원도우 설치할 때 그림판을 설치 안해 준 분들입니다. 얼른 윈도우CD를 꺼내서 시디롬에 넣어서 설치해주시면 됩니다. 이젠 ...
|
| 129 |
HTML
홈페이지를 만들어 보자 -1
|
오작교 | 11674 | 11 | 2007-02-03 | 2010-08-19 13:22 |
|
홈페이지 제작에 대해서 아는 것은 별로 없지만.. 짐까지 홈페이지를 만들고 관리해오면서... 나름대로 느낀점을 토대로... 이제 막 홈페이지를 만드는 분들에게 도움이 될까.. 적어본다... 1. 홈페이지 제작 목적 여러분들은 홈페이지를 왜 만드세요? 여러가...
|
| 128 |
HTML
홈페이지를 만들어 보자 -2
|
오작교 | 12328 | 10 | 2007-02-03 | 2007-02-03 20:47 |
|
5. 홈피제작 기본상식 첫번째, 나 혼자만의 홈페이지는 만들지 말라. 두번째, 남들과는 차별화된 내용으로 홈페이지를 채워라. 세번째, 방문객들을 항상 고려해라. - 너무 큰 용량의 이미지는 이미지레디 등의 툴을 이용해 잘라서 올린다 - 과도한 자바스크립...
|
| 127 |
HTML
홈페이지를 만들어 보자 (템플릿 -1)
|
오작교 | 12190 | 14 | 2007-02-03 | 2007-02-03 20:48 |
|
이제 준비는 다 끝났으니까... 본격적으로 홈페이지를 만들어 보겠습니다. 참고적으로 강좌에서 사용되는 툴은 메모장 딸랑 하나만 있으면 되겠심더..-_-;; 먼저 홈페이지 구도는 ①대문 - ② 메인(프레임) - ③게시판&방명록 식으로 하겠습니다. 그리고 홈페...
|
| 126 |
HTML
홈페이지를 만들어 보자 (템플릿 -2)
|
오작교 | 12928 | 8 | 2007-02-03 | 2007-02-03 20:49 |
|
2. 메인 만들기 메인은 일반적으로 프레임(화면분할)을 많이 쓰죠? 메뉴와 내용나오는 부분 이케 첨엔 많이 하더라구요..^^ 저도 첨엔 그랬구...^^; 앞전에도 말씀드렸지만 화면을 분할해서(프레임사용) 메인을 만들고 안 만들고는 각각의 장단점이 있습니다. ...
|
| 125 |
HTML
홈페이지를 만들어 보자 (템플릿 -3)
|
오작교 | 12398 | 16 | 2007-02-03 | 2007-02-03 20:50 |
|
앞 장에서는 화면 분할을 해봤죠? ^^ 그럼 이제 분할한 화면의 내용을 채워보도록 하겠습니다. 내용을 만들기 앞서 빠른 이해를 돕기위해 아래 그림을 봐주시기 바랍니다. 그림이 영 허접이라..-_-;; 그림은 조금만 보시고 원리만 이해하시길 바랍겠습니다. ^^...
|
| 124 |
HTML
홈페이지를 만들어 보자 (템플릿 -4)
|
오작교 | 11850 | 9 | 2007-02-03 | 2007-02-03 20:52 |
|
ⓑ body 부분 본격적으로 우리 눈에 직접 보여지는 부분인 body 부분을 만들어 보도록 하겠습니다. 먼저 메뉴 같은 건 테이블을 만들어서 넣어 주는게 좋습니다. 그래야 안 깨지고 고정되어 보여질 수 있습니다. left.htm <table border="0" cellspacing="0" wi...
|
