Hard deck/semi-project 6

프로젝트 007 : google analytics 사용하여 방문자 분석기 추가

0. 되어야 하는 그림 - 방문자 분석기 추가 1. 구현 방식 google analytics plugin 사용 2. 워크플로 - github에 repository로 기존 파일 올림 - http 주소 할당받아 google analytics 방문자 분석에 주소 추가 - 트래킹 고유 태그 깃헙 소스코드 head부분에 업데이트 3. 정상 작동 확인 - pc로 접속 - 핸드폰으로 접속 (구현 화면) https://riptaggart.github.io/visitor_traking_html/index.html (소스 코드) https://github.com/riptaggart/visitor_traking_html (google analytics) https://analytics.google.com/analytics/..

프로젝트 006 : tawk 플러그인 사용하여 채팅 기능 추가

0. 되어야 하는 그림 - 페이지 우측 하단에 채팅 기능 추가 1. 구현 방식 -tawk 플러그인 이용 2. 워크플로 - tawk 가입 - 소스코드 복사 - 3. 테스트 - 정상 작동하는가? Y (구현 화면) https://riptaggart.github.io/tawk_chat_html/1.html WEB1 - html HTML CSS JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and ren..

프로젝트 005 : DISQUS 플러그인 사용하여 댓글기능 추가

0. 되어야하는 그림 - 1.html 페이지 하단에 댓글 기능 추가 1. 구현 방식 - Disqus 플러그인 가져올 것 2. 워크플로 - DISQUS 회원가입 후 ADMIN > YOUR SITES > NEW - 크리에이트 한 후, UNVERSIAL CODE 선택 - HTML에 복붙 3. 정상 작동 체크 (구현 화면) https://riptaggart.github.io/disqus-_comment_html/ (소스 코드) https://github.com/riptaggart/disqus-_comment_html GitHub - riptaggart/disqus-_comment_html Contribute to riptaggart/disqus-_comment_html development by creating..

프로젝트 004 : youtube 소스를 가져와서, HTML에 영상 삽입

(구현 화면) https://riptaggart.github.io/movie_html/1.html WEB1 - html HTML CSS JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HT riptaggart.github.io (소스 코드) https://github.com/riptaggart/movie_html / 0...

프로젝트 002 : GITHUB 웹호스팅으로 HTML 배포

0. 되어야 하는 그림 깃헙 호스팅을 통해 주소를 부여받아 배포 1. 구현되어져야 하는 기능 코드를 내 컴퓨터에서만 C://로 열게 하는 것 이상으로, 깃헙에서 주소 부여받아 화면에 구현 2. 구현 방식 - 깃헙 가입 - repository 생성 - 파일 업로드 - 셋팅 > 페이지 > 브런치를 메인으로 바꾸기 > 페이지가 주소가 할당됨 - 테스트 3. 드러나는 문제들 -

프로젝트 001 : HTML 웹페이지 만들기

(구현 화면) https://riptaggart.github.io/web1/1.html (깃헙 소스코드) https://github.com/riptaggart/web1 GitHub - riptaggart/web1 Contribute to riptaggart/web1 development by creating an account on GitHub. github.com 0. 되어야 하는 그림 - 모든 페이지 최상단 리스트 - 리스트에서는 각 페이지로 이동할 수 있게 링크가 걸려져 있다 - 개별 페이지 아래에 위키피디아 설명 1. 구현 방식 - 4개 페이지 준비 - 1개 바다그림 준비(html) - 링크 걸기 2. workflow INDEX > HTML > CSS > JAVASCRIPT 순으로 작업 - 기존에..