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

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

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

- 인트로 -

1. 들어가기 앞서

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

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

2. 기존의 레이아웃 강좌

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

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

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

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

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

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

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

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

• XE 공식 메뉴얼 - 3. 레이아웃 스킨 만들기
  • http://doc.xpressengine.com/manual/XE-Skin_Manual-ko(v1.1).pdf
• XE 스쿨 - 레이아웃
  • http://www.xeschool.com/xe/step3_1
• 365 프리 웹 호스팅
  • http://community.365managed.com/?mid=webhosting_use_tip&page=2&document_srl=110004