WEB2 - CSS

CSS 등장 이전의 상황

수업예고

HTML은 정보를 표현하기 위해서 고안된 언어입니다. 하지만 사람들은 정보만으로는 못산다고 불평을 쏟아내기 시작하는데....

 

 

강의

 

 

소스코드

변경사항 

 

댓글

댓글 본문
작성자
비밀번호
  1. 김지원
    시작합니다
  2. 김혜원
    완료
  3. 야호
    HTML에 이어서 CSS 시작합니다! 점점더 멋지게 변해갈 웹이 기대돼요 ㅎㅎ
  4. HWANH
    완료
  5. 여립
    정말 감사합니다 ㅎㅎ
  6. 진영
    완료
  7. choi12
    css에 다가가기가 너무 두렵고 떨렸는데 덕분에 차근차근 배울 수 있게 되었어요! 감사합니다
  8. 한라봉
    완료
  9. 혼포
    완료
  10. 필립
    좋습니다!!!
  11. 강인석
    web1 끝내고 web2로 왔어요 끝까지 함께해봐요.
  12. Jaesoo Kim
    Web1에 이어서 CSS도 공부 시작합니다^^ 감사드립니다.
  13. 로버트한
    css의 필요성을 잘 이해하는 시간이었습니다.^^
  14. 시간속으로
    완료
  15. CSS 출발! 감사합니다^^
  16. Lee Sangjun
    이어서 출발!!
  17. aimerthis(이성민)
    감사합니다.
  18. bbuddi7@naver.com
    고맙습니다
  19. 항상 감사합니다.
  20. 과천영일
    항상 즐거운수업 감사합니다. css에 대해서 처음 들어봤어요.
  21. 반자동
    한편의 책을 재미있게 읽는거 같네요
  22. 솔백아
    2018.05.03 학교에서 배우던 걸 상기시키는 기분이에요ㅎㅅㅎ 오늘도 잘 봤습니다!
  23. 스페이스몽키
    실습하다가 궁금했던 점을 다 찝어주시네요. 항상 다음 영상이 기대가 되요
  24. daaawnstar
    기대됩니다 ~!
  25. Dreaming_Joyy
    정보와 디자인이 난무할 때!! CSS가 나타나 구분시키고 해방시켜주겠군요!
  26. 코딩공부하는 데리
    폰트 테그 다른 곳에서 배워서 쓰면서 싱글벙글하고 있었는데 바로 버리게 되는 군요.
  27. 좋은 강의 항상 감사합니다.
  28. cactusky
    일억개!! ㅎㅎ
  29. 설렁탕
    무슨 브라우져를 쓰시는 건가요?
  30. 제로스
    <font color="red">????</font>
  31. Jae Il Park
    정말 감사합니다~
  32. 아... 좋은 강의 감사합니다.
  33. 감사합니다 의미여부에 대해 곰곰히 생각해보게 되었어요
  34. Hyun Woo Lee
    확실히 CSS가 존재함으로써 편리한 기능들이 많아졌어요.
    동일한 작업에 대해서 일일이 작업을 할 필요 없이
    하나의 문장만으로 모든 것을 제어할 수도 있으므로 엄청난 기술이네요.
  35. Ryan.L
    css의 시작!
  36. 180118 감사합니다!
  37. egoing
    생활코딩은 수료증을 발급하지 않습니다~ 코딩야학에서 web1만 발급하고 있어요.
    대화보기
    • yuhee shim
      각 강좌마다 수료증 받을 수 있나요?
    • PassionOfStudy
      18-01-14 1일차 - 1번째 강의

      수강완료!


      CSS는 HTML의 정보를 표현하는 디자인과 관련있다 ㅎ
    • 내일
      유튜브에서만 학습하다가 오늘 계정 하나 만들었습니당~
    • dwshin0416@gmail.com
      2018.01.13 오전 1:45

      정보를 표현하기 위한 html .....

      감사히 잘 봤습니다.
    • goosen
      많이배우고가요 감사해요^^
    • 꼬맹파파
      cornerstone:
      1.
      a. 건물에서 두 개의 교차하는 벽 코너에 있는 돌
      b. 건물 건축 시작일을 나타내는 그런돌(머릿돌)
      2. 절대적으로 필요한 중요 기반

      이라고 사전의미가 나오네요.

      https://www.thefreedictionary.com......one

      -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
      powder blue 컬러:
      위키에 파우더 블루 컬러 관련 색들이 나오네요. (#RGB 헥사 값이 함께)

      https://en.wikipedia.org......lue
    • 감사합니다
    • 잘풀리는인생
      1이 로컬이면
      1에서는 로컬로 접속 되는건 다 접속이 될꺼에요..
      대신에 2번에서 1번을 접속 하면 접속은 안되죠.
      그리고 DNS를 설정해도..(도메인업체 DNS는 설정하면됨 포워딩 말고요,포워딩 좋아했는데 제꺼 해보니
      느낀게 많거든요..ps.전문가들 앞에서 넘그런가요? 제 생각입니다.)
      Windows/system32/driver/etc/
      hosts를 수정

      127.0.0.1 localhost
      127.0.0.1 http://www.test.com
      192.168.5.20 http://www.test.com
      111.222.10.55 http://www.test.com

      이렇게 수정해서

      1번 컴 sever 에서는 접속을 하면
      127.0.0.1 localhost
      127.0.0.1 http://www.test.com
      192.168.5.20 http://www.test.com
      111.222.10.55 http://www.test.com
      이건 다접속이 됩니다.

      2번 컴 client pc 에서는
      127.0.0.1 localhost
      127.0.0.1 http://www.test.com
      192.168.5.20 http://www.test.com
      111.222.10.55 http://www.test.com
      이렇게 접속을 하면

      다 안될껍니다.
      위에서 되는건

      192.168.5.20
      111.222.10.55
      이것만 될겁니다.

      이렇게 이해 하시면..유투부도 동영상도 localhost는 안된다는 것이죠..
      유투부 주소를 적어주셔야 됩니다.

      ---이거는 되고---
      <iframe width="560" height="315" src="https://www.youtube.com/embed/SvY-Q2HsVWA" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

      ---이거는 안됩니다.--
      <iframe width="560" height="315" src="https://localhost/embed/SvY-Q2HsVWA" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

      이게 맞을껍니다..
      대화보기
      • Gwanghyeon Harry Gim
        감사합니다! 전혀 생각도 못 했던 기능이었는데 흥미롭네요.

        혹시 링크에 밑줄을 없애는 기능도 있을까요?
        대화보기
        • Gwanghyeon Harry Gim
          localhost 서버로 만든 html 문서에 유튜브 동영상을 링크 삽입했는데요
          localhost에서는 동영상을 클릭하면 잘 작동됩니다만, 127.0.0.1로 접속해 동영상을 클릭하면

          SME의 콘텐츠를 포함한 동영상이므로 특정 사이트 또는 애플리케이션에서 재생할 수 없도록 제한됩니다.

          라는 메시지가 뜹니다.

          localhos = 127.0.0.1, 즉 둘이 완전히 같은 걸로 알고 있었는데 조금 차이점은 있어 보입니다. 맞나요?
          아시는 분은 댓글 부탁드리겠습니다.
        • Gwanghyeon Harry Gim
          감사합니다. 다시 확인해 보니 잘 돼요
          대화보기
          • 잘풀리는인생
            저도 알지 못 하지만 기본적으로 a link는
            클릭 안했을때 black 클릭을 하면 색이 변할꺼에요
            그 클릭을 색을 안변하게 할려면 글씨쪽에 폰트색을
            지정해주면 될껍니다.
            1.<a href="#">test</a>

            2.<a href="#"><font color="black">test</font></a>

            위에처럼 1번이랑.2번이랑 틀릴껍니다
            1번은 기본 링크후 새깔 변화
            2번은 방문하든 안하든 블랙
            대화보기
            • Logan Lee
              따로 환경설정을 만진 적이 없다면,
              localhost = 127.0.0.1 입니다.

              그렇다면 포트 문제가 될 수 있거나, 정말로 localhost로 접속한건지 아니면 그냥 브라우저에 파일을 띄워 실행한건지에 따라 확인이 필요해보이네요.

              WEB1을 선행하셨다면 MAMP 내의 htdocs를 확인해보시는것도 좋을 듯합니다.
              대화보기
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기