묻고답하기
PSD로 디자인한걸 CSS로 바꿀 수 있을 정도로 공부하려면요..? 조언부탁드립니다
2016.10.25 17:27
제로보드 초기때부터 스킨을 노프레임 원프레임 하던 시절
테이블태그를 나모웹에디터 드림위버로는 만들어낼 수 있었고 그땐 차라리 원하는 디자인으로 만들기 쉬웠는데요
현재는 html css를 직접 창조는 못하지만 이게뭔지 알고 수정을 하고 뭔가 이상하면 왠종일 이렇게해보고 저렇게 해보고 하다가 막히면 그만두는 정도고요..
웹표준이라고 하면서 제로보드 홈페이지에 막 언급되고 그럴때 눈을 떠서 책도 많이 사서 공부하고 그랬긴 한데
매번 시작했다가 포기해서 까먹었다가./.. 또 시작하고 포기하고 하다가 아직도 제대로 못하고있습니다~~
그냥 포토샵 PSD로 제가 아주 심플하게 디자인하고 그걸 CSS로 해낼 수 있으려면..
뭘 해야할까요?
어디서 강좌를 봐도 다 CSS의 약자부터 div가뭔지 CSS가뭔지 넓이 높이 넣고 마진0 오토 이런거 배우잖아요?
보면 뭔말인진 다 알아요 그래서 막 넘기다보면 모르는거 나오고..
그러다가 맨날 끝나요 저는.. ㅜㅜ
도대체 여러분들은 어떻게 시작해서 지금까지 도달하셨나요...?
최근글 그런거 없고 그냥 진짜 깔끔하게 위에 로고하나 메뉴하나 , 가운데 본문하나, 밑에 푸터하나 이정도만 해서 사진 올리면서 글도 쓰고 음악도 틀고 그러고 싶은데 옛날 싸이월드처럼요
이번에도 제가
"아 나는 메뉴 네비게이션바 하나정도만 디자인 하면 되겠구나 거기서 포트폴리오는 워드프레스 갖다붙이고 블로그형 게시판 1개만 딱 해서 거기다가 글 쓰면 되겠다. 그냥 프레임 하나 맨 위에 박아서 사랑비BGM같은거 하나 달지뭐 핸드폰으론 안봐도돼.."
이러다가
로고만드는 부분에서 막혀서 포기하고 또 일년 있다가 다시해보자 할 생각이었습니다~
div로 감싸서 하나의 div 안에 왼쪽div에 로고넣고 오른쪽div에 메뉴넣고 이렇게 해야할지
감싸는 div없이 그냥 div두개를 만들어서 왼쪽에하나 오른쪽에 하나 넣어야하는지 그런거 모르겠구
그 속에 설정을 이건 왼쪽에 이건 오른쪽에 정렬해라 이런것도 모르겠고요
쓰고보니까 그냥 초보네요 그냥 좀 눈만 트인 초보..
근데 이왕 포기하는거 이번에는 한번 글좀 남겨서 조언좀 얻어보고자 왔어요~
어디 취업하고 그럴건 아니고요 저는 포토그래퍼입니다~
ㅈㅔ가 원하는 디자인으로 저만의 감성을 내뿜으면서 감성적으로 어필하고싶어요 그뿐이에요 ㅜㅜ
현란하게 나뉘어진 칸에 막 뉴스올라오고 최근글올라오고 이런거 필요없구 그냥 예쁜 사진 배경에 가운데 흰색 콘텐츠영역 하나..
아니면 그냥 아예 사진배경 위에 다 투명인 게시판 스킨 하나.. 이정도로 심플한 홈페이지
제대로 하고싶은데 길을 모르겠어요 ...
책을 더 사라던가 과외를 받으라던가 뭐뭐뭐 배워라 이런식으로 길좀 알려주세요
댓글 2
-
SimpleCode
2016.10.25 20:07
디자인을 하시면서 직접 HTML에 디자인을 입히시고 싶다면, 먼저 HTML이란 게 어떤 것이고, CSS가 하는 역할에 대해 이해하셔야 할 것 같습니다.
말씀하신것처럼, HTML + CSS 코딩에 정답이 하나만 있는 게 아닙니다. 두 개 이상 있을 수도 있죠.
일단 디자이너 시점에서 작성한 서적을 구매하셔서 "이런 디자인은 이런 식으로 코딩해야하는 구나" 식의 요령부터 습득하시는 게 좋을 것 같습니다. 이해가 안되는 부분은 따로 인터넷에서 검색해보시거나, 책을 사서 보시는 것을 권장합니다.
(워낙 자료가 방대해서 책 한 권에 전부 담지 못하기도 합니다.)
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
권만주 | 게시판 합치기 가능할까요? [2] | 2017.08.01 by 권만주 |
독도는한국땅 | 도메인 변경법이요 | |
월터화이트 |
스케치북 글쓴이 왼쪽정렬 질문
[1]
![]() | 2017.07.31 by 월터화이트 |
미니 |
사파리에서 비회원 글쓰기 및 댓글 비밀번호 글자가 벗어남.
![]() | |
freax | 먹투맨 mtmt.kr 가운데 인증업체 게시판 위젯이나 게시판 스킨 알려주세요 [1] | 2017.07.31 by DoorWeb |
미니 |
모바일 lang폼 폰트 배경 변경
[2]
![]() | 2017.07.31 by 미니 |
미슬렌키 | 재 질문 합니다 각 메뉴별 DIV 구성 방법이 궁굼 합니다 | |
ZEIN | 한줄메모 입력칸을 한줄 -> 여러줄 입력칸으로 변경 | |
하나보드 |
회원정보 개별 수정 가능한지요?
![]() | |
최하연 | 문서 권한 애드온 적용 후 게시글 쓰기 버튼이 안 됩니다 | |
hello****39128 | 메인페이지를 로그인 창으로 하고 싶습니다. [1] | 2017.07.30 by HowtoXE |
후이 | 메모 게시판에서 댓글 첨부해도 상단으로 이동 안 하게 [1] | 2017.07.30 by HowtoXE |
lark007 |
잘되던 게시판 글쓰기/수정 시 에디터 오류(?)
[5]
![]() | 2017.07.29 by 동가 |
금메달 | 견적 및 실력있는 프리랜서 확인 [1] | 2017.07.28 by DoorWeb |
미슬렌키 | 메뉴별 DIV를 여러게 줄수 있는 방법은 없나요? [2] | 2017.07.28 by 미슬렌키 |
인팡 | jQuery tab 질문(초보자) [1] | 2017.07.28 by DoorWeb |
박취 | default 레이아웃 메뉴 변경.. [3] | 2017.07.28 by DoorWeb |
세츠나 | 홈페이지 데이터 백업 및 이전에 관하여.. | |
오이지 | 도메인 하나로 xe그대로 이용하면서 쇼핑몰도 접목시키는 게 가능할까요? [1] | 2017.07.28 by 똑디 |
mingeun | 학과 단위 홈페이지 개설시 XE 라이센스 관련 [4] | 2017.07.27 by mingeun |
http://naradesign.net/open_content/reference/layout/
이걸 보시면 많은 도움이될겁니다.