728x90 무료 홈페이지 만들기4 로또번호 생성 웹사이트 무료로 만들기 7(완성) 이제 완성된 파일을 github에 올려보도록 하자. $ git add . $ git commit -m "final" [master 9ff1993] final 6 files changed, 1177 insertions(+), 6 deletions(-) create mode 100644 auto.html create mode 100644 guardy.jpg create mode 100644 select.css create mode 100644 semiauto.html create mode 100644 style.css $ git push origin master Enumerating objects: 8, done. Counting objects: 100% (8/8), done. Delta compressio.. 2020. 7. 17. 로또번호 생성 웹사이트 무료로 만들기 4 이번 글에서는 저번 글에 이어서 navigator와 footer까지 마쳤으니 가장 중요한 main부분을 작성할 것이다. index.html의 main 부분은 자동번호 받기를 구현할 생각이다. 다음은 네이버의 918회차 당첨번호의 틀이다. 여기에서 중요한 점은 숫자 1~9 10~19 20~29 30~39 40~45까지 다른 색깔로 보여줘야한다는 것이다. 우리는 이 작업을 위해서 javascript코드를 작성해야한다. 우선 전체를 감쌀 div를 생성해주고 윗칸( 아랫칸(숫자들모임) div를 나눠줘야한다. 오늘의번호 5 10 21 37 41 42 다음과 같이 나눠줬다. 그 다음으로는 숫자에 따라 div의 css를 바꾸는 javascript를 프로그래밍해야한다. 정상적으로 작동하는지 확인하기 위해 우선 valu.. 2020. 7. 15. 로또번호 생성 웹사이트 무료로 만들기 3 이번 글에서는 저번 글에 이어서 웹사이트의 footer 부분을 구성하려고 한다. 이전글보기 footer를 구성하려고 하는 와중에 tistory의 footer부분이 맘에들어 이부분을 footer로 만들어 사용하려고 한다. 우선 index.html에 다음코드를 추가한다. 그 다음 css에 다음코드를 추가한다. .footer{ width:100%; height:100px; position:absolute; bottom:0; text-align: center; background-color: #6a737b; } 실행시키면 다음과 같은 페이지가 나온다. 그 다음 footer 중간에 원형의 프로필 이미지를 넣어야한다. html footer div에 다음과 같은 소스코드를 추가한다. img를 넣었으면 중앙부분에 프로.. 2020. 7. 14. 로또번호 생성 웹사이트 무료로 만들기 1 이번 글에서는 Github 페이지를 이용하여 로또번호를 생성하는 웹사이트를 만드려고한다. 프로그래밍을 처음접하는 사람도 만들 수 있도록 쉽게 설명하려고 한다 Github 페이지의 경우, 무료 호스팅을 제공하기 때문에 웹사이트를 만드는데 큰 부담이 없다.대신, 무료이기 때문에 단점도 있다.1. 속도가 한계가 있다.2. 정적 홈페이지만 제공한다. 정적 페이지란 무엇일까? 정적(static) 페이지는 HTML과 CSS Javascript로 이루어져있는 사이트를 말한다. 로또번호 생성기와 같은 간단한 사이트는 데이터베이스 등 복잡한 기능이 필요가 없기 때문에 static 페이지를 제공하는 Github 페이지로도 충분히 만들 수 있다. Github 사용하는 방법 우선 github에 lotto라는 이름의 repos.. 2020. 7. 12. 이전 1 다음 728x90
