CSS
-
[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..
-
[Web Building] 2. Web HTML - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:34
Web Building - Creating a Web Site (HTML) 1. What We Will Do 이번 장에서는 웹 사이트를 만들어 볼 것 입니다. * 이 웹 사이트는 당신에게만 보여질 것 입니다. 2. Create the Web Site 당신의 PC에 새로운 폴더를 생성하세요. 새로운 폴더 이름을 demoweb으로 입력하세요. 이제 당신은 로컬 웹 사이트를 가지고 있습니다. 3. Create a Home Page demoweb 폴더에서, index.html이라는 이름의 파일을 생성하세요. 노트패드를 이용하여 아래 내용을 파일에 입력하세요: (* 노트패드++를 이용하면 HTML의 명확한 구조를 볼수 있습니다) 123456789101112131415161718192021 Our Company W..