나만의 티스토리 스킨을 만들어가며 웹 디자인 배우기

 

 

 

티스토리를 시작한지 이제 한달 조금 넘은 것 같습니다

티스토리를 하며 놀란 건 정말 멋진 스킨들이 많다는 것입니다

 

어떻게 이렇게 멋진 스킨을 만들 수 있을까요?

역시 디자이너들은 대단합니다

 

몇일 전부터

"어설프지만 나만의 스킨을 만들어 보고 싶다"

라는 생각이 들었습니다

 

"그래! 나도 한번 만들어보자" 라는 생각이 들어

포스팅을 시작하게 되었습니다

 

나만의 스킨을 만들고 싶지만 웹에 대한 지식이 없어

도전 할 수 없었던 분들이 있다면 저와 함께 한번 도전해 봅시다

 

저도 웹디자이너가 아니라 잘 모르지만 함께 학습하며

조금씩 만들어 보고자 합니다

 

혹, 이글을 읽는 분들 중 웹 디자이너가 있다면 도움 부탁합니다

 

 

그럼 출발~

 

[티스토리 관리자 화면] → [스킨변경] → [스킨등록] 클릭하여 이동해 주세요

 

스킨등록

 

단계1

스킨등록에 필요한 필수 파일 3개가 있습니다

index.xml, skin.html, style.css 파일이죠

 

skin.html 파일의 내용은 티스토리 스킨만들기 설명에 있는 소스를 적어 놓았습니다

sytle.css 파일은 특별한 내용은 전혀 없으며, 단 utf-8 언어 선언만 해 놓았습니다

그리고 index.xml 파일은 저의 정보로 수정해 두었습니다

주석을 적어 놓았으니 열어보시고 각자 정보들로 수정 해서 올리시면 됩니다

 

그럼 다운받아서 수정 할 분들은 수정하신 후 올려 보세요

단, 사용하지 않는 테스트 블로그를 이용해 주세요 ^^

SavedSkin(2017-09-01).zip

 

저장하고 적용을 하게 되면 아래와 같이 보이게 됩니다

 

 

 

블로그 화면

 

이제 HTML/CSS 편집화면에서 조금씩 수정해 가며 스킨을 만들어 나갈 것입니다

이제 출발했으니 앞으로 함께 멋진 스킨 만들어 가 봅시다

 

스킨제작에 있어서 필요한 지식들은 HTML, CSS, JavaScript 크게 이 3가지가 되겠습니다

다음시간부터는 이 세가지를 조금씩 알아가며 스킨을 만들어 봅시다

 

그럼 다음 포스팅에서 만나요

 

 

Posted by JOY [바가지]

댓글을 달아 주세요

  1. SONYLOVE 2017.09.30 16:16 신고  댓글주소  수정/삭제  댓글쓰기

    대단하시네요.
    맨땅부터 시작하시다니...
    저는 그냥 다 해놓은거 고쳐서 사용하다보니 금방 너덜너덜해집니다. ㅋㅋ

  2. JOY [바가지] 2017.09.30 17:29 신고  댓글주소  수정/삭제  댓글쓰기

    ㅎㅎ 배워가며 포스팅해보니 나름 재밌네요~^^

  3. 2019.09.18 21:11  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • JOY [바가지] 2019.09.19 01:11 신고  댓글주소  수정/삭제

      처음 접하는 분들에게 쉽지만은 않지만 천천히 하다보면 또 되는게 코딩인것 같아요 ㅎㅎ 스크립트는 천천히 배워도 될 듯 합니다. 기본적인것 몇개만 알아도 좋구요^^