QT그리고···

* 대학별 취업률 *

 

 

취업률은  고대, 서강대, 포항공대 가 가장 높습니다.

하지만 중요한 것은 취업률이 아니라 정규직 취업률이겠죠. 정규직 취업률이 낮다는 것은 정규직 취업률을 제외한 나머지가 모두 비정규직으로 취업했다는 얘기죠.

*  정규직 취업률

서강대 - 전체 취업률은 74.4%로 20위

정규직 취업률 70.8%로 4위

대기업 취업률 55.1%로 1위(2위인 고려대를 한참 앞섭니다.)

 

포항공대 - 100%정규직 취업

대기업 취업률 70.8%

 

고려대 - 정규직 취업률 1위

대기업 취업률 45.1%

 

정규직 취업률이 비교적 높은 학교 :

목포해양대 -  취업률 44위

정규직 취업률 15위

대기업 취업률 18.4%로 비교적 높습니다.

건국대 - 취업률 77.2%
정규직 취업률 62.6%로 11위

반면, 이화여대, 중앙대 안성캠퍼스, 단국대 천안캠퍼스, 국민대 등은 취업률에 비해 정규직 취업률이 낮습니다.  1500명 이상이 졸업한 86개 대학 중,

취업률 3위(86%)를 차지한 중앙대 안성 캠퍼스의 경우 정규직 취업률은 전체 42위.

이화여대 - 취업률 78.2% 이지만

정규직 취업률은 52.4%로 30위였습니다.

마지막으로 전문대 순위인데요,

남해 전문대가 취업률 100%, 정규직 97.9%로 단연 높았습니다.

연암 공업대는 정규직 취업률이 94.4%,대기업 취업률은 전문대 최고인 46.6% 였습니다.

이 외에도 경남정보대, 구미1대. 연진전문대도 취업의 질이 우수한 대학으로 꼽혔습니다.

 

정리하자면,

정규직 취업률 1위 : 고려대 77%

대기업 취업률 1위 : 서강대 55%

실질적 취업률 1위 : 포항공대

전국 대학교 보안 동아리   
 
경북대학교 정보보안연구회 KERT 
경희대학교 NET 
계명대학교 ROC 
남서울대학교 A-shell 
대전대학교 HackerCraft 
동부산대학교 SecureMAST 
동양대학교 MSG 
목원대학교 이즈 
배재대학교 PUNS 
부경대학교 WAP 
서울대학교 GUARDIAN 
서울여자대학교 SWING 
세종대학교 SSG 
순천향대학교 SecurityFirst 
안동과학대학교 SP@CE 
안동대학교 ASA 
연세대학교 PoolC 
영남대학교 Powersupply 
인하대학교 Mod777 
전남대학교 정보보호119 
전북대학교 UPGRADE 
조선대학교 HakerLogin 
중부대학교 SCP 
창원대학교 CASPER 
충남대학교 ARGOS 
포항공과대학교 PLUS 
한동대학교 GHOST 
한세대학교 AnD 
호남대학교 AHA 
호서대학교 KOINS 
홍익대학교 HUST 

출처 : 보호나라/2004

1 서울대(서울)

2 카이스트(대전)

3 포항공대(경북)

4 연세대(서울)

5 고려대(서울)

6 서강대(서울)

7 한양대(서울)

8 성균관대(서울)

9 한국정보통신대(대전)

10 한국외국어대(서울)

11 서울시립대학교(서울)

12 이화여자대학교(서울)

13 중앙대(서울)

14 경희대(서울)

15 부산대(부산)

16 경북대(대구)

17 건국대(서울)

18 동국대(서울)

19 홍익대(서울)

20 아주대(수원)

21 인하대(인천)

22 숙명여대(서울)

23 국민대(서울)

24 서울산업대(서울)

25 숭실대(서울)

26 단국대(서울)

27 광운대(서울)

28 한국기술교육대(천안)

29 덕성여대(서울)

30 명지대(서울)

31 인천대(인천)

32 한국산업기술대(경기)

33 세종대(서울)

34 성신여대(서울)

35 전남대(광주)

36 전북대(전북)

37 항공대(경기)

38 교원대(충북)

39 가톨릭대(서울)

40 상명대(서울)

41 동덕여대(서울)

42 서울여대(서울)

43 경원대(성남)

44 한동대(포항)

45 한성대(서울)

46 경기대(수원)

47 충남대(대전)

48 충북대(청주)

49 삼육대(서울)

50 강원대(강원)

51 제주대(제주)

52 경상대(경남)

53 서경대(서울)

54 한국해양대(부산)

55 한국예술종합(서울)

56 부경대(부산)

57 동아대(부산)

58 울산대(울산)

59 총신대(서울)

60 성공회대(서울)

61 수원대(경기)

62 강남대(경기)

63 용인대(경기)

64 남서울대(천안)

65 조선대(광주)

66 영남대(대구)

67 인제대(김해)

68 공주대(충남)

69 경성대(부산)

70 순청향대(충남)

71 동의대(부산)

72 금오공대(대구)

73 원광대(전북)

74 한국체육대(서울)

75 추계예술대(서울)

76 한신대(경기)

77 안양대(안양)

78 상지대(강원)

79 계명대(대구)

80 한경대(안성)

81 경남대(마산)

82 청주대(청주)

83 한림대(강원)

84 협성대(경기)

85 평택대(경기)

86 호서대(천안)

87 강릉대(강원)

88 안동대(안동)

89 창원대(부산)

90 한남대(대전)

91 대진대(경기)

92 부산외대(부산)

93 우석대(전북)

94 대구대(대구)

95 서원대(충북)

96 군산대(전북)

97 관동대(강원)

98 배재대(대전)

99 대전대(대전)

100 목원대(대전)

101 신라대(부산)

102 한세대(경기)

103 성결대(경기)

104 호남대(광주)

105 전주대(전북)

106 대구가톨릭대(대구)

107 서울기독대(서울)

108 대구외대(경북)

109 한밭대(대전)

110 충주대(충주)

111 동서대(경남)

112 동명대(부산)

113 순천대(순천)

114 목포해양대(목포)

115 건양대(충남)

116 목포대(전남)

117 여수대(광주)

118 백석대(천안)

119 감리교신대(서울)

120 그리스도대(서울)

121 세명대(제천)

122 선문대(아산)

123 나사렛대(천안)

124 한서대(충남)

125 광주대(광주)

126 대구한의대(경북)

127 부산가톨릭대(부산)

128 고신대(경남)

129 가야대(경북)

130 금강대(충남)

131 경주대(경북)

132 중부대(충남)

133 우송대(충남)

134 탐라대(제주)

135 경운대(구미)

136 청운대(충남)

137 위덕대(경주)

138 동양대(경북)

139 상주대(경북)

140 한국방송통신대(서울)

141 성서대(서울)

142 극동대(충북)

143 동신대(나주)

144 경일대(경북)

145 예원예술대(전북)

146 동해대(강원)

147 한려대(전남)

148 한라대(강원)

149 한북대(경기)

150 대불대(전남)

151 초당대(전남)

152 호원대(전북)

153 대신대(경북)

154 광신대(전남)

155 영동대(충북)

156 경동대(강원)

157 명신대(전남)

158 남부대(광주)

159 서남대(전북)

160 진주산업대(경남)

161 광주가톨릭대(전남)

162 성민대(충남)

163 밀양대(부산)

164 영산대(경남)

165 광주여대(전남)

166 칼빈대(용인)

167 삼척대(강원)

168 수원가톨릭대(경기)

169 인천가톨릭대(인천)

170 서울신학대(경기)

171 중앙승가대(경기)

172 서울장신대(경기)

173 한국성서대(서울)

174 부산장신대(경남)

175 장로회신학대(서울)

176 영산원불교대(전남)

177 대구예술대(경북)

178 진주국제대(경남)

179 한민대(충남)

180 한라대(강원)

181 루터대(경기)

182 대전가톨릭대(대전)

183 목포가톨릭대(전남)

184 한영신학대(서울)

185 아시아대(경북)

186 영남신학대(경북)

187 한일장신대(전북)

188 침례신대(대전)

189 호남신대(광주)

190 신경대(경기)

  '울게하소서' '사랑의 기쁨' 등으로 우리나라 사람들에게도 잘 알려진 그리스 출신 세계적인 가수 나나 무스쿠리(74)가 내한했다.
　
　나나 무스쿠리는 19일 오전 11시 서울 JW메리어트호텔에서 기자회견을 갖고 20일부터 내한 콘서트 일정을 시작한다.
　
　나나 무스쿠리는 태안의 원유 유출 사고에 유감을 표하며 1만달러를 기부한다고 해 화제를 모으고 있다. 나나 무스쿠리 측 관계자는 한 언론매체와의 전화통화에서 "나나 무스쿠리가 태안과 관련해 자선공연을 열지는 못하지만 수익금의 일부인 1만 달러를 기부하겠다는 뜻을 밝혔다"고 말했다.
　
　직접 태안을 방문해 성금을 낼 예정으로 20일 오후 6시 서울 공연을 시작으로 22일 성남아트센터 오페라하우스, 24일 대구학생문화센터, 25일 창원성산아트홀, 26일 KBS부산홀에서도 한국 팬을 만난다.

그리스 가수 나나 무스쿠리(74·사진)가 충남 태안 주민을 위한 자선공연을 취소했다.

19일 오전 서울 반포동 JW메리어트 호텔에서 무스쿠리는 “자선공연을 하려 했지만 분신자살 사건이 생기는 등 태안의 분위기가 심각하다는 것을 알았다. 이런 상태에서 공연하는 것은 현실적으로 의미가 없다고 판단, 공연을 열지 않기로 했다. 대신 공연 수익금 중 1만달러를 기부할 예정”이라고 밝혔다.

20일부터 내한 콘서트를 출발하는 그녀는 태안 기름유출 사건 소식을 접한 경위도 공개했다. “공연을 하는 나라에 관심이 없는 것이 이상하지 않겠는가. 평소 환경문제에 관심이 많다. 태안 사태와 같은 환경 피해가 한국뿐만 아니라 세계 곳곳에서 일어나고 있어 다른 나라에서도 기부한 적이 있다. 파운데이션을 설립하기도 했다.”

무스쿠리의 지난해 한국 공연은 무산됐었다. “당시 기술적인 문제에다 유럽 투어 중이라 스케줄도 맞지 않았다. 각국을 다니다보니 그 나라 문화에 맞게 레퍼토리를 준비하는데 이번에는 특별히 한국인이 좋아하는 프로그램을 짰다.”

한국 팬들을 위해 최근 자서전도 냈다. “지난해 프랑스에서 자서전을 출간했다. 올해 한국에서도 나오게 돼 기쁘다. 나의 삶을 담은 책인데 팬들이 내가 왜 가수가 됐고 노래를 하는지 아는 것도 의미가 있다고 생각했다.”

‘오버 앤 오버’, ‘사랑의 기쁨’, ‘울게 하소서’, ‘보리수’등은 우리나라 사람들이 특히 좋아하는 그녀의 히트곡들이다.

“여러 나라에서 콘서트를 하다보면 특히 내 노래를 좋아하는 나라가 있다. 한국이 그 중 하나인 것 같다. 그리스 노래는 슬픈 스토리로 돼있지만 결국에는 긍정적인 메시지를 전하므로 한국인들이 좋아하는 것 같다. 또 한국과 그리스의 교류가 늘고 있기 때문이 아닌가 싶다.”

‘자유’와 ‘민중’에 관한 노래를 많이 불렀다. 대중에게 희망을 안겨주기 때문이다. “노래가 직접적으로 세계 평화에 기여하지는 않지만 나 자신을 비롯해 많은 이들에게 희망과 믿음을 준다. 그리스는 민주주의가 태생한 곳이고, 내가 그리스 출신이라 그런 것일 수도 있다.”

할머니지만 여전히 고운 목소리를 지키는 특별은 비결은 없다. “좋아하는 일을 할 뿐이다. 큰 힘을 들여 목을 관리하지는 않는다. 트레이닝 정도만 한다. 행복할 뿐이다. 아직까지 목소리를 유지할 수 있으니 행운아인 것 같다.”

20일 서울 센트럴시티 밀레니엄 홀을 시작으로 성남(22일), 대구(24일), 창원(25일), 부산(26일)에서 청중의 심금을 울린다.

embed 태그는 html 문서상에 음악, 동영상, 플래쉬 등을 끼워 넣을 수 있는 태그입니다.
bgsound 라는 비슷한 태그가 있으나, bgsound보다는 embed 태그를 권장합니다.

플래쉬 애니매이션을 다른 사람에게 보이기 위해서 게시판이나 홈페이지 등에서 다음과 같이 태그를 작성합니다.

<embed src="http://oxtag.com/html/music/asx/yemin.asx" width=500 height=400>

하지만, 사실 위와 같이 하면 못 보는 사람들도 있습니다.
단지, 처음 컴퓨터에 윈도우즈를 설치하고 익스플로러를 띄워서 어떤 사이트들을 방문하면
이것저것 설치를 하는게 많죠? 그 가운데서 Macromedia 사의 Flash Plugin도 설치를 합니다.
그래서, 플래쉬 애니매이션을 볼 수 있는 것이구요.

그럼, 어떻게 음악파일인지, 플래쉬 파일인지 알 수 있을까요?
사실, 컴퓨터는 파일의 확장자를 가지고 파일을 구분하긴 하지만,
좀 더 엄밀히 말하면 파일 안에 header라는 공간에 '나는 무슨 무슨 종류의 파일이에요~'
하고 자기 자신을 설명하는 부분이 있습니다.
따라서, ogg 확장자를 mp3로 변경한다고 해서 ogg 음악파일이 mp3 음악파일이 되는건 아니죠.
특정 프로그램으로 아예 파일의 형식 자체를 바꾸어야 하는 겁니다.

embed 태그로 음악을 재생할 때는 여러가지 유용한 기능들을 추가할 수 있습니다.
embed 태그로 재생이 되는 음악, 동영상 등은 특별히 건드리지 않는 한 사용자의 Windows Media Player로 연결이 됩니다.
Windows Media Player에서 '도구 -> 옵션 -> 파일 형식' 에 가셔서
embed에 재생될 파일 확장자를 체크해 놓는게 좋습니다.
하지만, 모든 사람이 다 이렇게 하진 않죠. 하라고 말을 해도 안 하죠..^^;

그래서 모든 사람이 들을 수 있게 mp3, ogg 등의 파일에는 type="application/x-mplayer2"를 붙이는게 좋습니다.
의미는 그냥 지금 재생할 파일을 Media Player로 연결시켜줘~ 라고 보시면 됩니다. ^^;


자....
그럼 "예민 - 꽃이 바람에게 전하는말"을 감상하시면서 여러 기능들을 알아보죠.

먼저 속성값의 false(1)과 true(0)이 있습니다.

1. 플레이어 안보이고 음악만 나오게...

<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" hidden=true>  

예제(안보임) :
hidden=true를 넣으시면 음악은 재생이 되고, 콘트롤 등은 안 보입니다.
기본값은 hidden=false로 콘트롤이 보이는 것이기 때문에 안보이게 하지 않으실 거면 넣지 않으셔도 됩니다.




2. 반복하기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" loop="true">  
  
예제 :
loop=true, loop=-1, loop=infinity등을 넣으시면 사용자가 정지를 하기 전까지는 계속해서 반복을 합니다.
특별히 원하는 횟수만큼 반목을 하고 싶다면 loop=3식으로 반복하기 원하는 숫자를 입력하시면 됩니다.
반복되는 음악을 감상하시면서 다른 기능들도 알아보죠. ^^




3. 자동재생 안하기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false">  
  
예제 :
autostart=false, autostart=0등을 넣으시면 사용자가 시작 버튼을 누를 때 까지 음악 재생을 안 합니다.
기본값은 자동 재생이기 때문에 특별히 값을 넣지 않게 되면 바로 음악이 시작 됩니다.
예제에서 시작 버튼을 눌러야 음악이 재생됩니다. 이하 모든 예제에는 자동재생을 꺼 놨습니다.
여러곡이 한꺼번에 나오면 머리 아프잖아요. ;;




4. 상태바 보이기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showstatusbar="true">  
  
예제 :
showstatusbar=true, showstatusbar=1등을 넣으시면 현재 플레이어 상태를 보여줍니다.
기본값은 false 입니다. 연결상태, 버퍼링 과정, 인코딩된 음악에 제목과 가수가 있으면 그것도 표시를 해줍니다.
동영상 같은 버퍼링이 오래 걸리는 것이라던지, 연결이 오래 걸리는 영상 등을 보여줄 때 사용하면 보시는 분들이
무작정 안된다고 하지 않고 기다려주겠죠? ^^ 예제에서는 정지된 상태이기 때문에 "정지됨"이라고 표시되어 있습니다.




5. 콘트롤바 숨기기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showstatusbar="true" showcontrols="false">  
  
예제 :
showcontrols=false, showcontrols=0등을 넣으시면 사용자가 제어 할 수 있는 콘트롤들이 몽땅 안 보이게 됩니다.
기본값은 true 입니다. 예제에서 처럼 상태바는 보여주고 콘트롤 바는 안보여주게 할 수 있고,
동영상 같은 것(뮤직비디오)을 콘트롤바 없이 보여주는 것도 꽤 괜찮습니다.^^




6. 볼륨 콘트롤 안보이기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showaudiocontrols="false">  
  
예제 :
showaudiocontrols=false, showaudiocontrols=0등을 넣으시면 볼륨에 관한 콘트롤이 없어집니다.
기본값은 true 입니다. 사용자가 볼륨을 건드리지 못하게 할 때 사용하면 유용하겠죠?
무조건 소리 없이 동영상만 봐라 혹은 최대 볼륨으로 들어아 할 때 등등...써 놓고 보니 별 활용가치는 없는 듯 하네요. ㅡㅡ;;




7. 이전곡, 다음곡 버튼 감추기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showpositioncontrols="false">  
  
예제 :
가운데가 허전하죠? ^^; showpositioncontrols=false, showpositioncontrols=0등을 넣으시면 예제에서
보시는 것 처럼 이전곡, 다음곡 버튼이 없어집니다. 이전곡, 다음곡 등을 사용자가 누르지 못하게 하는 거죠.
지금 보고 있는거 끝까지 봐라!! 라고 하는 강제적인 기능입니다. (-_-;)




8. 트랙바 감추기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showtracker="false">  

예제 :
showtracker="false", showtracker=0등을 넣으시면 예제에서 보시는 것 처럼 트랙바가 없어집니다.
현재 곡이 진행되고 있는 상황을 표시하는 목적과 사용자가 원하는 곳으로 쉽게 이동을 하기 위한 것인데,
이걸 없애버림으로서, 원하는 곳으로 이동 못하는거죠. 뭐, 깔끔하게 보이기 위한 것도 있겠죠.




9. 응용하기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showstatusbar="true" showaudiocontrols="false" showpositioncontrols="false" showtracker="false">  
  
예제 :
모든 기능들은 중복이 가능합니다. 예제에서처럼 썰렁하게 만들 수도 있습니다. ^^;




10. 볼륨 및 기타
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" volume="0" balance="10000">  
  
예제 :
볼륨은 -10000 부터 0 까지 아주 초절정의 섬세한 조정을 할 수 있습니다. 0이 최대값입니다.
기본 값은 -6000 입니다. 또한, balance 라는 것을 통해서 왼쪽과 오른쪽의 스테레오 값을 조정할 수 있습니다.
-10000이면 왼쪽 최대 10000이면 오른쪽 최대입니다. 한번 예제에 있는 것을 재생시켜 보세요. 스피커에서 오른쪽만 들릴겁니다. ^^

시작버튼 > 실행 을 클릭하세요.

※ Windows98,me 쓰는분은 winipcfg 입력!!

※  Windows2000 쓰는분은 ipconfig 입력!!

※  WindowsXP 쓰는분은 cmd /k ipconfig 입력!!




웹상에서는..

미리보기 : http://oxtag.com/html/ex/user_ip.html


<font style=font-size:9pt;color:ff9900>
<script language="javascript" src="http://oxtag.com/html/ex/php/user_ip.php"></script>
</font>

테이블을 많이 사용하다 보면 보통 한 테이블 안에 <td>태그가 보통 이십개를 넘어가는 경우가 있습니다.
이러할 경우에 각 <td>에 width, align, valign, style, class, heigt 등을 각각 넣어주는데 만일 테이블을 고쳐야 할 경우에는 각각의 <td>태그안에 들어있는 값을 모두 바꾸어주어야 하는 복잡한 작업을 합니다.

이러한 불편함을 없애기 위해 <col>--</col>태그를 사용해 보세요.
이 태그는 소스를 많이 차지하지 않으면서 옵션을 설정할 수가 있습니다.
예를 들면 ;
<table>
<tr>
<td align=center width=30 style=padding-left:10px; padding-right:5px;>1</td>
<td align=center width=30 style=padding-left:10px; padding-right:5px;>1</td>
<td align=center width=30 style=padding-left:10px; padding-right:5px;>1</td>
</tr>
<tr>
<td align=center width=30 style=padding-left:10px; padding-right:5px;>1</td>
<td align=center width=30 style=padding-left:10px; padding-right:5px;>1</td>
<td align=center width=30 style=padding-left:10px; padding-right:5px;>1</td>
</tr>
</table>

위의 소스를 <col>태그를 사용하면
<table>
<col align=center width=30 style=padding-left:10px; padding-right:5px;></col>
<col align=center width=30 style=padding-left:10px; padding-right:5px;></col>
<col align=center width=30 style=padding-left:10px; padding-right:5px;></col>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
코드가 많이 줄어들게 됩니다.
물론 위의 경우는 2줄인 경우에만 예를 들었는데
세로로 여러 줄인 경우에는 훨씬 코드 작성을 용이하게 할 수 있습니다.
그리고 태그 수정시에도 각각을 수정하지 않아도 <col>태그에 있는 값만 바꾸어주면 되겠지요.

* topmargin : 위
* leftmargin : 좌측 ( 왼쪽여백 )
* marginheight & marginwidth 는 넷츠케이프용

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

css로 할 경우..

body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}

굳이 설명은 필요없겠죠.

style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=white, EndColorStr=gray)"

body, table 태그에 사용하시면 됨니다.

동영상+자막나오는 소스
보통 동영상파일과 자막파일명은 같이 해주는게 좋습니다.

<object id="mediaplayer1" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft?Windows?Media Player components..." type="application/x-oleobject" WIDTH="1020" HEIGHT="620">
<param name="Filename" value="동영상파일.avi">
<param name="SAMIFileName" value="자막파일.smi">
<param name="ShowCaptioning" value="1">
<param name="autostart" value="0">
<param name="ShowDisplay" value="0">
<param name="DisplaySize" value="0">
<embed type="application/x-mplayer2" pluginspage = "http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="동영상파일.avi" name="mediaplayer1" displaysize="0" samifilename="자막파일.smi" showcaptioning=1></embed>
</object>

테이블에 이미지를 넣는 것보다 레이어에 넣으면 보기에도 깔끔하고 여러가지 좋은 점이 많습니다.

그러나 레이어의 절대좌표때문에 해상도가 바뀌면 레이어가 표밖으로 삐져나오거나 유저가 원하는 곳에 위치하지 않는 경우가 많이 있죠.

테이블과 부모 자식 레이어를 이용한 레이어의 위치를 고정하는 방법을 쓰겠습니다.
(부모자식 레이어를 이용하면 된다고 하는 분들은 많은데 상세하게 방법을 안 해주셔서 초보를 위한 ^^; 저도 초보지만 -.-;;)

간단히 설명하자면 (부모)레이어를 만들고 그 안에 (자식)레이어들을 넣어 (자식)레이어에 자신이 원하는 이미지 등을 넣으면 됩니다.

전 나모를 쓰는데 나모의 편집창에서(편집창, html창, 미리보기창 중에서) 부모레이어를 만들고 자식 레이어를 아무데나 만든다음에 드래그해서 부모레이어에 집어 넣으면 되더군요.

HTML 형식으로 보면 다음과 같이 나옵니다.

  <div style="position:relative;left:-260px;top:-170px;">
  <div id="layer1" style="width:314px; height:174px; position:absolute; left:689px; top:238px; z-index:-1;"> 이미지 또는 내용  </div>
  <div id="layer2" style="width:389px; height:322px; position:absolute; left:640px; top:733px; z-index:-1;"> 이미지 또는 내용  </div>
  <div id="layer3" style="width:389px; height:322px; position:absolute; left:640px; top:733px; z-index:-1;"> 이미지 또는 내용  </div>
  </div>
 
첫번째 position:relative라고 한 것이 부모 레이어고 id=layer1, 2, 3...라고 한 것이 자식 레이어입니다.
자식 레이어는 4, 5, 6...계속 만들 수 있고요. id, width, height, left, top, z-index는 제가 임의적으로 준 것이고
중요한 것은 부모 레이어는 position을 relative로, 자식 레이어는 position을 absolute로 하는 것입니다.

제 홈페이지에도 레이어안에 이미지를 넣어서 만들었는데 위와 같은 방법으로 해서
해상도가 바뀌어도 제가 원하는 위치에 그대로 있습니다. ^.^v

http://oxtag.com/zboard/zboard.php?id=etc&page=8&sn1=&divpage=1&sn=on&ss=on&sc=on&select_arrange=headnum&desc=asc&no=216

input나 textarea에 마우스로 찍어보세요.<br><br>

<style>
.input_write {border:2px solid #DFDFDF;background-color:#FFFFFF;height:16px;font-family:TTche,Verdana,Tahoma;font-size:9pt}
.input_write_on {border:2px solid #88BE06;background-color:#FFFFEF;height:16px;font-family:TTche,Verdana,Tahoma;font-size:9pt}
.textarea_write {border:2px solid #DFDFDF;background-color:#FFFFFF;font-family:TTche,Verdana,Tahoma;font-size:9pt}
.textarea_write_on {border:2px solid #88BE06;background-color:#FFFFEF;font-family:TTche,Verdana,Tahoma;font-size:9pt}
</style>

<input type=text value="" size=61 maxlength=200 class=input_write onfocus=this.className='input_write_on' onblur=this.className='input_write'>
<textarea cols=60 rows=20 class=textarea_write onfocus=this.className='textarea_write_on' onblur=this.className='textarea_write'></textarea>

</font>
   

<html>
<head>
</head>
<body>
<button id=t1 style=background-color:#bfbfbf;cursor:hand;width:70 onMouseOver=setInterval('stCol(1,30,50,30)',1000); onMouseOut=reCol(1); onclick=alert('누꼬?');><span style="font-size:9pt;top:20px;border-style:none;height:5;font-weight:none;color:white;filter:shadow(color=gray,direction=135);">자바버튼</span></button>
<font size=2 face=돋움>
반짝거리는버튼!!옆버튼에 마우스를 올려보세요.1초만기다리세요^^
<br><p>
<BUTTON STYLE="background-color:#bfbfbf;cursor:hand;width:12;height:12;border:'1px outset'" onMouseOver="this.style.backgroundColor='red';this.style.border='1px inset'" onMouseOut="this.style.backgroundColor='#bfbfbf';this.style.border='1px outset'" onclick=alert('1번버튼클릭^^')></BUTTON>
<BUTTON STYLE="background-color:#bfbfbf;cursor:hand;width:12;height:12;border:'1px outset'" onMouseOver="this.style.backgroundColor='yellow';this.style.border='1px inset'" onMouseOut="this.style.backgroundColor='#bfbfbf';this.style.border='1px outset'" onclick=alert('2번버튼클릭^^')></BUTTON>
<BUTTON STYLE="background-color:#bfbfbf;cursor:hand;width:12;height:12;border:'1px outset'" onMouseOver="this.style.backgroundColor='green';this.style.border='1px inset'" onMouseOut="this.style.backgroundColor='#bfbfbf';this.style.border='1px outset'" onclick=alert('3번버튼클릭^^')></BUTTON>

꼬마버튼<p>
<script>

r=g=b=0;
var timerID=null;
function chCol(m,r2,g2,b2) {
                r+=r2;
                g+=g2;
                b+=b2;
                if (r>250||g>250||b>250) {
                        clearInterval(timerID);
                        reCol(m);
                        return;
                }
                str=r+','+g+','+b;
                document.all('t'+m).style.background='rgb('+str+')';
               
}
function reCol(dest) {
        r=g=b=0;
        document.all('t'+dest).style.background='#bfbfbf';
        clearInterval(timerID);
}
function stCol(n,r2,g2,b2) {
        timerID=window.setInterval('chCol('+n+','+r2+','+g2+','+b2+')',200);
}
</script>

</body>
</html>

● absolute 와 relative의 차이점

포지션에 대한 속성에서 absolute와 relative를 보면

○ absolute(절대적 위치)

브라우저를 기준으로 위치 속성을 사용 하며 parent 요소에 의해 하위 위치에

있다면 그 곳을 기준으로 합니다. 즉, 레이어 속성인 z-index를 쓸경우......

top, left, right, bottom을 통해서 좌표를 잡는데 실제 브라우저를 기준으로 위치하게 됩니다.


○ relative(상대적 위치)

객체가 위치 속성에 의해 설정 되거나 태그내에 위치시 마지막 위치를 기준으로 상대값을 정해 줍니다.

즉, 포지션을 정하지 않은 상태에서 보면 그곳에 위치가 브라우저에 나올것입니다.

바로 그곳을 기준으로 포지션에 relative를 사용해서 top, left, right, bottom을 이용해서 위치를 정할수 있습니다.

ex 1.
<div style="position:relative;background:red;left:100px;top:200px;color:white;">relative</div>
<div style="position:absolute;background:blue;left:100px;top:200px;color:white;">absolute</div>

ex 2.
<div style="position:absolute;background:red;left:100px;top:200px;color:white;">relative</div>
<div style="position:relative;background:blue;left:100px;top:200px;color:white;">absolute</div>

시그널 넣기는 listen.pls 의 수정으로 할수 있습니다.
보통 일반 적인 listen.pls를 에디터로 열어 보면 아래와 같습니다.

[playlist]
NumberOfEntries=1
File1=http://아이피 또는 주소 : 포트


방송 시그널은 저것을 간단히 수정해서 이용이 가능 합니다.
수정하는 법을 알려드리겠습니다. 아래와 같이 하시면 됩니다.

[playlist]
NumberOfEntries=2
File1=http://청취시 처음 나올 메세지 또는 음악[ex : ttp://www.mnetv.com/opening.mp3 ]File2=http://아이피 또는 주소 : 포트

<font style=font-size:9pt;>

요즘 유행하는 것이죠. 텍스트 박스에 이미지가 들어가 있구 마우스 클릭하면 사라지는 기능.<br>
두가지 방법을 알려드릴거구요. 첫번째는 포커스가 박스안에 있으면 새로고침 하더라도 다시 이미지가<br>
나타나지 안습니다. 포커스가 박스안에 없을 경우만 나타납니다. 두번째는 포커스가 인풋박스 안에 있더라도<br>
이미지가 나타납니다.<br><br>

첫번째 방법.<br>
<input type='text' size='38' style='height:20px;' style='background-image:url(./outlogin_skin/camelot_gray2/images/aa.gif);background-repeat:no-repeat;background-position:center; border-width:1px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-left-color:black; border-style:solid;' onFocus="this.style.background='#ffffff'">
<br><br>
두번째 방법
<script language=JavaScript>
<!--
var c=false;
function ch () {
if ( c ) return;
document.search.q.style.backgroundImage="";
c=true;
}
//-->
</script>

<form name=search>
<input size=38 name=q style='background-image:url(./outlogin_skin/camelot_gray2/images/aa.gif);background-repeat:no-repeat;background-position:center; border-width:1px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-left-color:black; border-style:solid;' onkeydown='return ch();' onmousedown='return ch();'>
</form>

</font>
   

페이지의 <head>와 </head>사이에 아래와 같은 스타일시트 소스를 넣어주시면 페이지의 여백이 0으로 됩니다.

<style type='text/css'>
<!--
BODY { margin:0 0 0 0 }
-->
</style>

보시다시피 margin(여백)은 0 0 0 0 이라고 되어있는데.....
각각 상하좌우의 여백을 의미하는거겠죠 순서는 각각 수치를 바꿔 적용하면서 실행해보시면 아실수 있을겁니다.

리스트태그의 리스트아이템을 이미지로 바꾸기

<br><br>

▥ 일반적인 방법.

<br>

<ul type="disc">
  <li>list 태그를 사용하면 이렇게 됩니다.</li>
  <li>두번째 줄은 이렇게</li>
  <li>세번째 줄은 이렇게</li>
</ul>

<br><br>

▥ 이미지를 사용했을 경우.

<br>

<ul style="list-style-image:url(../html/img/menuimg1.gif)">
  <li>list 태그를 사용하면 이렇게 됩니다.</li>
  <li>두번째 줄은 이렇게</li>
  <li>세번째 줄은 이렇게</li>
</ul>

   

http://oxtag.com/html/ex/text/writing-mode.html


style="writing-mode:tb-rl" 이 소스를 첨가 하면 됩니다.

플래쉬 삽입소스에 <param name=wmode value=transparent> 이거를 추가하면 됩니다. 그러면 백그라운드가 투명처리되며, 플래쉬가 레이어 아래로 보이게 됩니다.

mypage.html 에서 뒤로가기를 막으려면,
<body onunLoad="window.location.replace('mypage.html')">

도구모음의 뒤로, 키보드의 백스페이스키,즐겨찾기의 다른사이트로가기 등등 모든 종류의 뒤로가기는 물론 다른 페이지로 가기까지 금지시킵니다.
다른페이지로 가려면 현재창을 두고 가는 수밖에..

<form>
<input type=text name=amount value=500>
<input type=button value="증가" onClick="javascript:this.form.amount.value++;">
<input type=button value="감소" onClick="javascript:this.form.amount.value--;">
</form>

input 태그 안에 ONKEYPRESS="if ((event.keyCode<48)||(event.keyCode>57)) event.returnValue=false;"

또는 onkeypress="onlynumber();" 추가!