묻고답하기
PSD로 디자인한걸 CSS로 바꿀 수 있을 정도로 공부하려면요..? 조언부탁드립니다
2016.10.25 17:27
제로보드 초기때부터 스킨을 노프레임 원프레임 하던 시절
테이블태그를 나모웹에디터 드림위버로는 만들어낼 수 있었고 그땐 차라리 원하는 디자인으로 만들기 쉬웠는데요
현재는 html css를 직접 창조는 못하지만 이게뭔지 알고 수정을 하고 뭔가 이상하면 왠종일 이렇게해보고 저렇게 해보고 하다가 막히면 그만두는 정도고요..
웹표준이라고 하면서 제로보드 홈페이지에 막 언급되고 그럴때 눈을 떠서 책도 많이 사서 공부하고 그랬긴 한데
매번 시작했다가 포기해서 까먹었다가./.. 또 시작하고 포기하고 하다가 아직도 제대로 못하고있습니다~~
그냥 포토샵 PSD로 제가 아주 심플하게 디자인하고 그걸 CSS로 해낼 수 있으려면..
뭘 해야할까요?
어디서 강좌를 봐도 다 CSS의 약자부터 div가뭔지 CSS가뭔지 넓이 높이 넣고 마진0 오토 이런거 배우잖아요?
보면 뭔말인진 다 알아요 그래서 막 넘기다보면 모르는거 나오고..
그러다가 맨날 끝나요 저는.. ㅜㅜ
도대체 여러분들은 어떻게 시작해서 지금까지 도달하셨나요...?
최근글 그런거 없고 그냥 진짜 깔끔하게 위에 로고하나 메뉴하나 , 가운데 본문하나, 밑에 푸터하나 이정도만 해서 사진 올리면서 글도 쓰고 음악도 틀고 그러고 싶은데 옛날 싸이월드처럼요
이번에도 제가
"아 나는 메뉴 네비게이션바 하나정도만 디자인 하면 되겠구나 거기서 포트폴리오는 워드프레스 갖다붙이고 블로그형 게시판 1개만 딱 해서 거기다가 글 쓰면 되겠다. 그냥 프레임 하나 맨 위에 박아서 사랑비BGM같은거 하나 달지뭐 핸드폰으론 안봐도돼.."
이러다가
로고만드는 부분에서 막혀서 포기하고 또 일년 있다가 다시해보자 할 생각이었습니다~
div로 감싸서 하나의 div 안에 왼쪽div에 로고넣고 오른쪽div에 메뉴넣고 이렇게 해야할지
감싸는 div없이 그냥 div두개를 만들어서 왼쪽에하나 오른쪽에 하나 넣어야하는지 그런거 모르겠구
그 속에 설정을 이건 왼쪽에 이건 오른쪽에 정렬해라 이런것도 모르겠고요
쓰고보니까 그냥 초보네요 그냥 좀 눈만 트인 초보..
근데 이왕 포기하는거 이번에는 한번 글좀 남겨서 조언좀 얻어보고자 왔어요~
어디 취업하고 그럴건 아니고요 저는 포토그래퍼입니다~
ㅈㅔ가 원하는 디자인으로 저만의 감성을 내뿜으면서 감성적으로 어필하고싶어요 그뿐이에요 ㅜㅜ
현란하게 나뉘어진 칸에 막 뉴스올라오고 최근글올라오고 이런거 필요없구 그냥 예쁜 사진 배경에 가운데 흰색 콘텐츠영역 하나..
아니면 그냥 아예 사진배경 위에 다 투명인 게시판 스킨 하나.. 이정도로 심플한 홈페이지
제대로 하고싶은데 길을 모르겠어요 ...
책을 더 사라던가 과외를 받으라던가 뭐뭐뭐 배워라 이런식으로 길좀 알려주세요
댓글 2
-
DoorWeb
2016.10.25 17:38
-
SimpleCode
2016.10.25 20:07
디자인을 하시면서 직접 HTML에 디자인을 입히시고 싶다면, 먼저 HTML이란 게 어떤 것이고, CSS가 하는 역할에 대해 이해하셔야 할 것 같습니다.
말씀하신것처럼, HTML + CSS 코딩에 정답이 하나만 있는 게 아닙니다. 두 개 이상 있을 수도 있죠.
일단 디자이너 시점에서 작성한 서적을 구매하셔서 "이런 디자인은 이런 식으로 코딩해야하는 구나" 식의 요령부터 습득하시는 게 좋을 것 같습니다. 이해가 안되는 부분은 따로 인터넷에서 검색해보시거나, 책을 사서 보시는 것을 권장합니다.
(워낙 자료가 방대해서 책 한 권에 전부 담지 못하기도 합니다.)
http://naradesign.net/open_content/reference/layout/
이걸 보시면 많은 도움이될겁니다.