본문 바로가기

Python_WEB

(436)
웹 사이트 기획 설계 - 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. 엔터테이먼트..
HTML5 - 190623 Basic Study 64(에릭마이어 reset.css) 1. CSS Code html, body, div, span, applet‎, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure..
HTML5 - 190623 Basic Study 63(아코디언 네비게이션 바) 1. HTML Code Menu1 SubMenu1 SubMenu2 Menu2 SubMenu1 SubMenu2 Menu3 SubMenu1 SubMenu2 Menu4 SubMenu1 SubMenu2 Menu5 SubMenu1 SubMenu2 2. CSS Code @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } ul, li, ol { list-style: none; } a { text-decoration: none; color: inherit; } /* 아코디언 디자인하기 */ #navi{ width:150px; } #navi ul>li{ background:orange; line-height:2.5; text-align:center; bo..
HTML5 - 190623 Basic Study 62(드롭다운 네비게이션 바) 1. HTML Code Menu1 SubMenu1 SubMenu2 Menu2 SubMenu1 SubMenu2 Menu3 SubMenu1 SubMenu2 Menu4 SubMenu1 SubMenu2 Menu5 SubMenu1 SubMenu2 2. CSS Code @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } ul, li, ol { list-style: none; } a { text-decoration: none; color: inherit; } *{ text-align:center; } /* 부메뉴가 있는 네비게이션바 2depth 네비게이션바 */ #navi{ } #navi>ul{ display:flex; width:60%; } #nav..
HTML5 - 190623 Basic Study 61(세로 네비게이션 바) 1. HTML Code Menu1 Other Menu SubMenu1 Sub_SubMenu1 Sub_SubMenu2 SubMenu2 Sub_SubMenu1 Sub_SubMenu2 Menu2 SubMenu1 Sub_SubMenu1 Sub_SubMenu2 SubMenu2 Sub_SubMenu1 Sub_SubMenu2 Menu3 SubMenu1 Sub_SubMenu1 Sub_SubMenu2 SubMenu2 Sub_SubMenu1 Sub_SubMenu2 Menu4 SubMenu1 Sub_SubMenu1 Sub_SubMenu2 SubMenu2 Sub_SubMenu1 Sub_SubMenu2 Menu5 SubMenu1 Sub_SubMenu1 Sub_SubMenu2 SubMenu2 Sub_SubMenu1 Sub_Sub..
HTML5 - 190623 Basic Study 60(풍선 도움말) 1. HTML Code css3 구현 예제 실습하기 풍선 도움말 힌트! css실전예제1 css만으로 구현하는 풍선 도움말 2. CSS Code @charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; } ul,li,ol{ list-style:none; } a{ text-decoration:none; color:inherit; } /* 풍선도움말 만들기 */ a.tooltip, a.tooltip h3{} a.tooltip span{ display:none; padding:5px 10px; margin-left:10px; border-radius:5px; box-shadow:5px 5px 8px gray; } a.tooltip:hover span{ posi..