HTML과 프리젠테이션

꽤 오래 전에 인터넷에서 찾은 프로그램이 있다. HTML로 문서를 작성하면 프리젠테이션을 할 수 있도록 만들어 주는 프로그램이었다. 자바스크립트와 CSS를 이용한 이 프로그램은 내게는 상당히 유용한 프로그램이었다. 그 이유는 플래폼에 종속적인 형식을 아예 사용하지 않기 때문이다. 따라서 태터툴즈 시절 발견하고 태터툴즈 플러그인으로 만들려고 하다가 오늘 내일 미루던 프로그램이다. 그동안 만들 생각은 있었지만 따로 시간을 투자하기 힘들었다.

목차

HTML과 프리젠테이션

꽤 오래 전에 인터넷에서 찾은 프로그램이 있다. HTML로 문서를 작성하면 프리젠테이션을 할 수 있도록 만들어 주는 프로그램이었다. 자바스크립트와 CSS를 이용한 이 프로그램은 내게는 상당히 유용한 프로그램이었다. 그 이유는 플래폼에 종속적인 형식을 아예 사용하지 않기 때문이다. 따라서 시절 발견하고 으로 만들려고 하다가 오늘 내일 미루던 프로그램이다. 그동안 만들 생각은 있었지만 따로 시간을 투자하기 힘들었다.

오늘 문서 폴더를 정리[1]하다가 예전에 플러그인으로 만들려고 했던 이 프로그램을 찾았다. 태터툴즈 시절에 나온 프로그램이므로 요즘은 기능이 더 강화됐을 것으로 생각하고 해당 프로그램 홈페이지를 방문했다. 그러나 이 프로그램을 더 이상 배포하고 있지 않았다.

굳이 블로그를 프리젠테이션 툴로 활용할 필요가 있을까 싶다. 그러나 강의자료도 파워포인트가 아닌 HTML로 만들어 사용하는 나로서는 HTML 기반의 프리젠테이션 도구가 파워포인터 보다는 더 유용하다. 그래서 HTML 기반으로 동작하는 프리젠테이션 플러그인을 만들려고 했다. 그러다 불현듯 어제 소개한 Highslide JS를 이용하면 간단히 블로그를 프리젠테이션 도구로 활용할 수 있을 것 같았다.

일단 는 브라우저의 크기에 따라 자동으로 그림의 크기를 조절해서 보여준다. 따라서 브라우저를 전체화면(F11)으로 만들고 그림을 클릭하면 파워포인터의 슬라이드 기능을 가볍게 구현할 수있다. 물론 파워포인터의 화면을 먼저 이미지로 저장해야 한다. 그러나 언제, 어디서든 접근할 수 있고 브라우저만 있으면 된다는 잇점이 있다.

참고로 다음 자료는 2008 정보통신 사용자 포럼 세미나에서 발표한 자료다. 악플과 악플의 재생산에 대한 글로 연작을 쓰려고 했지만 아직 쓰지 못하고 있는 글이다. 다만 브라우저를 최대(F11 키)로 하고 그림을 클릭하면 파워포인터의 슬라이드 기능과 비슷하게 사용할 수 있다는 것을 알 수 있다. 슬라이드와 슬라이드 사이의 재생 시간도 그림에 따라 설정할 수 있기 때문에 간단한 프리젠테이션 도구로 얼마든지 활용할 수 있다.

악플과 재생산





남은 이야기

현재 이 블로그의 '키워드 기능'에도 'Highslide JS를 적용'[2]해 두었다. 따라서 키워드를 클릭하면 새창이 열리는 것이 아니라 다음 그림처럼 문서 안쪽의 팝업창으로 열리며 그림 겔러리처럼 키워드 사이를 이동할 수도 있다. 따라서 새창을 여는 것 보다는 훨씬 깔끔하다.

마지막으로 'Highslide JS'는 설치형(, )이나 서비스형() 모두 사용할 수 있다. 다만 스크립트 파일의 크기가 크기 때문에 설치형은 전송량의 압박이 심하다. 그러나 이 부분도 쉽게 해결할 수 있는 부분이 있다. 보통 'ISP'(Internet Service Provider)에 가입하면 하드 용량은 작지만 전송량은 제한하지 않는 홈페이지 계정을 준다. 이 계정에 자주 사용되기 때문에 전송량 부담이 커지는 파일을 모두 올린 뒤 이 파일을 가져오면 이런 전송량의 압박을 어느 정도 해소할 수 있다.

사실 이 블로그도 로고, 핵심 자바스크립트, 자주 사용되는 이미지, 스킨의 CSS는 모두 메가패스에서 제공하는 홈페이지 계정에 올린 뒤 이 계정을 이용하고 있다. 또 설치형이나 서비스형 모두 내 계정의 스크립트 파일을 이용해서 'Highslide JS'를 사용해도 된다.

관련 글타래


  1. 예전에 학원 강의하면서 작성한 문서가 있다. 인터넷, HTML, CGI를 하나로 묶은 문서다. 다만 초보자를 대상으로 만들었기 때문에 HTML에 관련된 부분은 초보자가 인정한 HTML을 배우는 가장 쉬운 책이었다. 인터넷을 통해 공개하려고 그동안 계속 찾았지만 찾지 못했다. 그러나 오늘 하드 디스크에서 찾았다. 
  2. AJAX와 IFRAME가 가능하지만 AJAX로 설정했다. 
글쓴이
author image
운영체제의 모든 것을 운영하고 있는 IT 블로거. IT 블로거라는 이름은 현재 시국때문에 시사 블로거로 바뀐 상태다. 그러나 나는 아직도 시사와 사회에 관심이 많은 IT 블로거일 뿐이다. 컴퓨터, 운영체제, 시사, 가족, 여행, 맛집, 리뷰등과 살면서 느끼는 소소한 일상이 블로그의 주제이다. 왼쪽의 아이콘은 둘째 딸 다예가 그린 내 모습이다.
2009/04/24 19:26 2009/04/24 19:26
오늘의 글
인기있는 글
조회수 많은 글 | 베오베
댓글 많은 글 | 베오베

Trackback

Trackback Address :: https://offree.net/trackback/2480

Facebook

Comments

  1. 날자고도 2009/04/24 23:50

    악플보다 더 나쁜건 악플을 알려지도록 기사화 한 기자가 더 나쁘지 않을까요?
    보통의 경우 연예인이 악플을 직접확인하는경우보다, 기사화되어 알게 되는 경우가 많은걸로 알고 있습니다.

    또한, 기자가 소설을 쓰는경우가 많고요.
    예전부터 연예인이 개인의 악플에 고생하는경우보다, 연예기자의 악의적인 기사에 고생하는경우가
    더 많았죠.

    perm. |  mod/del. reply.
    • 도아 2009/04/25 06:56

      PPT에도 있습니다. 연예기자도 문제지만 가장 큰 문제는 뉴스 공급체계를 어지럽히는 포털입니다.

  2. 의리 2009/04/25 03:24

    그런 좋은 자료는 살짝 이메일로..

    perm. |  mod/del. reply.
    • 도아 2009/04/25 06:57

      어떤 자료를 말하시는 것이죠?

    • 의리 2009/04/25 11:42

      예전에 학원에서 강의하면서 작성한 문서가 있다. 인터넷, HTML, CGI를 하나로 묶은 문서다. 다만 초보자를 대상으로 만들었기 때문에 HTML에 관련된 부분은 초보자가 인정한 HTML을 배우는 가장 쉬운 책이었다. 인터넷을 통해 공개하려고 그동안 계속 찾았지만 찾지 못했는다. 그러나 오늘 하드 디스크에서 찾았다.

      라고 말씀하신 것 말이죠. Onion020.gif
      저같은 촙오에게 필요한 자료 같습니다.

  3. SCV 2009/04/25 09:19

    잠시 부대 내에서 접속합니다. ^^;

    브라우저를 이용한 프리젠테이션은 제가 가지고 있는 고정관념에서는 신선한 일이군요.
    요즘에는 거의 PPT 파일을 사용하는 편이니, 브라우저를 띄우고 프리젠테이션을 하는 것 자체가
    시선을 집중시킬수 있는 수단이 되지 않을까 하는 생각이 드네요. 음..

    그나저나, 아래 '잠깐만'에서 '찾지 못했는다' 가 아니라 '찾지 못했었다' 정도가 무난하지 않을까요? ;;

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:01

      저는 상당히 오래 전부터 HTML을 이용해 왔습니다. 글자 키우는 것도 쉽기 때문에 강의자료를 HTML로 만들고 글자를 키워서 강의하면 딱 프리젠테이션용이 됩니다. 그리고 오타는 본문을 수정하면서 난 모양입니다. 수정해 두었습니다.

  4. sky~ 2009/04/25 09:27

    아하하 너무 어려워요 ㅠㅠ 무슨말인지 잘모르겠어요 ㅎㅎ

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:02

      어렵고 쉽고의 차이는 익숙함의 차이입니다. 조금 더 익숙해 지면 쉬워집니다.

  5. 최면 2009/04/25 09:39

    오오~ 당장은 프리젠테이션할 일은 없지만 -0-;;

    그래도 이렇게 활용이 가능하군요;;

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:02

      예. 괜찮습니다. 브라우저와 네트워크만 되면 되니까요.

  6. pardonk 2009/04/25 09:46

    풀어쓴 뜻은 명확하지만 어쨌거나 은꼴사가 저기 끼여 있으니 약간 어색하네요.
    보통은 다른 뜻으로 더 많이 쓰인다죠.

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:03

      원래의 은꼴사에서 가져온 말입니다. 다만 은꼴사를 모르는 분, 은꼴사를 모두 아는 분에게는 아무 문제가 없죠. 은꼴사를 사진으로 아는 분한테에는 조금 이상할 수 있지만 '은근히 꼴 사나운 댓글'이라는 것도 추가로 알아 주시면 됩니다.

  7. 위상 2009/04/25 14:18

    재밌는 기능이군요.

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:04

      예. 상당히 다양한 기능을 제공하더군요.

  8. koc2000/SALM 2009/04/25 16:02

    인터넷에 접속하고 있다면 유용하리라 생각합니다. 저는 오피스류의 프로그램은 달랑 가계부 프로그램과 한글2005만 쓰니까요.

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:04

      저도 오피스류의 프로그램은 사용하지 않습니다. 비표준 형식은 거의 사용하지 않기 때문에 저한테는 상당히 유용합니다.

  9. 공상플러스[429재보선] 2009/04/25 16:04

    카워드 기능에도 사용하시다니..ㅇㅂㅇ;;

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:05

      키워드도 클릭하면 새창이 아니라 팝업으로 나타납니다...

  10. Kael H. 2009/04/25 21:55

    계속된 기능확장이군요.......
    어디까지 기능확장이 가능할지.. ;;;;;;;;;

    perm. |  mod/del. reply.
  11. 2009/04/26 00:06

    http://home.megapass.net/~thomaschah
    오페라 브라우저를 이용해 이 사이트를 접속한뒤 F11을 누르면 프리젠테이션 모드로 바뀝니다. 신기한 기능이지요.
    http://forums.mozilla.or.kr/viewtopic.p ··· 23p24591 이 글의 설명을 보니 오페라 브라우저만 가능한 기능 같습니다. 하지만 usb에 오페라 포터블을 넣어놓고 다니면 큰 문제는 없을것 같군요.

    perm. |  mod/del. reply.
    • 도아 2009/04/26 05:06

      예... 다음 페이지까지 알아서 찾아 주죠... 예전부터 한번 소개하려고한 기능입니다.

  12. 필넷 2009/09/04 12:20

    궁금한 것이 있어서 문의하는데요. ^^
    자바스크립트 같은 것도 전송량 제한이 없는 무료계정에 업로드해놓고..
    skin.html 파일에서 <script type="text/javascript" src=???> 이런 방식으로 사용하면 호스팅서버에서 트래픽으로 안잡히는 건가요?

    전 위와같이 사용하면 skin.html에 어차피 포함된다고 생각해서 트래픽으로 잡히는 것으로 알았는데... --?

    perm. |  mod/del. reply.
    • 도아 2009/09/04 12:51

      외부 사이트를 링크하면 파일은 외부 사이트에서 가져오기 때문에 원 사이트의 트래픽은 거의 잡아 먹지 않습니다.

(옵션: 없으면 생략)

글을 올릴 때 [b], [i], [url], [img]와 같은 BBCode를 사용할 수 있습니다.