Home > 고객지원 > 질문&답변

처음부터 만들기 매뉴얼 [능숙1단] CSS(스타일 시트) 설정
2009-12-25 20:53:59

 

본 미션은 회원등급이 [초급]인 회원만 도전 할 수 있습니다. 

회원등급이 [입문]인 회원은 [초급미션]을 수행 하신 후 도전 해주시기 바랍니다.

 

이번 미션을 통해 아주 간단한 CSS를 적용해보도록 하겠습니다.

CSS가 뭔지 전혀 모르겠다면 겁먹지 마시고  그냥 따라하세요 ^^;;;

 

[초급미션]을 통해 홈페이지를 만들었는데 하이퍼링크가 아래와 같이 촌스럽게(?) 나올겁니다.

 

각 버튼마다 일일이 메뉴명 이렇게 입력해줘도 되지만 만약 하이퍼링크가 100개 1000개저도 된다면 해도해도 끝이 없을겁니다.

이럴때 한번에 해결하는것이 CSS 입니다.

설명이 부족하더라도 실습을 통해 습득하시기 바랍니다. ^^

 

1. 관리자 모드로 로그인 하시구요.  [디자인관리 고급 디자인 관리 CSS,Javascript] 으로 이동하세요.

 

2. 기본 입력된 CSS 소스가 입력되어 있습니다.

필자는 아래 소스를 추가해보았습니다.

 

A:link { font:9pt; text-decoration:none; color:#303030}
A:active {text-decoration:none; color:#303030}
A:visited { text-decoration:none; color:#303030}
A:hover { text-decoration:uone; color:#1f6bb9}


 


 

3. 이제 홈페이지로 가서 어떻게 변경되었는지 확인해보세요. 조금 이쁘게 변경된것을 확인 할 수 있나요?

 

만약 수정된것을 확인 할 수 없다면 브라우져창의 [도구>인터넷 옵션]을 클릭하신후 아래와 같이 설정하셔야 합니다.

 

 

 





위 설정은 임시파일을 사용안하는 설정으로 홈페이지를 제작하신다면 모두 이렇게 설정하고 작업하셔야 합니다.

그럼 홈페이지에 방문하는 모든 회원도 저렇게 설정해야 하냐구요? 그렇지 않습니다.

홈페이지 방문자는 이렇게 설정 할 필요 없이 수정된 내용이 모두 정상적으로 나타나므로 걱정하지 않으셔도 됩니다. ^^

제작자의 경우는 각종 다양한 이미지 및 html 파일을 수정하면서 결과 페이지를 수시로 확인해야 하는데 인터넷 브라우져는 빠른속도를 유지하기위해 한번 받은 파일을 임시보관함에 보관하고 있다가 같은 페이지를 요청시 새로 다운로드 받는게 아니라 보관하고 있던 파일을 출력하도록 되어 있습니다.

 

그렇기 때문에 이미지를 수정했는데도 반영이 안되는경우가 모두 이러한 이유때문입니다.

 

홈페이지를 만들고 계시는 여러분은 반드시 위와 같이 설정 하시기 바랍니다. ^^

 

 

 

수고하셨습니다.

 

CSS 적용 전 : http://myhome6.webdimo.co.kr

CSS 적용 후 : http://myhome7.webdimo.co.kr

 

 

이번 미션 너무 쉽죠? 여러분은 다양한CSS를  적용 해보시기 바랍니다.

 

검색해보시면 정말 많은 CSS 가 있습니다. ^^

 

 

그럼 다음 미션으로 고고고~  ^^

 

 

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^