'웹 퍼블리셔' 태그의 글 목록

웹 퍼블리셔 (3)

HTML 파비콘 적용하는 방법

코딩 예제/HTML 조퍼블 2020. 5. 18. 07:00

만들어야 하는 이유 파비콘은 웹 사이트에 접속했을 때 크롬, 사파리 등의 브라우저 상단 탭에 보이는 아이콘을 말합니다. 즐겨찾기를 등록할 때 사이트 옆에 아이콘으로 표시됩니다. 파비콘을 적용하면 웹 사이트의 브랜딩 및 성격을 나타낼 수 있습니다. '웹퍼블리싱온라인 블로그'의 경우 웹 사이트의 이미지를 표현했습니다. 또한, 즐겨찾기 목록에서 빠르게 찾을 수 있는 장점이 있습니다. 적용하는 방법 파비콘 적용은 별도의 폴더를 만들고 그 안에 아이콘(.ico) 파일의 형태로 넣으면 됩니다. 태그에 위와 같은 코드를 붙여놓으면 최종적으로 아래와 같이 브라우저 상단 탭에 보입니다. 'apple-touch-icon'은 애플의 iOS의 경우 사파리에서 웹 사이트의 링크를 바탕화면에 만들면 앱 아이콘이 만들어지는데 이것..

Reset CSS와 Normalize CSS가 필요한 이유

개발 정보 조퍼블 2020. 5. 17. 08:00

크롬, Edge 등의 브라우저에는 margin 값이 8px가 기본적으로 설정되어 있습니다. 이뿐만 아니라 태그에 border-collapse의 기본값인 separate가 설정되어 있어 테두리 사이에 가녁을 두어 비교적 부자스러운 디자인이 나타납니다. 이러한 부분을 없애기 위해 2가지의 방법으로 초기화할 수 있습니다. Reset CSS margin, table 등 디자인이 부자여느러운 것을 없애기 위해 Reset CSS 파일이 있습니다. 이는 브라우저의 스타일을 초기화하기 위해 사용하는 파일입니다. 크로스브라우징을 구현할 때 유용합니다. 대표적인 사이트로는 cssreset가 있습니다. Normalize CSS Reset CSS와 마찬가지로 초기화하는 파일이지만 HTML 요소의 기본 스타일을 브라우저 간 일..

신입이 갖춰야 할 웹 퍼블리셔 역량

개발 정보 조퍼블 2020. 5. 16. 08:00

웹 퍼블리셔란? 웹 퍼블리셔는 웹 사이트를 제작할 때 웹 디자이너가 디자인한 것을 웹 표준성과 접근성에 부합하도록 제작하는 사람을 말합니다. 실무에서는 디자이너와 개발자 사이에서 협의와 조율이 필요하므로 소통이 중요합니다. 디자이너의 디자인을 검토하면서 웹을 제작해야 하며 개발자와는 어떤 방식으로 코딩하면 기능 구현이 더 쉽게 할 수 있는지 협의해야 합니다. 웹 퍼블리셔는 다른 직무에 대해 전문가는 아니더라도 대화할 수 있는 수준까지는 될 수 있도록 노력해야 합니다. 언어 웹 퍼블리셔는 포토샵으로 디자인된 것을 웹에 표현하기 위해 코딩을 해야 합니다. 기본적으로는 HTML과 CSS 그리고 JavaScript 등의 언어를 하며 회사에 따라 더 많은 언어를 배울 수 있습니다. HTML과 CSS 이 두 개는 ..

1

Copyright © 웹퍼블리싱온라인 All Rights Reserved

Designed by JB FACTORY

티스토리툴바