웹통의 웹으로 통하는 세상

홈페이지 (43)

웹디자인 초보자를 위한 무료 포토샵 템플릿 10종

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2014. 4. 4. 11:52

홈페이지 제작에 유용한 포토샵 소스 모음 무료 홈페이지 템플릿은 처음 시작하는 웹디자이너에게 좋은 출발점이 될수 있습니다. 인터페이스, 버턴, 레이아웃, 배너 등 웹을 만들때 필요한 모든 요소가 포함되어 있어서 빠르게 사이트를 구축할수 있는데요. 요즘엔 카페xx, 고도x 같이 저렴한 가격에 홈페이지 빌더를 제공하는곳이 많아 외형만 만들어도 쉽게 자신만의 웹사이트를 제작할수 있습니다. 오늘은 색상, 폰트, 배경 등 자신이 표현하고 싶은 요소를 편집할수 있는 포토샵 PSD 웹사이트 템플릿 소스를 소개해 드리겠습니다. 완벽한 사용자 정의로 신속하고 쉽게 웹을 만들어 보세요. Free WIP Template PSD 사진, 포트폴리오, 제품소개 등 다양한 분야에서 활용할수 있는 심플한 레이아웃의 템플릿입니다. D..

스마트폰에 최적화된 반응형웹사이트 템플릿 무료 소스 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2014. 2. 14. 15:58

반응형 홈페이지 제작에 유용한 무료 템플릿 모음 요즘 웹디자이너에게 핫이슈라고 할수 있는 반응형 웹사이트는 모든 브라우져와 모바일 기기에서 자동으로 크기를 변환해주는 방식을 말합니다. 최근 스마트폰 사용자가 많아지면서 모바일 방문자 유입이 급속도록 증가함에 따라 반응형 홈페이지에 대한 관심도 날로 증가하고 있습니다. 하지만 아직까지는 미디어쿼리를 지원하지 않는 익스플로러 구버전 등 호환성에 문제가 많아 현 상황을 지켜보는 사람들도 많은데요. 윈도우 XP 업데이트 종료 이후에 구버전의 익스플로러 사용자들이 대거 8이상을 사용한다면 빠른시간안에 반응형 웹디자인이 대세가 되지 않을까 생각이 드네요. 오늘은 평면디자인, 반응형 레이아웃, JQuery 슬라이더와 같은 놀라운 기능이 포함된 반응형 웹사이트 HTML..

스마트폰에서 홈페이지를 테스트하기 위한 유용한 도구 모음

IT&COMPUTER/프로그램 블로그-관리자 2014. 1. 15. 09:51

크로스 브라우저 호환성 테스트 프로그램 소개 최근 지하철에서 사람들을 보면 스마트폰을 이용하여 게임이나 웹서핑을 즐기는 분들을 쉽게 볼수 있습니다. 10명중 9명은 스마트폰을 사용할 만큼 스마트폰는 대중화되어 이제 우리 생활에서 땔수 없는 중요한 요소중에 하나가 되었는데요. 웹통의 블로그 방문자 비중을 보면 모바일로 접속한 방문자가 전체에 30~40% 정도 유입되고 있으며 꾸준이 늘어나고 있는 추세입니다. 점차 늘어나고 있는 모바일 시장에 대비하기 위해선 사용자에게 PC와 동일한 정확한 서비스를 제공하여야 합니다. 오늘은 스마트폰에서 웹사이트가 정상적으로 작동하고 있는지 테스트할 수 있는 프로그램 몇가지를 소개해 드리겠습니다. 안드로이드, iOS, 윈도우 등 다양한 운영체계와 브라우저에서 자신의 홈페이지..

초보자도 가능한 홈페이지 제작 무료 프로그램 WEBYDO 소개

IT&COMPUTER/프로그램 블로그-관리자 2014. 1. 8. 15:26

2014년 새로운 시대를 선도하는 홈페이지 제작 도구 WEBYDO 홈페이지를 제작할수 있는 대표적인 프로그램으로 드림위버를 꼽을수 있는데요. 드림위버는 강력한 기능으로 비교적 쉽게 웹사이트를 구축할수 있지만 전문 교육기관에서 최소 3개월이상 교육을 수료하거나 많은 시간을 들여 독학으로 배워야 다룰수 있는 프로그램입니다. 그럼 꼭 HTML5, CSS3, 드림위버를 배워야 홈페이지를 만들수 있을까요? 아닙니다. 최근들어 웹기술이 더욱더 발전하면서 클릭 몇번만으로도 웹상에서 사이트를 뚝딱 만들수 있는 서비스들이 속속 등장하고 있습니다. 그중에 Webydo는 모든 기능을 브라우저를 통해 웹사이트를 구축하는 플래폼을 제공하고 무료 호스팅 서비스를 이용할수 있는 도구인데요. 디자이너는 코드를 작성하거나 개발자에 의..

드림위버 템플릿 무료 소스로 최신 홈페이지를 제작해보자.~

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 12. 26. 15:07

웹디자이너에게 추천하는 드림위버 템플릿 무료 소스 드림위버는 초창기 매크로미디어에서 개발한 웹개발 도구입니다. 2005년에 어도비에서 인수후 매년 지속적으로 업데이트되어 현재까지 많은 웹디자이너와 개발자들이 사용하는 프로그램인데요. 하드코딩에 익숙한 개발자에겐 불필요한 코드가 생성되어 작업량만 더 늘어난다고 불평하시는 분들도 계시지만 처음 웹에 입문하거나 디자이너에겐 시간을 절약해주고 잘 알지 못하는 기능을 구현할수 있도록 도와주는 유용한 도구입니다. 오늘은 드림위버를 이용하여 좀더 수월하게 홈페이지를 제작할수 있도록 도와주는 CSS3와 HTML5를 이용한 웹 템플릿을 소개해 드리겠습니다. 새로운 언어가 익숙하지 않거나 웹을 이제 시작하는 분들에게 참고자료 또는 웹사이트 제작할때 많은 시간을 절약할수 있..

스마트폰에 최적화된 반응형 모바일 홈페이지 템플릿 무료 소스

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 12. 6. 17:33

무료 모바일 템플릿을 제공하는 사이트 소개 요즘은 노트북이나 PC보다 스마트폰과 더 많은 시간을 보내는것 같습니다. 그러다보니 방문자 비율도 예전에 비해 모바일로 유입되는 수가 휠씬 많아 졌는데요. 웹통 또한 PC와 모바일의 방문자 비율이 50:50으로 거의 비슷한 수준까지 올라왔습니다. 앞으로도 지속적으로 성장될것으로 예상되는 모바일 방문자를 잡기 위해선 모바일 버전 홈페이지는 필수 인데요. 오늘은 무료 모바일 템플릿을 제공하는 W3layouts라는 웹사이트를 소개해 드리겠습니다. 무료라고 생각되지 않을정도로 최적화된 다양한 레이아웃과 디자인을 다운 받으실수 있습니다. 또한 요즘 대세인 반응형 템플릿을 제공하여 기기와 해상도에 따른 디자인 고민을 하실 필요없습니다. 아래는 W3layouts에서 제공하는..

웹디자이너를 위한 종합선물세트! 포토샵 PSD 무료 디자인 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2013. 11. 14. 11:09

홈페이지 제작에 유용한 포토샵 소스 모음 웹디자이너는 이미지, 동영상, 음성 등을 다듬어 사용자들이 쉽게 이용할수 있는 홈페이지를 만드는 직업입니다. 여러 분야의 전반적인 지식이 필요한 만큼 끊임없는 노력이 요구되는 직업인데요. 웹디자이너의 기본이 되는 스킬중에 포토샵은 디자이너의 상상력을 구체화시켜주는 도구입니다. 포토샵을 이용하여 아이콘, 인터페이스, 배경, 패턴 등 홈페이지을 구성하는 요소들을 만들수 있는데요. 모든 구성물을 웹디자이너의 손으로 제작하기엔 좀 어려움이 많으실꺼에요. 물론 홈페이지 제작 에이젼시나 기업 규묘가 크다면 이미지 또는 소스를 구입하여 사용하겠지만 프리랜서 또는 소규모 업체에선 저작권이 없는 프리소스 위주로 작업의 효율을 높일수 밖에 없습니다. 오늘은 UI키트, 아이콘, 패턴..

홈페이지 접속불가! 가장 먼저 알려주는 웹사이트 모니터링 프로그램 소개

IT&COMPUTER/프로그램 블로그-관리자 2013. 10. 22. 16:57

웹사이트와 서버를 모니터링해주는 무료 프로그램 소개 웹사이트 또는 개인 홈페이지를 운영할때 잦은 서버 다운이나 트래픽초과로 접속이 불가능하면 어떻게 될까요? 방문자는 분명 언짢아하거나 관심을 잃게 될것입니다. 이것은 웹사이트 운영에 치명적인 단점이 될수 있는데요. 그럼 어떻게하면 사용자에게 모든 시간 접근성을 제공할수 있을까요? 매시간 확인하는 방법도 좋겠지만 얼마못가 포기할게 될꺼에요. 오늘은 웹 사이트의 접속을 모니터링 할수 있는 뛰어난 무료 프로그램 14가지를 소개해 드리겠습니다. 모니터링 프로그램은 웹 사이트 또는 서버에 문제가 발생되면 사용자에게 정확한 보고를 제공하여 신속히 문제점을 해결할 수 있습니다. 모니터링 프로그램을 통해 매시간 확인하는 수고를 덜고 안정적인 사이트 운영을 해보세요.~ ..

웹사이트 제작에 유용한 무료 웹 UI 테스트 도구 모음

IT&COMPUTER/프로그램 블로그-관리자 2013. 8. 19. 17:52

웹 사이트를 미리 테스트 할 수 있는 도구 모음 웹 사이트 제작에 가장 중요한 단계는 웹 사이트 테스트입니다. 웹 사이트 테스트는 속도 테스트, 보안 테스트, 크로스 브라우저 호환성, 접근성 테스트, 반응성 설계 시험 등과 같이 웹 사이트를 실행할때 발생되는 문제점을 필요한 시험을 통해 미리 점검하여 보완하는 것을 말합니다. 특히 사이트의 속도, 디자인, 크로스 플랫폼 테스트는 검색엔진 순위에 매우 중요한 요소중에 하나입니다. 오늘 소개해드릴 프로그램은 웹 사이트를 미리 테스트 해볼수 있는 훌륭한 도구들을 소개해 드리겠습니다. 사이트 오픈전에 꼼꼼히 테스트해보고 수정해서 보다 완벽한 웹 사이트를 구축해보세요. PageSpeed Insights 페이지 로딩 속도는 웹 사이트의 가장 중요한 요소중에 하나입니..

[ 홈페이지 무료 디자인 ] 2013년 뉴 트랜드 웹사이트 디자인 포토샵 PSD 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2013. 2. 22. 09:09

유료 디자인 빰치는 홈페이지 오픈 소스 소개 요즘엔 홈페이지 제작에 관련된 오픈소스가 많아서 디자인 작업할때 오랫동안 고민할 필요가 없습니다. 만들려는 주제에 부합되는 소스을 찾아 내부만 어느정도 뜯어고치면 만족스러운 홈페이지을 제작할 수 있는데요. 오늘은 다양한 주제에 사용할수 있는 홈페이지 무료 디자인 소스을 소개해드리겠습니다. 수정이 가능한 PSD파일로 제작되어 원하는 스타일로 조금만 수정하시면 제작기간을 대폭 줄이실수 있을꺼에요. 본문 보시기전에~ 꾹!! Restaurant Menu Free PSD Template Aman Dhingra의 레스토랑 홈페이지 디자인 소스입니다. 음식점, 요리, 레스토랑, 푸드 관련 웹사이트을 구상하신다면 유용하게 사용하실수 있는 자료입니다. 포토샵 PSD파일로 다운..

[ 플래쉬 무료 프로그램 ] 1분만에 플래쉬를 제작할수 있는 초간단 플래쉬 무료 프로그램

웹싸이트 디자인강좌 블로그-관리자 2012. 5. 15. 15:17

1분만에 플래쉬을 제작할수 있는 프로그램 액션스크립트는 커녕 플래쉬에 플짜도 모르는 상황에서 메뉴나 배너를 제작하려면 너무 암담하실꺼에요. 특히 플래쉬 같은 경우엔 퀄리티 높은 무료소스를 구하기가 어려워서 난감하죠. 그런분들을 위해 무료 플래쉬 생성 프로그램을 소개해 드릴까합니다. 간단한 내용만 입력하면 플래쉬가 뚝딱하고 생성되서 참 편리해요. 다만 샘플 틀에 맞쳐서 제작해야 하기 때문에 변형이 어렵고 무료 버전은 플래쉬 하단에 광고 링크가 달려 있습니다. 유료로 전환하려면 29달러정도을 지불하셔야합니다. 급하게 플래쉬를 제작하거나 링크 부분이 상관없으시다면 정말 훌륭한 플래쉬 생성 싸이트입니다. Step 1 싸이트에 들어가 보시면 상단메뉴에 MENUS / TEXTS / BANNERS / BUTTONS ..

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

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

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

[ 포토샵 소스 ] 메인타이틀 배너 소스(PEEL)

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 17. 17:38

하이퀄리티 배너소스 배너제작용으로 유용한 자료를 올려드립니다. 마치 껍질이 벗겨지는 듯한 화면구성으로 가운데에 타이틀이나 강조할 이미지를 넣어 사용하실수 있습니다. 이런 유용한 포토샵 소스를 공유하신 corsiveq에게 감사드립니다. ■ 파일정보 - 형식 : 포토샵 문서(PSD) - 제작자 : CursiveQ-Designs - 출처 : deviantart.com - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다.(cursiveq.com) ■ 다운로드 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧글 및 다음뷰 추천버턴 눌러주세요~ ■ 사용방법 - 포토샵 문서로 제작되어 포토샵 또는 편집프로그램을 사용하여 자유롭게 변형하실수 있습니다.

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

티스토리툴바