Web & Internet [11] JavaScript & BootStrap

Slides:



Advertisements
Similar presentations
헌옷수거 전문업체 따봉 온라인 헌옷 중개 시스템 사업계획서 자원재활용 문화를 만드는 새로운 방법.
Advertisements

전공 : 컴퓨터 공학 전공 과목 : 인터넷 정보 검색 학번 : , 이름 : 조 항 두, 오 철 원 발표일 :
Web Programming 소개 인공지능 연구실. Artificial Intelligence Laboratory 목차  1. HTML5  2. 개발 환경 구축  3. JSP  4. 실습 2.
최현섭, 김기손, 김보라, 염호남 지도교수 : 김일민 교수. 1. 무엇을 만들었습니까 ? 후배선배 동문 기반의 취업 정보 교류 플랫폼.
인하대 정석학술정보관 스마트폰서비스 학술정보시스템팀 홍미란 개관 7 주년 워크샵.
홈페이지 만들기. Cyber 공간에서 자신이 갖고 있는 정보 나 관심사를 다른 사람들에게 체계적으 로 공개하거나, 시간과 장소에 구애 받지 않고 정보화 시대에 발맞춰 자신을 어필 할 수 있음.
’ 전자세금계산서 도입 CONTENTS 1. 부가가치세법 개정내용 2. 전자세금계산서 개요 및 발행 방법 3. 이지메디컴 전자세금계산서 발행 Process.
프로젝트 제안서 날씨대로 기분대로 팀원 박효민 신준범 정민섭 안성원
도시건설 공학 전공 고은미 엄재완 김상호 장성완 현대사회의 이해 배상훈 교수님.
6 스마트폰 레이아웃.
설계 프로젝트 경진대회 성결대학교 컴퓨터공학과 내가 꾸미는 우리 집 팀장 김용훈 김경희 김미선 김헌진.
Man – in – the – Browser Attack에 관하여
JSON(JavaScript Object Notation)
암호학 응용 Applied cryptography
아하! 청소년의 성교육은 이렇게!.
신세계아이앤씨 자소서가이드북 2018년 상반기 취업성공은 내일취업코칭스쿨에서
프로젝트2 Web Programming 강의노트: vrlab.suwon.ac.kr/mwlee
국내 최초 웹 그리드 컴포넌트 SBGrid Ver 2.5
Web Programming 강의 소개
2018..
웹 2.0 개요.
KD Navien Smart Customer Service Mobile Web
HTML5를 이용한 모바일 웹 앱 학과:컴퓨터 시뮬레이션 학과 학번: / 이름:이성진 / 정지영.
독도 바로알기 2. 사료와 지도로 보는 독도.
강좌 소개 웹프로그래밍기초 숙명여자대학교 임순범.
자격증 모의 테스트 시스템 담당 교수 : 이 상 문 교수님 팀명 : CSCLAB
Mobile Consumer Trends 2007
1강_web과 html Web이란? HTML이란? CSS란? Lecturer Kim Myoung-Ho Nickname 블스
jQuery jQuery 개요 모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리
에너지원의 변환 기술가정 1학년 1학기 1. 에너지원의 이용>(1)에너지와 에너지원>2/11 [제작의도]
낮과 밤 알아보기 슬기로운 생활 2학년 1학기 4. 빛과 그림자>낮과 밤( 4/8 )
2018년 10월 08일 박성진 Web & Internet [05] CSS3 속성 2018년 10월 08일 박성진
순서 1 추진배경 및 목표 2 사업개요 및 범위 3 추진경과 4 향후계획 추진배경 및 목표 Ⅰ.
2018년 11월 05일 박성진 Web & Internet [08] 레이아웃 P1 2018년 11월 05일 박성진
Web & Internet [03] HTML5 다양한 태그
Flex를 이용한 교육용 웹페이지 학번: 이름 : 김병조 지도교수 : 이광세.
Web & Internet [06] CSS3 응용과 레이아웃
뉴욕치즈케익 6,000 뉴욕치즈케익 6,000 뉴욕치즈케익 6,000 뉴욕치즈케익 6,000 뉴욕치즈케익 6,000
HTML, PHP, MySQL, Javascript
컴퓨터 소프트웨어 설계 및 실험 년 1학기 실험계획 -.
2장. 홈페이지를 만들기 전에 홈페이지 제작 목적과 제작 과정 홈페이지 제작 관련 기술들 홈페이지 제작에 필요한 준비물
2018년 10월 01일 박성진 Web & Internet [04] CSS3 2018년 10월 01일 박성진
(Web Programming & Practice)
버스 내부광고 제안서 홍일애드 mobile :
2015년 디지털컨버전스 청년취업아카데미.
박성진 컴퓨터 프로그래밍 기초 [04] 연산자 박성진
웹과 인터넷 활용 및 실습 (Web & Internet) 과목 개요 문양세 강원대학교 IT대학 컴퓨터과학전공.
사회복지사무소 시범사업 안내 보 건 복 지 부
컴퓨터 소프트웨어 설계 및 실험 년 1학기 실험계획 -.
Web & Internet [02] HTML5 기본구조와 작성법
Internet 유선 랜카드 A 회사 네트워크 장비 (인터넷 공유 기능 활성화)
NICE 교육 서포터즈 8기 모집 NICE평가정보㈜ 1. 개요 : NICE 교육 서포터즈 8기 모집
기업지원 단일창구 서비스 (G4B)구축 3차년도 사업
4 웹 페이지 레이아웃.
수 업 계 획 1. 단원지도계획 2. 수업설계서 3. 학습지 4. 형성평가지 5. 참고자료 6. 참고사이트 7. 제작자
2018년 11월 12일 박성진 Web & Internet [09] 레이아웃 P2 2018년 11월 12일 박성진
홈페이지 제작 HTML5 + CSS3 + Javascript.
컴퓨터의 이해와 활용 (수).
HTML HTML 기본 구조와 태그 다양한 태그 다루기
CHAPTER 6 도전! 트위터 웹 앱 개발 Jquery Mobile 5/28/2019.
Node Red 컴퓨터공학과 오동근 1.
노인학대예방 교육 교육강사 시 설 장 송나겸 보성실버센터.
컴퓨터 소프트웨어 설계 및 실험 2016년 1학기 실험계획.
박성진 컴퓨터 프로그래밍 기초 [03] 변수와 자료형 박성진
토론의 기술 3 쟁점분석과 입론.
코리아크레딧뷰로(KCB) 2018년 신입사원 공채
예수꼴 예배찬양 부모, 친구 초청 추수감사예배 - 11월 19일 -.
Web & Internet [10] 입문 – input 태그
한국디지털미디어 고등학교 번 조성혁 HTML 5는 HTML4의 다음 버전으로 특정 plug-in같은 것 없이 web에서 진보,발전된 application을 만들 수 있도록 HTML을 발전시킨 것이다.
삶을 낭비하지 말라 친구초청잔치 준비 설교 I 울산시민교회 비전틴(고등부)
Presentation transcript:

Web & Internet [11] JavaScript & BootStrap 2018년 12월 03일 박성진 parks@kangwon.ac.kr

The Three Layers for One Delicious Cake HTML 은 웹 페이지상에서 문단, 제목, 표 이미지, 동영상등을 정의하고 그 구 조와 의미를 부여하는 마크업 언어 CSS 은 배경색, 폰트, 컨텐츠의 레이아웃 등을 지정하여, HTML 컨텐츠를 꾸며주 는 스타일 규칙 언어 JavaScript 는 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 등 웹 페이지를 꾸며주도록 하는 프로그 래밍 언어

JavaScript HTML <script> 태그는 클라이언트 측 스크립트를 정의하는 것을 사용

예제. 샘플

외부 파일로 분리 JavaScript (.js)를 별도의 파일로 분리할 수도 있다. DBLab Template by Suan

예제 1. JavaScript DBLab Template by Suan

BootStrap "Bootstrap is the most popular HTML, CSS, and JS framework for developing responsi ve, mobile first projects on the web." 부트 스트랩은 빠르고 쉬운 웹 개발을위한 무료 프론트 엔드 프레임 워크입니다. 부트 스트랩에는 타이포 그라피, 폼, 버튼, 테이블, 네비게이션, 모달, 이미지 캐 러셀 및 기타 여러 JavaScript 플러그인을위한 HTML 및 CSS 기반 디자인 템플릿이 포함되 어 있습니다. 부트 스트랩을 사용하면 반응 형 디자인을 쉽게 만들 수 있습니다.

BootStrap 의 Table DBLab Template by Suan

BootStrap의 Button DBLab Template by Suan

적어도 bootstrap을 사용해서 멋진 웹사이트를 만들기