본문 바로가기

Ankiwoong

 (1841)
HTML5 - 190701 Basic Study 66(반응형 웹 기초 구성) 1. HTML Code 반응형웹을 만들자 박스 1 박스 2 박스 3 2. CSS Code @charset "utf-8"; /* CSS Document */ /* 모니터용 스타일시트 */ @font-face { font-family: '나눔고딕'; src: local('NanumGothic'), url('NanumGothic.eot'), url('NanumGothic.ttf'), url('NanumGothic.woff'); } h1{ font-family:"나눔고딕" } /* 공통스타일 */ *{ margin:0 auto; padding:0; } h1{ background:beige;/* 적용이 안된다 */ border:3px dotted black; } section{ border:2px solid bl..
HTML5 - 190701 Basic Study 65(프린터, 모니터 CSS) 1. HTML Code 안녕하세요 welcom to welcome to world 감사합니다 2. 모니터용 CSS @charset "utf-8"; /* ex01-mo.css - 모니터용 스타일시트 */ /* CSS Document */ h1{ background:red; } @font-face { font-family: '나눔고딕'; src: local('NanumGothic'), url('NanumGothic.eot'), url('NanumGothic.ttf'), url('NanumGothic.woff'); } h1{ font-family:'나눔고딕' } 3. 프린터용 1 CSS @charset "utf-8"; /* ex01-pr.css - 프린터용 스타일시트 */ /* CSS Document */ @..
정보 설계 - Information design 1. 정보 설계 사용자가 원하는 정보를 쉽고 빠르게 찾을 수 있도록 하는 것 웹 사이트 조감도 시간과 비용 절감 계획상의 문제점 최소화 2. 정보의 순서와 정렬 명확한 콘텐츠 체계 알파벳순 가나다순 연대순 날짜순 시간순 지리 위치순 모호한 콘텐츠 체계 주제별 체계 작업 지향형 체계 사용자 구분형 체계 은유형 체계 혼합 콘텐츠 체계 중요 / 사용 빈도에 따른 콘텐츠 체계 3. 콘텐츠 분류 방법 경쟁사 벤치마킹 카드소팅 4. 정보 설계의 분류 네비게이션 시스템(Navigation System) 레이블링 시스템(Labeling System) 5. 사이트 구조 계열 구조(Sequential Stucture) : Prev Page Next Page 계층 구조(Hierarchical Structure) : 홈페이지..
콘텐츠 분류와 설계 - Content classification and design 1. 콘텐츠(Contents) 텍스트 정보뿐만 아니라 특정 사이트에 있는 모든 구성 요소 2. 매체 성격 분류 외부 콘텐츠 : 외부에서 얻은 모든 콘텐츠 내부 콘텐츠 : 인터넷 분야 자체 콘텐츠 3. 콘텐츠 생성에 따른 분류 프로듀서 콘텐츠(Producer Contents) : 사이트 제작자가 일방적 제공 컨슈머 콘텐츠(Consumer Contents) : 사용자에게 얻은 콘텐츠 4. 콘텐츠 비용에 따른 분류 유료 콘텐츠 무료 콘텐츠 5. 프로슈머적 콘텐츠(Prosumer Contents) 프로듀서(Producer) + 컨슈머(Consumer) 게시판 형태 마케팅 부담 절감 6. 웹 콘텐츠 기획 초기 콘텐츠 기획 및 구성 매니아 확보 콘텐츠 확장 대제 작업 논의 콘텐츠 리스트 정의
웹 사이트 분석 - Website analysis 1. 고려사항 사용자의 유형 / 형태 속성 일상 생활과 비즈니스와의 연관 어떤 가치를 중요하게 생각 정보를 어떻게 이용 서비스 콘텐츠 기능 필요한가 어떠한 방식으로 제공되길 바라는가 비즈니스의 성공에 어떻헤 기여하는가 2. 타케층 정의 연령별 성별 지역별 직업별 기업별 구체적이고 복합적 행동 패턴이나 특징 유저 세그멘테이션 타켓 정의 사용 시간 고려 3. 유저 프로파일(User Profile) 사이트의 기능 서비스 인터페이스 네비게이션 디자인 요구와 행동 패턴을 이해함 유저층 만족 이름 / 성별 / 사는 곳 / 직업 등 간단한 신상 정보 사진 인터넷 사용 패턴 숙련도 능숙도 요구 목적 행동 패턴 4. 유저 시나리오(User Scenario) 사용자의 경험을 기술 경험을 디자인 유저 프로파일 네비게이션 경..
웹 사이트 기획 설계 - Website Planning and Design 1. 웹 사이트의 프로젝트 프로세스 프로젝트 계획 수립 > 분석 > 콘텐츠 구성 > 인포메이션 아키텍처 > 디자인 > 개발 / 제작 > 테스트 / 런칭 2. 프로젝트 계획 수립 프로젝트 매니저(PM)는 프로젝트 기간동안 프로젝트 전체를 총괄하면서 세세한 요소를 관리 계획 프로젝트 진행하는 동안 진행 내용을 확인 완료 시점까지 점검 평가 주요 업무 : 프로세스구축 / 스케줄 정의 / 산출물 확정 / 업무 정의 / 업무 분장 / 환경 및 팀워크 구축 3. 분석 아이디어 정리 개선 로그 분석 정보 수집 리서치 정보 수집 공표 정보 수집 사용성 테스트 정보 수집 환경 요구 분석 사용자 요구 분석 콘텐츠 분석 장단점 및 개선 방향 분석 4. 콘텐츠 구성 사이트를 제작 목적 분석 내용 제작 방향 콘텐츠의 범위와 내..
웹 기획 - Web Planning 1. 기획 특정 과제 및 문제를 파악 주요 사항을 미리 예측 적합한 행동을 설계 실행과 실행 후 평가 까지의 총체적 과정 어떤 일을 하는데 있어서 미리 해야 하는 일 2. 단계 과제의 문제 파악 > 과제 및 문제 분석 > 목표 설정 > 해결 방안 > 계획 수립 > 실행 > 평가 3. 웹 기획 거시적 웹 기획 미시적 웹 기획 4. 웹 기획자 비즈니스와 관련된 모든 것을 포괄하여 웹 사이트 기획 요구와 니즈를 혼용 웹 + 기획 5. 웹 기획의 필요성 단순 홍보용 수익 최적의 균형을 맞추는 것 논리적인 전개 6. 웹 기획자 능력 웹 사이트 목적 및 전략 수집 문제점 파악 및 개선안 제시 운영 기획 능력 프로젝트 관리 능력 탁월한 커뮤니케이션 능력 벤치마킹 능력 트렌트를 읽는 눈 디지털 마인드 7, 아이디어 브..
웹 - What is Web 1. www(world wide web) 하이퍼 텍스트 기능을 통해 인터넷 상에 분산된 온갖 종류의 정보를 통일된 방법으로 찾아볼 수 있게 해주는 광역 정보 서비스 및 소프트웨어 2. 웹 정보 Web server : 컴퓨터 내에서 하이퍼텍스트 형식으로 작성 / HomePage 단위로 관리 Link 정보에 의해 하이퍼텍스트와 연결 HTML를 사용 HTTP 규약을 사용 3. Web Site 웹 서버에 정보를 저장해놓은 집합체 4. 정보 전달 매체 정보 전달 사이트 : 검색 포털 / 뉴스 / 신문 / 정보 제공 사이트 정보 검색 사이트 : 키워드 / 디렉토리 종합 검색 사이트 5. 홍보 / 광고를 위한 웹사이트 6. 바이럴 마케팅 어떤 기업이나 회사의 제품을 소비자의 힘을 빌려 알리는 마케팅 7. 엔터테이먼트..

티스토리툴바