웹마스터 팁

※ 이 글은 이온디 XE 포럼 강좌에 포스팅한 글을 XE 공식 홈페이지 사용팁에도 소개하기 위해 가져왔습니다.

(원본 - http://eond.com/xe_forum/340129 )


HYML5를 이용한 시멘틱 XE 레이아웃 만들기

- 인트로 -

1. 들어가기 앞서

레이아웃 제작만 해도 벅찬 제가 버겁게도 무려 강좌를 시작하기로 했습니다. 잘 할 수 있을지 걱정은 됩니다만 이 글을 쓰면서 저도 체계가 잡힌 제작이 될 수 있을 거라 믿으며 레이아웃 제작기 겸 강의를 시작하려 합니다. 


예전에 링크해놓은 강좌 사이트를 다시 열어보니 없어진 사이트도 있고 아직 존재하는 사이트도 있는데 단순히 구경하러 오신 분들은 아마 정리가 잘 안 될거라 생각됩니다. 그래서 몇 가지 안내를 드리면서 강좌를 시작해 보겠습니다.


2. 기존의 레이아웃 강좌

'HTML 5를 이용한 시멘틱 레이아웃 만들기'라는 강좌를 시작하기 앞서 다른 분들께서 작성한 레이아웃 강좌를 소개해 드립니다. ^^


XE에 대한 팁 중 레이아웃 강좌의 유형은 두 가지 부류가 있습니다.

하나는 수정을 중심으로 소개한 강좌이고, 다른 하나는 제작을 중점으로 소개한 강좌입니다.


먼저 첫번 째는 기존의 레이아웃을 좀 더 내 맘에 맞게 고쳐쓰자는 뜻에서 강의하는 '수정편' 입니다. 이 경우는 초심자도 글쓴이가 작성한 순서대로 따가하면 되는 수준이라 복잡하지는 않습니다. 하지만 이런 강좌는 내가 원하는 부분을 바로 알 수 있는 것이 아니라 작성자가 작성한 대로 순서가 짜여져 있어 원하는 부분만을 찾아내 고치고 싶을 때 강좌의 모든 편을 읽어봐야 하는 수고로움이 있습니다. 간단한 따라하기가 가능한 초급자 분들께 추천합니다. 


두번 째는 새로이 처음부터 레이아웃 제작을 목적으로 강의하는 '제작편'입니다. 강의를 시작하는 입장에서도 수정편 보다는 좀 더 구조적으로 깊이 있는 강의가 많습니다.

배우는 입장에서는 아무래도 제작이기 때문에 손이 많이 갑니다. 난이도도 '수정편' 보다는 높습니다. 하지만 순서대로 차근차근 설명하기 때문에 나중에 내가 원하는 부분을 고칠 때 강좌를 참고해가며 고치기 쉬운 장점이 있습니다. (다만 내가 원하는 대로 꼭 설명하진 않기에 애로점은 따릅니다.) 중급자 분들께 추천하는 강좌입니다.


아무래도 저 역시 전문적으로 잘 쓰는 필자는 아니라 강좌를 시작할 때 잘 전달할 수 있을까 망설여지기에 처음에는 다른 분들도 강좌도 한 번씩 읽어봤으면 하는 마음에서 소개해드립니다. 


XE 레이아웃 스킨 제작 강좌 사이트

기본적으로 XE 공식 사이트에 게재된 PDF 파일을 한 번 읽어보시고 시작해봅니다.
그리고 XE 학습에 일등공신인 XE 스쿨의 레이아웃 편을 읽어봅니다.
세번째는 365 사이트의 레이아웃 강좌를 읽어봅니다.

이러한 'XE 레이아웃 제작 강좌'가 제가 시작하려는 'HTML5를 이용한 시멘틱 XE 레이아웃 만들기'와 기본은 같기에 충분히 위 강좌만으로도 배움에 좋은 길잡이가 될 수 있을 것이라 생각합니다.

각 제작자마다 작업 방식이 다를 수 있습니다. 저 방법도 있고 이 방법도 있습니다. 저와 함께 다른 분들의 강좌도 배우면서 제가 쓰는 글도 함께 따라하실 분들은 직접 비교도 해가며 궁금한 건 물어도 보면서 같이 레이아웃을 한 번 만들어 봅시다. ^^

제목 글쓴이 날짜
새로고침없이 페이지 리로딩 간단하고 쉽게 서버한테는 미안하게 하는법 (서버단이 아니고 스킨에 ㅠ jquery load씀) 게시글,댓글,추천등 모든 부분다가능합니다. [2] 장포크 2013.08.08
지식인 모바일에서 답변이 보이지 않는 현상. 씨즈부스 2013.08.10
제로보드 4 -> xe 신버전으로 마이그레이션 경험담 [4] file 윤안젤로 2013.02.28
textarea 테그 제임스라 2013.08.07
문서에서 원하는 썸네일 뽑아오기. [16] Xiso 2013.02.01
[트래픽] 줄이기 팁! 레벨별 아이콘을 CDN 으로 (cafe24) [11] 999 2010.06.04
HTML5를 이용한 시멘틱 XE 레이아웃 만들기 (인트로) [3] 이온디 2013.08.04
저장된 이미지가 없는 경우 게시판 본문 및 Contentlist 위젯에 이미지 랜덤하게 나타내기 가난한법학도 2013.08.04
Recruit 모듈 - 일반회원 채용글 등록할 수 있도록 수정 [10] 홍채화 2013.07.27
XE 위키 댓글 삭제 오류수정 [1] 뒤뒤 2013.08.03
Sketchbook5 게시판 스킨 본문 부분 여백 없애기 [7] file 짤막한글 2013.08.01
XE 내가 작성한 글 모두 일괄 추천하기. [4] 엘카 2013.08.01
[위키정복]4탄 - 망할 에러까지 정복하자 [2] kukuriko 2013.07.31
XE 위키 모듈에서 소셜XE 댓글 사용하기 novelic 2013.07.31
카페24로 옮기고 나서 모바일 레이아웃 설정 저장이 안되어서.. 착한부산남자 2013.07.31
자료실(resource)모듈 등록신청 권한적용 안될때 [2] 배포 2013.07.28
게시판 및 댓글 추천/비추천 카운트가 바로 적용되지 않는 경우 KS 2013.07.28
[팁] 세상의 모든 SNS버튼을 등록해보자. [1] file socialskyo 2013.07.28
포인트복권모듈 포인트 중복수령을 차단하는 간단한 팁 [4] 나뚜르 2011.07.10
페이스북 애드온 - 뭐 팁이랄것도 아닙니다. [1] 후아아아~ 2013.07.27