js
-
[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..
-
[Web Building] 1. Web Building Tutorial - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:33
Web Building Tutorial 1. How to Build a Web Site 이 튜토리얼은 웹 사이트를 제작하는 방법에 대해 가르칠 것 입니다. 2. No Tools Needed 이 튜토리얼을 따라하면서 어느 소프트웨어 툴이든 필요하지 않을 것 입니다. 3. What We Will Do 웹 사이트를 제작할 것 입니다. - HTML을 사용한 웹페이지 제작 - CSS를 사용한 지속되는 스타일 추가 - JavaScript를 이용한 계산 코드 추가 - 통계 데이터 페이지 추가 - Http를 이용한 데이터 로드 - AppML을 이용한 데이터 로드 - SQL을 이용한 데이터 로드 * W3School을 통해 제작된 강좌입니다.