나만의 티스토리 스킨을 만들어가며 웹 디자인 배우기
티스토리를 시작한지 이제 한달 조금 넘은 것 같습니다
티스토리를 하며 놀란 건 정말 멋진 스킨들이 많다는 것입니다
어떻게 이렇게 멋진 스킨을 만들 수 있을까요?
역시 디자이너들은 대단합니다
몇일 전부터
"어설프지만 나만의 스킨을 만들어 보고 싶다"
라는 생각이 들었습니다
"그래! 나도 한번 만들어보자" 라는 생각이 들어
포스팅을 시작하게 되었습니다
나만의 스킨을 만들고 싶지만 웹에 대한 지식이 없어
도전 할 수 없었던 분들이 있다면 저와 함께 한번 도전해 봅시다
저도 웹디자이너가 아니라 잘 모르지만 함께 학습하며
조금씩 만들어 보고자 합니다
혹, 이글을 읽는 분들 중 웹 디자이너가 있다면 도움 부탁합니다
그럼 출발~
[티스토리 관리자 화면] → [스킨변경] → [스킨등록] 클릭하여 이동해 주세요
단계1
스킨등록에 필요한 필수 파일 3개가 있습니다
index.xml, skin.html, style.css 파일이죠
skin.html 파일의 내용은 티스토리 스킨만들기 설명에 있는 소스를 적어 놓았습니다
sytle.css 파일은 특별한 내용은 전혀 없으며, 단 utf-8 언어 선언만 해 놓았습니다
그리고 index.xml 파일은 저의 정보로 수정해 두었습니다
주석을 적어 놓았으니 열어보시고 각자 정보들로 수정 해서 올리시면 됩니다
그럼 다운받아서 수정 할 분들은 수정하신 후 올려 보세요
단, 사용하지 않는 테스트 블로그를 이용해 주세요 ^^
저장하고 적용을 하게 되면 아래와 같이 보이게 됩니다
이제 HTML/CSS 편집화면에서 조금씩 수정해 가며 스킨을 만들어 나갈 것입니다
이제 출발했으니 앞으로 함께 멋진 스킨 만들어 가 봅시다
스킨제작에 있어서 필요한 지식들은 HTML, CSS, JavaScript 크게 이 3가지가 되겠습니다
다음시간부터는 이 세가지를 조금씩 알아가며 스킨을 만들어 봅시다
그럼 다음 포스팅에서 만나요
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
[HTML/JavaScript] 로또번호 자동생성 소스 설명 (1) | 2017.09.06 |
---|---|
[HTML/JavaScript] 로또번호 생성 프로그램 만들기 (0) | 2017.09.06 |
[티스토리 스킨만들기] 두번째 치환자 적용하기 (4) | 2017.09.01 |
[티스토리 스킨만들기] 로 배워가는 웹 디자인 첫번째 시간 (4) | 2017.09.01 |
[웹 프로그래밍] 개발자 도구를 이용한 자바스크립트 디버깅 방법 (0) | 2017.08.30 |
[자바스크립트] 인터넷 웹 브라우저 우클릭 방지 하는 법 (0) | 2017.08.30 |
대단하시네요.
맨땅부터 시작하시다니...
저는 그냥 다 해놓은거 고쳐서 사용하다보니 금방 너덜너덜해집니다. ㅋㅋ
답글
ㅎㅎ 배워가며 포스팅해보니 나름 재밌네요~^^
답글
비밀댓글입니다
답글
처음 접하는 분들에게 쉽지만은 않지만 천천히 하다보면 또 되는게 코딩인것 같아요 ㅎㅎ 스크립트는 천천히 배워도 될 듯 합니다. 기본적인것 몇개만 알아도 좋구요^^