웹통의 웹으로 통하는 세상

CSS (4)

웹사이트의 디자인을 분석하기 위한 도구 5종 소개

IT&COMPUTER/프로그램 블로그-관리자 2015. 4. 29. 14:11

웹디자이너를 위한 홈페이지 분석 도구 소개 좋은 디자이너로 성장하기 위해선 다른 디자이너의 작품을 많이 보고 분석하는게 중요합니다. 특히 빠르게 변화하는 웹디자인은 외형 뿐만 아니라 레이아웃, 색상, CSS, UI 등등 많은 부분을 분석하여 새로운 기술과 아이디어를 습득하여야 하는데요. 단순히 눈으로 좋고 나쁜지를 판단하기 보다는 도구를 사용하여 웹사이트를 분석하면 시간과 노력을 절약할 수 있습니다. 오늘은 참고 홈페이지를 분석할수 있는 도구를 소개해 드리겠습니다. 배경 및 텍스트 색상을 축출하고 웹사이트의 CSS를 이해하는되 도움될수 있는 5가지 도구입니다. 길거리에서 흔하게 볼수 있는 전단지 속에도 분명히 참고할만한 디자인 요소들이 있습니다. 눈에 띄는 웹사이트를 발견하면 분석하여 자신만의 데이터를 ..

포토샵과 HTML/CSS을 이용하여 홈페이지를 만드는 강좌 모음

웹싸이트 디자인강좌 블로그-관리자 2014. 10. 20. 15:39

포토샵 파일을 HTML/CSS로 변환하는 강좌 모음 웹디자이너와 그래픽디자이너는 유사한 툴을 사용하여 컴퓨터로 창작물을 만드는건 비슷하지만 HTML과 CSS에 대한 퍼블리싱 능력에서 가장 큰 차이점을 보입니다. 그만큼 웹디자이너에게 HTML은 필수이자 항시 노력해야하는 요소인데요. 자신이 만든 디자인을 실제로 구현을 못한다면 그것만큼 난감한 경우도 없지요. 오늘은 웹디자이너가 포토샵으로 만든 디자인을 HTML이나 CSS로 변환하는 강좌를 소개해 드리겠습니다. 강좌를 통해 좀더 효율적으로 코딩하고 레이아웃을 실현하는 방법을 배울수 있습니다. 모든 강좌는 영어로 제작되어 있어서 조금 난감한 부분이 있는데요. 구글 크롬을 설치하여 자동 번역 기능을 사용하면 어렵지 않게 강좌를 보실수 있습니다. Convert ..

홈페이지 제작에 유용한 브라우저 도구 모음

IT&COMPUTER/프로그램 블로그-관리자 2014. 5. 19. 13:45

브라우저를 이용한 웹 제작 도구 모음 요즘 디자이너 사이에서 브라우저를 이용한 홈페이지 또는 어플 제작이 새로운 트랜드가 되고 있습니다. 웹사이트 제작을 실시간 미리보기로 확인할수 있으며 코드의 최적화, 반응형 레이아웃 등 다양한 기능을 이용하여 웹페이지를 제작할수 있는데요. 오늘은 브라우저를 이용하여 웹을 만들수 있는 도구들을 소개해 드리겠습니다. 총 6가지 도구로 좀더 신속하게 개발을 완료할수 있으며 설치없이 무료로 사용할수 있어서 간편합니다. 기존에 익숙한 툴을 사용하여 완벽하게 작업을 수행하는것도 중요하지만 점차 변화하는 상황에 맞게 새로운 도구를 이용하여 좀더 작업 효율을 높일 필요도 있을꺼 같습니다. 아래 도구들이 그 시작점이 되셨으면 좋겠네요. Chrome Inspector 크롬 개발자 도구..

[ 무료 폼메일 ] 초간단 웹통 폼메일 무료배포 버전1.0 (웹프로그램)

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2012. 3. 19. 15:54

웹통 폼메일 제작노트 홈페이지에 사용자가 작성한 입력폼을 지정된 메일주소로 보내어 입력된 내용을 메일로 확인하는 것을 폼메일이라고 합니다. 주로 신청서/견적서/문의/가입신청을 할때 많이 사용되고 영세한 개인이나 업체가 프로그램 개발없이 간편하게 사용하고자 할때 쓰는 방식입니다. 저도 폼메일을 설치할려고 여러군데 알아보다가 블루xxx 또는 쌈닭xxx 검색해봤습니다. 유료더군요. 무료로 사용할려고 해도 카피라이터 부분이 하단에 노출되어 미관상 보기 안좋았습니다. 그래서 PHP는 모르지만 한번 만들어봐야겠다. 만들다보면 배우겠지하고 시작했습니다. 역시... 비전공자로선 머리가 터지겠더군요. 그래도 우여곡절 끝에 아주 간단한 폼메일을 완성했습니다. 현재 호스팅서버는 카페24/고도몰 두군데에서 테스트 완료했으며 ..

Copyright © 웹통의 웹으로 통하는 세상 All Rights Reserved
Designed by JB FACTORY

티스토리툴바