저도 처음에 접할때 생각들었던 마음과 같으시네요 ^^

html,css 이론적으로는 아는데 막상 해볼려면,,

키보드에 손은 올라가는데 "어?" 하게 되죠 ㅎㅎㅎ

저는 무조건 부딪혔습니다. 즉, 눈과 손에 익어야합니다.

눈과 손에 익는게 저는 1번이라고 생각듭니다.

가장 좋은건 사이트 하나 잡고 그대로 따라서 만들어보는겁니다!

저는 네이버 사이트를 예시로 잡고 그대로 만들어봤습니다.

네이버 사이트가 레이아웃 잡는 구성엔 도움이 아주 많이 되었습니다.

그 이후는 다음을 만들어봤고요. 그 이후는 네이트온..

포털사이트 위주로 따라해서 다 만들어봤습니다.

(포털사이트 위주로 레이아웃 및 따라해보니 margin 과 padding 의 개념을 확실히 알게되었어요 ㅋㅋ)

눈과 손에 익는다면, 다음과정은 활용도입니다.

"아.. 이런 코드가 있었어?" 워낙 많은 코드가 있기에 있는것조차 활용못할때도 많습니다.

한번 쭉~~~~ 살펴보는것도 중요합니다. 이 경우는 책보다는 인터넷구글링이 좋더라고요.

예를들어, border-top-left-radius:10px; border-bottom-right-radius:10px; 이런식으로 적어도 되지만,

border-radius: 25px 0 25px 0; 이런식으로 간단하게 표현하는것도 있거든요 ㅎㅎㅎ

다음은 안되는건 없다!! 라는 생각입니다.

구글링 해보면 웬만한 예제소스는 다 검색이 됩니다.

작업 전 검색해보시면서 영감을 얻으며 활용해보고, 내것으로 만드는것이 중요합니다.

그리고 내것으로 만들시엔 엑셀이나 메모장에 필히 적어두시고 다음에 또 활용하고,

잊지않는것이 중요합니다. 퍼블리싱 하다보면 거기서 거기인? 경우가 많이 생깁니다! ㅋㅋㅋ

쓸말이 너무 많네요 ㅠㅠ

저는 부트스트랩보다 미디어쿼리로 직접 만들어보시는걸 추천드립니다.

전 오히려 부트스트랩 파다가 포기했습니다. 미리 지정된 class 를 활용하여,

고퀄리티의 홈페이지가 뚝딱 완성됩니다. 하지만 처음부터 익숙하지 않으니

검색해보면서 만들다보니 시간만 더 걸리고 그렇더라고요.. 

(미디어쿼리를 알아야 부트스트랩도 다루는게 쉽지만 ㅜㅜ)

하지만 미디어쿼리의 정의는 간단합니다. 어려울게 하나도 없어서요 ㅎㅎ

그리고 현재 퍼블리셔의 입지는 상당히 고부가가치의 작업자 or 만능작업자가 되어야 합니다. 

동적인 효과를 위해 css 애니메이션(키프레임) or hover시 transition 사용법 or 제이쿼리 동적효과 공부도 하셔야하며,  자바스크립트를 통해 조건을 만들어서 보여줘야할때도 있고, php 도 조금은 알아야하고 ㅠㅠ 크로스브라우징도 생각하셔야하는데,, 머리 아픈게 좀 많습니다 -_-;;

그리고 웹호스팅 및 도메인연결 등등 클라이언트가 요구하는게 하도 많아서, 이것저것 다 하실줄 알면 좋습니다! 

그누보드로 공부하시는것도 추천드립니다.

저는 사이트제작의뢰시 100% 그누보드로 만듭니다.

그누4부터 다루다보니 익숙해진것도 있지만, 퍼블리싱으로 커스텀하기엔 아주아주

좋습니다. 또한 공개된 스킨도 많으며, 활용도가 상당히 높습니다.

공개된 스킨을 토대로 공부하여 클라이언트가 원하는걸 다 만들어줄때도 있습니다.

(공유해주신 분들께 감사드립니다.)

쓰다보니 너무 길어졌네요. 도움되시길 바라며 적어보았습니다 ^^