퍼블리싱/공통
-
SEO(검색엔진 최적화)퍼블리싱/공통 2021. 3. 13. 01:28
검색엔진 최적화(SEO)를 통해서 검색엔진이 콘텐츠를 이해하고 제공하도록 돕는 것으로, 다른 사용자가 사이트의 콘텐츠를 발견하여 이용하도록 하는데 유리합니다. 다음의 사항을 고려하여 SEO를 진행합니다. - 사이트 콘텐츠와 구조의 검토 - 호스팅, 리디렉션, 오류 페이지, 자바스크립트의 사용 등 웹사이트 개발에 대한 기술적 조언 - 콘텐츠 개발 - 온라인 비즈니스 개발 캠페인 관리 - 키워드 리서치 - 특정 시장과 지역에 관한 전문적인 지식 제공 색인 Google은 알고 있는 모든 웹페이지를 색인에 저장합니다. 각 페이지의 색인 항목은 해당 페이지의 콘텐츠 및 위치(URL)를 명시합니다. Google에서 페이지를 가져와서 읽고 색인에 추가하면 색인이 생성됩니다. 크롤링 신규 웹페이지 또는 업데이트된 웹페..
-
웹표준과 크로스브라우징퍼블리싱/공통 2021. 3. 12. 23:50
웹표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어입니다. 수많은 상호 연결이 이루어지는 웹환경에서 표준과 규격들이 있어야 하며, 관리 측면에서도 표준이 필요합니다. 이러한 표준들은 웹사이트, 웹서비스 개발과 관리에 영향을 주고 있으며, 사용자의 사용성과 접근성에 직접적인 영향을 미치고 있어서 좀 더 높은 수준의 표준에 초점을 두는 경향도 있습니다. 일반적으로 웹페이지가 웹 표준을 지키고 있다는 것은 html, css, javascript를 가지고 페이지를 만들고 html의 접근성과 시맨틱 html의 가이드라인을 충족해야 합니다. - HTML, XHTML, SVG, XForms와 같은 마크업 언어의 W3C 권고 - 스타일시트, 특히 CSS의 W3C ..
-
웹접근성이란퍼블리싱/공통 2021. 3. 12. 23:25
웹접근성이란 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 것을 말합니다. 사이트 설계 시 모든 사용자가 웹사이트의 정보와 기능을 동등하게 접근할 수 있도록 해야 합니다. 웹 접근성 이니셔티브(WAI: Web Accessibility Initiative) : 장애를 가진 사람들도 웹을 이용할 수 있도록 보장하는 것으로, 장애를 가진 사람들이 웹 콘텐츠를 인지하고(Perceivable), 운영하고(Operable), 이해하고(Understandable), 기술에 상관없이 이용할 수 있도록 견고한(Robust)하게 웹콘텐츠를 만드는 것을 말합니다. 웹접근성의 고려사항 - 시각: 실명, 색각 이상, 다양한 형태의 저시력을 포함한 시각 장애 - 운동성: 파킨슨병, 근육병, ..
-
반응형 웹이란퍼블리싱/공통 2021. 3. 12. 22:17
반응형 웹 디자인(responsive web design, RWD)이란 하나의 웹사이트를 PC, 스마트폰, 태블릿 등 다양한 해상도를 가진 디스플레이에 따라 웹페이지 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말합니다. 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 웹사이트를 만들어 다양한 디바이스에 대응할 수 있습니다. PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있습니다. 또한 웹 페이지 내용을 수정할 경우 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동시에 반영됩니다. 반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼..
-
웹기획이란퍼블리싱/공통 2021. 3. 12. 21:31
기획이란 조직의 목표와 비전을 세우는 것부터 시작됩니다. 이를 달성하기 위해 실행계획을 세우고 실행하고 평가의 피드백과정을 거칩니다. 기획은 조직의 목표를 달성하는데 꼭 필요한 요소입니다. 기획의 범위는 모든 분야에서 활용되고 있습니다. 사업기획, 상품기획, 영업기획, 인사기획, 마케팅기획, 광고기획, 생산기획 등 여러 분야에서 이루어지고 있습니다. 또한 계획, 마케팅, 전략 등의 이름으로도 기획의 업무가 넓게 퍼져있습니다. 웹기획은 기획처럼 조직의 목적을 달성하기 위해 웹, 모바일, 스마트기기을 활용한 실행계획과 집행이 이루어집니다. 조직의 목적을 달성하기 위해서 웹이나 모바일 등에서 실행계획을 구현하기 위해 '기획-디자인-퍼블리싱-개발-유지보수'의 과정 전반을 관리하는 업무도 담당하고 있습니다. 웹기..
-
css의 간략한 설명과 속성, 속성값퍼블리싱/공통 2021. 3. 12. 15:42
CSS(스타일시트)는 html문서와 같이 사용하면 웹페이지를 만들때 다채롭게 만들 수 있습니다. 요소들의 색상, 크기, 레이아웃, 여러 효과와 표현을 만들 수 있습니다. 또한 CSS를 활용하면 하나의 html 문서로 PC나 모바일 등의 여러 스마트기기에서 볼 수 있는 웹페이지를 만들 수 있습니다. CSS는 브라우저별로 지원하는 속성과 속상값이 다른 경우가 잇어서 호환성을 맞춰야하는 단점이 있지만 크로스브라우징으로 각기 다른 브라우저에서 동일한 결과가 나오도록 할 수 있습니다. CSS적용 CSS를 html에 적용시키는 방법은 3가지가 있습니다. 1. 외부파일을 링크 시키는 경우 2. head태그에 css를 작성하는 경우 3. 태그에 style 속성과 속성값을 직접 사용하는 경우 외부링크 외부파일을 링크하여..
-
Box모델 margin, padding으로 여백 주기퍼블리싱/공통 2021. 3. 12. 14:48
Box모델은 태그에서 css로 속성을 주어 여백을 변경할 수 있습니다. margin : 외부 여백으로써 다른 요소와의 간격을 주는데 사용합니다. border : 외곽선으로써 선두께, 선종류, 선색상 등을 설정할 수 있습니다. padding : 내부 여백으로써 border와 content 사이의 여백을 말합니다. content : 태그가 가지는 내용으로써 태그에 따라 이미지나 텍스트 등이 될 수 있습니다. 또한 다른 요소가 포함될 수 있습니다. 간단하게 중앙정렬하는 방법 block요소의 중앙정렬을 위해 margin 값을 0 auto를 주면 좌우 여백이 자동으로 계산되어 중앙정렬을 할 수 있니다. 이때 해당 요소의 width값을 가지고 있어야 합니다. div{width:1200px; margin:0 auto..
-
웹문서와 색상, 색상을 표현하는 방법(rgb color)퍼블리싱/공통 2021. 3. 11. 22:06
웹문서를 만들 때 흰 바탕에 검정 글자만으로 만들 수는 없습니다. 또한 알록달록하게 많은 색상을 사용하지 않고 몇몇 색을 설정하여 웹페이지를 만들고 있습니다. 기업의 CI/BI처럼 웹페이지를 만들때 주요 색상을 정하고 웹페이지를 만듭니다. 기획을 통해 정한 색상 계획은 일관성 있는 웹페이지를 만들 수 있습니다. 웹페이지 작성 시 색상은 html의 css 속성과 속성 값으로 표현할 수 있습니다. 빛의 삼원색과 RGB 및 CMYK 빛의 삼원색은 흔히 포토샵에서 볼 수 있는 RGB모드로 red, green, blue의 색상을 혼합하여 표현합니다. 이들 색상으로 다양한 색상을 표현할 수 있으며, 스크린을 통해 확인 가능합니다. RGB는 색상을 섞을수록 밝은색, 흰색이 됩니다. RGB와 달리 CMYK는 cyan,..