C9과 Git

2017-10-03 12:00

기본적으로 Github 와 C9을 가입합니다

C9에서 기본적인 프로젝트를 한번 만들어 본다

이름을 편하게 정하고 Ruby를 선택해서 기본적으로 진행이 가능하다
많은 폴더 중에 public 폴더에 index.html 파일을 만들어 본다

index.html에 HTML과 css를 연습해 본다

1
2
3

<head>
  <meta charset="UTF-8">
</head>

한글이 깨질 수 도 있으니 다음과 같이 추가한다

여러가지 css를 이용해서 웹 페이지를 꾸밀 수도 있지만 쉽지가 않다
우리는 도와줄 수 있는 친구 bootstrap을 이용하자

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
  </body>
</html>

기본적인 템플릿 페이지를 이용해서 작업 하면 쉽다!

싸이트에서 여러가지를 복사해서 붙여 넣어서 페이지를 꾸며봅시다

https://startbootstrap.com/ 싸이트에서 무료 테마를 이용해서 페이지를 이쁘게 꾸며 봅시다

web

Hoyuo

안드로이드 개발자입니다

C9과 Git

Related posts