Web/Web Building
-
[Web Building] 한국 웹 브라우저 점유율Web/Web Building 2015. 11. 24. 11:29
먼저 한국의 점유율 입니다... ... 밖에 할말이 없네요.. 아직 IE 라는 점이 그나마 비교적 소폭 상승중인 크롬입니다. 아직까지 정부 기관 웹이나 여러 Active X 간지 때문인지라 IE의 의존도가 높습니다. 심지어 Windows 10 으로 올라가며 Edge에 대한 대응책도 주어지지 않은 현상황입니다. Active X 무슨 세제도 아니고... 국내에 경우에는 아마 Naver 또한 검색 조건에 있다면 아마 상당수로 선점했으리라 생각합니다. 만능 Naver로 웹툰부터 쇼핑, 동영상 시청까지 다 하는 상황이니... Source: StatCounter Global Stats - Browser Market Share 네. 다음은 우리 윗동네 북쪽 친구들을 살펴보죠. 북쪽 친구들은 크롬과 파폭이 선점을 했습..
-
[Web Building] 9. Web DaaS - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - Data as a Service (DaaS) 1. What We Will Do 이번 장에서: - SQL이 구동중인 웹 서버로 부터 유동적인 데이터 인출을 합니다. 2. Using a PHP Server Running MySQL customers.html을 수정합니다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 Customers Customers var xmlhttp = new XMLHttpRequest();var url = "http://www.w3schools.com/website/customers_db_mysql.php"; xmlhttp..
-
[Web Building] 8. Web AppML - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - AppML 1. What We Will Do 이번 장에서: - AppML을 이용한 인출(fetch)과 웹 사이트에 데이터 표시하기 입니다. customers.html에 아래 코드를 입력해주세요: 12345678910111213141516171819202122232425262728293031323334Customers Customers Name City Country {{Name}} {{City}} {{Country}} Colored by Color Scriptercs * W3School을 통해 제작된 강좌입니다.
-
[Web Building] 7. Web Http - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:38
Web Building - Fetching Data with Http 1. What We Will Do 이번 장에서: - Http를 이용한 서버로부터의 데이터 인출(fetch)을 해보겠습니다. 2. The Data 아래 주소에서 PHP server에 의한 데이터가 제공됩니다. http://www.w3schools.com/website/customers.php * 파일은 JSON 형식입니다. 3. Change the Customers Page to use Http demoweb 폴더에서, customers.html을 수정합니다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 ..
-
[Web Building] 6. Web Navigation - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:37
Web Building - Adding Navigation 1. What We Will Do 이번 장에서: - 네비게이션 메뉴를 추가합니다. 2. Add a Navigation Menu demoweb 폴더에, script.js 파일을 수정합니다. 123456document.getElementById("nav01").innerHTML ="" +"Home" +"Data" +"About" +"";Colored by Color Scriptercs 3. Edit The Style Sheet demoweb 폴더에, site.css 파일을 수정합니다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445body { font-..
-
[Web Building] 5. Web Data Page - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:37
Web Building - Adding a Data Page 1. What We Will Do 이번 장에서: - 웹 사이트에 데이터 페이지를 추가합니다. 2. Edit The Style Sheet demoweb 폴더에, site.css 스타일 시트를 수정합니다. 1234567891011121314151617181920table { width:100%;}table, th , td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}th { text-align: left; }table tr:nth-child(odd) { background-color: #f1f1f1;}table tr:nth-child(even) { background-col..
-
[Web Building] 4. Web JavaScript - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:36
Web Building - Adding Code (JavaScript) 1. What We Will Do 이번 장에서: - 몇몇 계산 코드를 생성합니다.(JavaScript) - 페이지에 script link를 추가합니다. 2. Create JavaScript demoweb 폴더에, script.js 이름의 파일을 생성합니다. 아래 코드를 파일에 입력합니다: 12document.getElementById("foot01").innerHTML ="© " + new Date().getFullYear() + " W3Schools. All rights reserved.";cs 3. Edit the Home Page demoweb 폴더에, index.html을 수정합니다. 12345678910111213141516..
-
[Web Building] 3. Web CSS - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:35
Web Building - Adding Style (CSS) 1. What We Will Do 이번 장에서는: - 사이트를 위한 CSS 스타일 시트를 생성합니다. - 페이지의 스타일 시트 링크를 추가합니다. 2. Create a CSS Style Sheet demoweb 폴더에, site.css라는 이름의 파일을 생성합니다. CSS 파일에 아래 코드를 입력하세요: 12345678910111213141516171819202122body { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 16px; background-color: dimgrey; color: #696969; padding: 3px;}#main { padding: 5px; paddi..