CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

Contents Management System

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

- 인트로 -

1. 들어가기 앞서

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


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


2. 기존의 레이아웃 강좌

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


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

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


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


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

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


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


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

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

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

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

추천한 사람

 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기