본문 바로가기

반응형

전체 글

(52)
[html/css] 구글폰트/웹폰트 연결하기, 직접 폰트 변환하여 적용하기 폰트 연결하기 1. font-family : 글꼴 속성지정 윈도우의 기본글꼴은 영문 : sans-serif, serif 한글:굴림, 궁서, 돋움, 바탕 -css3 에서 웹폰트를 웹표준으로 설정하여 글꼴을 연결하여 사용하거나, 서버로부터 다운로드하여 스타일을 적용할 수 있습니다. 구글 폰트 다운로드 사이트▼ http://fonts.google.com http://fonts.google.com/earlyaccess Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com Google Fonts Making the web more beautiful, fast, and open throug..
[웹디자인/html/css] 웹호스팅에 파일 업로드하기 / 필수 확인 사항들 코딩한 html, css파일이 html5 문법에 맞게 적용되었는지 확인할 수 있는 사이트호스팅에 파일을 업로드하기 전, 자신이 코딩한 html 및 css 에 문법상 오류가 있는지 웹표준에 어긋하는 부분이 있는지 등을 확인해야합니다. W3C HTML 검사하기 ▽ https://validator.w3.org/The W3C Markup Validation ServiceValidate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website.validator.w3.org css스타..
[웹디자인 포트폴리오] Nikon Imaging Korea 니콘 이미징 코리아 웹페이지 리뉴얼하기 - mainpage Unlock the future with the power of light 니콘 사이트 www.nikon-image.co.kr/ (주)니콘이미징코리아 (주)니콘이미징코리아 www.nikon-image.co.kr 신뢰와 창조를 비전으로 하는 니콘 이미징 코리아 웹페이지 리뉴얼해보기 결과물 니콘 하면 가장 먼저 떠오르는 이미지 "클래식" 그리고 내가 가장 좋아하는 "니콘 FM2" 이 두가지의 이미지를 고려해서 니콘의 고급스러움과 클래식함을 살려 웹페이지를 리뉴얼해보았습니다. 컨텐츠 1 부분에는 슬라이드 베너 형식으로 오른쪽으로 넘어가게 디자인하였으며, 기존의 정해진 가로 X 세로 사이즈에 구애받지 않고 베너마다 사이즈를 유동적으로 조절하였습니다. 컨텐츠 2 The best products 부분은 기본적으로 ..
[html/css]웹페이지에서 파비콘 가져오기 / 파비콘 연결하기 / 파비콘 만들기 및 아이콘 파일로 변경하기 파비콘 Favicon : 즐겨찾기할 때 추가되는 아이콘 모양 일반적으로 디자이너가 포토샵으로 직접 만들때는 16px X 16px 으로 작성하여 파일명.png 로 저장하여 아이콘(.ico) 파일로 변경합니다. png 파일을 ico 파일로 변환하기 아이콘 파일로 변경해 주는 사이트 ▼http://favicon-generator.orgFavicon & App Icon GeneratorUpload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.www.favicon-generator.orghttp://www.degraeve.com..
[일러스트레이터] 이미지 고정 / 고정 해제하기 이미지 고정 단축키 다중의 레이어 위에서 계속 작업을 해야하거나, 드래그/ 선택할 부분이 많을 경우 배경이나 뒤에 있는 이미지가 같이 잡히거나 움직이면 작업하기 불편합니다.이러한 경우에 원하는 이미지를 선택하여 부분적으로 레이어 위에서 안 움직이도록 고정할 수 있습니다.이미지 이외에 텍스트, 도형도 고정 가능합니다. 모작하면서 연습할 때에 활용하면 좋아요 이미지 고정하기이미지 클릭 > Ctrl+2 이미지 고정 해제하기Ctrl+ Alt +2
[웹디자인] index, route map ui 목차 / 노선도 디자인
[웹디자인] location icon design download - 위치표시 아이콘 / 위치 아이콘 연습용으로 만들어 본 지도에서 자주 사용하는 위치표시 아이콘입니다 사용은 자유입니다
[웹디자인] graph icon design download - 그래프 아이콘 / 차트 아이콘 일러스트레이터로 그래프 아이콘 만들기!

반응형