[티스토리 스킨만들기] 로 배워가는 웹 디자인 첫번째 시간

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

 

 

 

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

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

 

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

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

 

몇일 전부터

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

라는 생각이 들었습니다

 

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

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

 

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

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

 

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

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

 

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

 

 

그럼 출발~

 

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

 

 

단계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가지가 되겠습니다

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

 

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