공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227707 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 295354 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245500 | 14 | 2006-09-14 | 2010-08-19 12:45 |
183 |
HTML
홈페이지를 만들어 보자 (템플릿 -5)
|
오작교 | 15776 | 13 | 2007-02-03 | 2007-02-03 20:56 |
- right.htm 만들기 right.htm 부분은 메인페이지 우측의 첫화면 이죠? ^^ 방문객들에게 가장 많이 보여지는 페이지이므로 요길 어떻게 꾸미느냐에 따라 홈페이지가 그럴듯하게 보이기도 하고 허접하게 보이기도 한답니다. 고로 꾸미는게 참 중요하겠죠? ^^ ...
|
182 |
HTML
홈페이지를 만들어 보자 (템플릿 -4)
|
오작교 | 16464 | 9 | 2007-02-03 | 2007-02-03 20:52 |
ⓑ body 부분 본격적으로 우리 눈에 직접 보여지는 부분인 body 부분을 만들어 보도록 하겠습니다. 먼저 메뉴 같은 건 테이블을 만들어서 넣어 주는게 좋습니다. 그래야 안 깨지고 고정되어 보여질 수 있습니다. left.htm <table border="0" cellspacing="0" wi...
|
181 |
HTML
홈페이지를 만들어 보자 (템플릿 -3)
|
오작교 | 16317 | 16 | 2007-02-03 | 2007-02-03 20:50 |
앞 장에서는 화면 분할을 해봤죠? ^^ 그럼 이제 분할한 화면의 내용을 채워보도록 하겠습니다. 내용을 만들기 앞서 빠른 이해를 돕기위해 아래 그림을 봐주시기 바랍니다. 그림이 영 허접이라..-_-;; 그림은 조금만 보시고 원리만 이해하시길 바랍겠습니다. ^^...
|
180 |
HTML
홈페이지를 만들어 보자 (템플릿 -2)
|
오작교 | 16363 | 8 | 2007-02-03 | 2007-02-03 20:49 |
2. 메인 만들기 메인은 일반적으로 프레임(화면분할)을 많이 쓰죠? 메뉴와 내용나오는 부분 이케 첨엔 많이 하더라구요..^^ 저도 첨엔 그랬구...^^; 앞전에도 말씀드렸지만 화면을 분할해서(프레임사용) 메인을 만들고 안 만들고는 각각의 장단점이 있습니다. ...
|
179 |
HTML
홈페이지를 만들어 보자 (템플릿 -1)
|
오작교 | 17091 | 14 | 2007-02-03 | 2007-02-03 20:48 |
이제 준비는 다 끝났으니까... 본격적으로 홈페이지를 만들어 보겠습니다. 참고적으로 강좌에서 사용되는 툴은 메모장 딸랑 하나만 있으면 되겠심더..-_-;; 먼저 홈페이지 구도는 ①대문 - ② 메인(프레임) - ③게시판&방명록 식으로 하겠습니다. 그리고 홈페...
|
178 |
HTML
홈페이지를 만들어 보자 -2
|
오작교 | 16918 | 10 | 2007-02-03 | 2007-02-03 20:47 |
5. 홈피제작 기본상식 첫번째, 나 혼자만의 홈페이지는 만들지 말라. 두번째, 남들과는 차별화된 내용으로 홈페이지를 채워라. 세번째, 방문객들을 항상 고려해라. - 너무 큰 용량의 이미지는 이미지레디 등의 툴을 이용해 잘라서 올린다 - 과도한 자바스크립...
|
177 |
HTML
홈페이지를 만들어 보자 -1
|
오작교 | 17688 | 11 | 2007-02-03 | 2010-08-19 13:22 |
홈페이지 제작에 대해서 아는 것은 별로 없지만.. 짐까지 홈페이지를 만들고 관리해오면서... 나름대로 느낀점을 토대로... 이제 막 홈페이지를 만드는 분들에게 도움이 될까.. 적어본다... 1. 홈페이지 제작 목적 여러분들은 홈페이지를 왜 만드세요? 여러가...
|
176 |
HTML
이미지의 맵 - 3
1
|
오작교 | 19942 | 18 | 2007-02-03 | 2007-02-03 20:43 |
[시작] -> [프로그램] -> [보조프로그램] -> [그림판] 이 있습니다. 어...? 난 없는데... 하시는 분들도 계실 겁니다. 그런 분들은 원도우 설치할 때 그림판을 설치 안해 준 분들입니다. 얼른 윈도우CD를 꺼내서 시디롬에 넣어서 설치해주시면 됩니다. 이젠 ...
|
175 |
HTML
이미지의 맵 - 2
|
오작교 | 17426 | 5 | 2007-02-03 | 2007-02-03 20:42 |
③ 맵 종류/좌표값/링크주소 설정 부분 <img src="이미지주소" usemap="#맵이름"> ① 이미지 태그 부분. <map name="맵이름"> ② 이미지 맵 태그 시작부분. <area shape="맵종류" coords="좌표값" href="링크될 주소"> ③ 맵 종류, 좌표값, 링크될 곳 설정 부분. <...
|
174 |
HTML
이미지의 맵 - 1
|
오작교 | 16849 | 15 | 2007-02-03 | 2010-08-19 13:22 |
※ 이미지 맵의 정의 이미지 맵이란 하나의 이미지의 일부분에 링크를 시키는 것을 말합니다. 그러니깐 지금까지는 이미지를 링크로 이용할 때는 그냥 이미지 전체가 링크 되었잖아요^^ 근데 이미지맵은 하나의 커다란 이미지에 영역을 나누어서 여러 개의 링크...
|
173 |
HTML
이미지에 효과를 주어보자 - 3
|
오작교 | 17631 | 4 | 2007-02-03 | 2007-02-03 20:35 |
8. shadow dropshadow와 비슷한 명령어지만 약간에 다른 효과를 내는군요 속 성 기 능 color=색명 or RGB색상코드 효과를 나타낼 색상을 지정합니다 direction 나타나게될 그림자의 방향을 결정, 시계방향으로 0 45 90 135 180 225 270 315의 값을 지정 이것도...
|
172 |
HTML
이미지에 효과를 주어보자 - 2
|
오작교 | 19605 | 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...
|
171 |
HTML
이미지에 효과를 주어보자 - 1
|
오작교 | 17450 | 14 | 2007-02-03 | 2010-08-19 13:22 |
filter 란 포토샵을 사용해보신 분이라면 바로 이해가 가실겁니다. 그러나 초보분들은 모르시겠죠?^^ 필터는 그림이나 글자에 효과를 주는 겁니다. 무슨 효과냐구요? 그럼 이해를 돕기위해 밑에 그림을 한번 보세요. 철도원 철도원 철도원 철도원 철도원 위에...
|
170 |
Script
새창 띄우기 창닫기 -2
|
멋진그대 | 19350 | 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...
|
169 |
Script
새창 띄우기 창닫기 -1
|
멋진그대 | 16943 | 16 | 2007-01-29 | 2007-01-29 14:52 |
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
168 |
HTML
테이블 만들기 - 6
|
멋진그대 | 15995 | 12 | 2007-01-29 | 2007-01-29 14:48 |
colspan 과 rowspan 속성을 배우느라....고생 많이 하셨습니다.......머리에서도 열이 많이 나구있겠군요..후후^^ 여기서부터는 아주 아주 쉬운 속성을 배울 것입니다. 아마 넘 쉬워서 눈물이 나올 겁니다...이번에 배울 건 내용 정렬속성입니다. 바로 align=...
|
167 |
HTML
테이블 만들기 - 5
|
멋진그대 | 19460 | 14 | 2007-01-29 | 2007-01-29 14:46 |
전 페이에서 colspan 속성에 대해서 배워봤구요....여기서 부턴 rowspan 속성에 대해서 배워보겠습니다. rowspan 속성 역시 colspan 속성과 같습니다. 단지 colspan 속성은 가로셀을 병합하는데 비해 rowspan 속성은 세로셀을 병합하는 거죠. A B C <table ...
|
166 |
HTML
테이블 만들기 - 4
|
멋진그대 | 18790 | 10 | 2007-01-29 | 2007-01-29 14:45 |
지금부터는 단순 암기보다는 약간의 이해가 필요로 하는 것을 배우보도록 하겠습니다. 바로 <td>명령어에 들어가는 속성에 대해서 알아보겠습니다. 속성 기능 colspan="가로셀수" 셀의 수만큼 가로 셀들을 하나로 병합해줍니다. rowspan="세로셀수" 셀의 수만...
|
165 |
HTML
테이블 만들기 - 3
|
멋진그대 | 16249 | 10 | 2007-01-29 | 2007-01-29 14:44 |
흠....전번에는 갑자기 짜근으로 홈을 옮기는 바람에 표만들기 강좌를 한동안 중단을 했다가 다시 이어서 올립니다.....뭐 ...여기서부터는 별루 그렇게 어려운 것은 없습니다...앞에서 대부분을 설명을 했기 때문에 전체적인 느낌(?)만 잡으면 됩니다. 그럼 ...
|
164 |
HTML
테이블 만들기 - 2
|
멋진그대 | 18396 | 9 | 2007-01-29 | 2007-01-29 14:43 |
자~ border 속성을 배웠으니 이제 표의 넓이(width) 와 높이(height)를 정하는 방법을 알아보겠습니다. 표의 넓이와 높이는 뭐 자세히 설명할 것도 없을 정도로 간단합니다. 넓이를 정해줄때는 width="수치" or "수치%" 를 적어 주시면 됩니다. 높이를 정해 줄...
|