본문 바로가기

IT 이야기

HTML5,CSS3 웹표준의정석으로 반응형웹사이트 만들거예요

728x90

 

 

 

 

 

 


내가 요즘 블로그를 직접 꾸미고 싶어서 공부를 하려구요.

HTML5 와 CSS3를 배워야해요 5년전에 어렵게 HTML을

배워서 내가 홈페이지를 만들었었거든요 내가 직접 쇼핑몰을 구축해서

2년정도 운영도 했었었는데 지금은 아무 것도 생각이 나지 않아요

완전 백지가 되어서 다시 시작 해야해요 머리도 쓰지 않으면 녹이슨다는 것도 맞는 것 같아요


또 나이도 그만큼 따라주지 않는것 같아요^^...ㅎ

그런데 요즘은 반응협웹으로 많이 제작을 한다고해요
반응형웹이란 현재 우리가 사용하는 대부분의 웹사이트는 데스크톱의 기준으로

제작이 되었기 때문에 스마트폰이나 테블릿,스마트tv같은 기기로 볼때는
 
화면이 제대로 보이지 않는다고 해요 스마트폰이나 테블릿에서 보면 

정말로 PC 화면 하고는 다르게 나오잖아요 ^^~

스마트폰이나 태블릿PC, 등 여러기기에서 자연스럽게 볼 수 있는
 
웹사이트를 만드는 것을 반응형 웹 디자인이라고 한다고해요

스마트폰따로 pc따로 이렇게 웹사이트를 만들 필요가 없는것이죠

지금도 그렇지만 앞으로는 더 많이 스마트폰이나 태블릿PC에서

사용을 하시는 분들이 더욱 더 많아지겠죠 그러니 특히 에드센스를

시작한 나는 더 빨리 반응형웹으로 사이트를 만들고 싶어지네요

그렇지만 갈길이 멀어요.



책 이름은" 웹 표준의 정석"
동영상 강의 있어서 짬짬이 대중교통을 이용할때도 듣고 있어요


 
























중간 중간 배운걸 다시 정리해보는 도전 퀴즈도 있어요

앞장은 좀 쉬운것이라 그래도 많이 맞췄어요^^








책이 많이 두껍기는 해요 하지만 내용을보면


아래처럼 이미지들이 들어있고 글자도커서 겁낼건 없어요


겁내야할건 짬짬이 하다보면 그동안 배운걸 또 잊어버릴까봐 그게 무서워요...

 

 


이놈의 시간이란게 할 일이 이것 저것 많은지.....원 












이걸 다 언제 끝내려나 그래도 다 하고나면 멋진 나만의 블로그를 

만들 수 있겠죠...^^~~



반응형
  • 알 수 없는 사용자 2014.10.10 17:04

    에드센스 광고코드 삽입 축하 드립니다.
    광고 코드가 너무 왼쪽으로 정렬 되어 있거나 글과 붙어 있는 경우 <br> 과 <center></center> 명령을 코드에 삽입하여 주시면 됩니다.
    그리고 본문에 광고코드 3개까지를 삽입 할 수 있으며,하단에 삽입된 2개의 광고는 지금 컨텐츠 보다는 중형 직사각형 정도의 광고를 삽입하는 것이 적절할 듯 합니다.

    <br>
    <center>

    <script async src="//........................................................"></script>
    <!-- 큰 직사각형 -->
    <ins class="adsbygoogle"
    style="display:inline-block;width:336px;height:280px"
    data-ad-client="ca-pub-......................."
    data-ad-slot="3..........."></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    <script async src="//........................................................"></script>
    <!-- 큰 직사각형 -->
    <ins class="adsbygoogle"
    style="display:inline-block;width:336px;height:280px"
    data-ad-client="ca-pub-......................."
    data-ad-slot="3..........."></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>




    </center>
    <br>
    <br>

    <br은 한줄을 띄우라는 명령어 이고 <Center></center> 는 <center> 부터 시작 해서 </center>까지의 내용을 가운데로 정렬하라는 명령어 입니다^^

    이런식으로 삽입하면 두개의 광고가 한칸에 삽입되고 광고는 가운데로 정렬이 됩니다.

    그리고 내용이 없는 빈 광고만 페이지에 삽입하는 것은 구글 에드센스 정책에 위배되는 행위 입니다.^^