>1. 컴퓨터 하드웨어 말인데요.
>
>메모리 용량이 많으면 많을수록 컴퓨터 속도가 빨라지는가요?
답변 :
컴퓨터 동작속도는 여러가지 요소에 의하여 결정이 됩니다.
하드웨어로 놓고보면 CPU 클럭수,RAM 용량, 하드디스크 속도 ... 등이 속도에 관계됩니다.
>2. 홈페이지에 접속하면 시작페이지로 만드는 창이뜨는 소스가지고 있는 분이
>
>있으면 올려주세요.
답변 :
<head> 와 </head> 사이에 아래 소스를 삽입하세요.
<script language="javascript">
<!--
function start() {
startpage.style.behavior='url(#default#homepage)';
startpage.setHomePage('http://life.moyiza.kr/');
}
//-->
</script>
윗소스에서 http://life.moyiza.kr/ 부분을 자신의 홈페지주소로 바꿔주세요.
다음
<body>부분에 OnLoad="start() ;"을 삽입하세요.
>
>3. FrontPage 로 홈피만들때 超连接를시키면 련결된 글자가 파란글자에밑줄까지
>
>붙어있는데 파란글자 말고 그냥 자신이 요구 하는글자를 어떻게 설정 합니까?
답변 :
링크색상은 스트일 시트로 이뿌게 정의해서 사용하실수 있습니다.
아래에 신의 키스님의 디자인강좌를 게재해 드릴께요.
제가 설명하는것보담은 신의 키스님의 상세한 설명이 더 도움이 될꺼 같네요^^;;
링크의 색, 밑줄, 점선밑줄, 점선박스, 배경, 두께, 크기 표현하기
밑줄없음 밑줄 두줄 박스 굵게
크게 점선밑줄 점선밑줄ie55 점선박스ie55 굵은밑줄ie55
위의 링크에 마우스커서를 각각 올려보세요.
보통, 링크가 걸린 텍스트는 파란색에 밑줄도 생기고, 때로는 보라색이 되기도 하고 그렇죠.
하이퍼링크의 상태를 명확하게(_-_?) 표시해 줘서 좋지만, 미관상 좋지 않죠. 하지만, 스타일시트를 이용해서 못생긴 텍스트링크를 예쁘게 성형수술시킬 수 있습니다. 위의 예제중 ie55가 붙은 것은 인터넷익스플로러 5.5 이상에서만 보입니다.
아래의 예를 볼까요?
<head> 와 </head> 사이에 아래 소스를 넣습니다.
<style type="text/css">
<!--
A:link {text-decoration:none; color:#000080}
A:visited {text-decoration:none; color:#000080}
A:active {text-decoration:none; color:#000080}
A:hover {text-decoration:none; color:#529CFF}
-->
</style>
하이퍼링크의 속성은 아래의 네 가지로 구분됩니다.
A:link 방문한 적이 없는 평범한 링크의 모양
A:visited 방문한 적이 있는 링크의 모양
A:active 활성화된 링크. 즉, 링크를 클릭했을 때의 모양
A:hover 마우스커서가 올라갔을 때 바뀌는 링크의 모양
text-decoration 은 밑줄에 관련된 부분입니다. underline는 밑줄, overline은 윗줄, none는 줄 없음.
color 는 색에 관련된 부분이구요.
위의 예제대로 한다면 신의키스
방문한 적이 없는 곳(A:link) 은 밑줄 없는 #000080 색으로,
방문한 적이 있는 곳(A:visited) 은 밑줄 없는 #000080 색으로,
링크를 클릭했을 때 (A:active) 밑줄 없는 #000080 색으로,
링크 걸린 텍스트 위에 마우스커서가 올라가면 (A:hover) 밑줄 없는 #000080 색으로 표시되겠죠.
A:link, A:visited, A:active 이렇게 세 개는 고정된 링크속성이기 때문에 별다르게 수정할 필요없이, 색만 바꾸고 위처럼 사용하시면 무난합니다.
하지만 맨 아래의
A:hover {text-decoration:none; color:#529CFF} 는 마우스커서가 올라갔을 때 반응하는 동적인 속성을 가진 곳이기 때문에, 위 소스 중 A:hove로 시작되는 줄만 아래처럼 취향에 맞게 바꿔 사용하시면 독특한 효과를 표현할 수 있겠죠.
A: hover {text-decoration:underline; color:#529CFF}
여기에 마우스커서가 올라가면 밑줄이 생깁니다
A: hover {text-decoration:underline overline; color:#529CFF}
여기에 마우스커서가 올라가면 아래위로 두 개의 줄이 생깁니다
A: hover {text-decoration:none; color:#000080; background:#D0E0FF; padding:2 2 0}
여기에 마우스커서가 올라가면 링크주변이 배경색으로 채워집니다
A:link, A:visited, A:active 로 시작되는 줄에도 각각 padding 2 2 0 를 추가해주시면 보기 좋습니다. 배경이나 글자가 잘리거나 움직이지 않게 하기 위해 넣은 부분입니다.
A: hover {text-decoration:none; color:#529CFF; font-weight:bold}
여기에 마우스커서가 올라가면 굵은 글씨로 변합니다
A: hover {text-decoration:none; color:#529CFF; font-size:11pt}
여기에 마우스커서가 올라가면 큰 글씨로 변합니다
A: hover {text-decoration:none; color:#529CFF; background:url(dotline.gif) repeat-x bottom}
여기에 마우스커서가 올라가면 점선 이미지가 밑줄로 보여집니다
dotline.gif 는 점선밑줄로 사용할 그림의 경로 및 이름.
이 경우는 점선으로 사용할 그림이 하나 있어야 합니다. 가로3픽셀, 세로1픽셀짜리로 준비하시면 되구요. 투명한 바탕의 가운데 점 하나만 찍어주면 됩니다. ← 확대해보면 이런 모양이 되겠죠. 파란사각형의 양쪽은 투명배경 (배경색이 있는 문서에서 자연스러운 점선을 표현하기 위함)입니다. 물론, 다른모양 다른크기로 만들어도 상관은 없습니다:) 저 그림을 다운 받아서 파란색만 다른 색으로 바꿔 사용하셔도 됩니다^^
A: hover {text-decoration:none; color:#529CFF; border-bottom:1 dotted #0000FF}
여기에 마우스커서가 올라가면 #0000FF색의 점선 밑줄이 생깁니다
이 경우, 밑줄로 쓰일 이미지는 따로 필요하지 않지만, 익스플로러 5.5 이상에서만 보입니다.
A: hover {text-decoration:none; color:#000080; border:1 dotted #0000FF; padding:2 2 0}
여기에 마우스커서가 올라가면 링크주변에 #0000FF색 점선박스가 생깁니다
A:link, A:visited, A:active 로 시작되는 줄에는 각각 padding 2 3 0 을 추가해주시면 보기 좋습니다. 글자가 움직이지 않게 넣어준 여백입니다. 점선박스로 사용할 이미지는 따로 필요하지 않지만, 익스플로러 5.5 이상에서만 보입니다.
A: hover {text-decoration:none; color:#529CFF; border-bottom:3 solid #0000FF}
여기에 마우스커서가 올라가면 두께 3, #0000FF색의 굵은 밑줄이 생깁니다
밑줄로 쓰일 이미지는 따로 필요하지 않지만, 익스플로러 5.5 이상에서만 보입니다.
조금이나마 도움이 되였으면 합니다.
|
2002.10.11 12:17:01
