中学生のためのEPUB 3 入門/第1回 コンピュータープログラムに文章の内容を教えてあげよう!

第1回 コンピュータープログラムに文章の内容を教えてあげよう!

EPUB 3 Basic Course:
2012年のトライアル「高校生のための電子出版入門」および「中学生のための電子絵本制作」をベースに再構築した入門講座です。EPUB 3で電子書籍を作成するための講座ですが、実習形式で進行し、概論は省いています。HTMLとCSSを触りながら、ウェブの楽しさを知ってもらうことも学習項目に含まれています。

 

おもちゃ箱のような楽しい電子書籍を作ろう!

 

 

さて、今日からEPUB(イーパブ)について学んでいきます。

電子書籍をつくるには、EPUBという技術を学習しておく必要があります。
本当は、電子書籍の歴史とか、EPUBとは何か?といった話をしたほうが良いのかもしれませんが、この授業は電子書籍をつくるのが目的だから、実際に触りながら進めていきます。難しい話はあとまわしです。

 

それでは、始めましょう!

すでに用意されている授業用のフォルダを開いてください。
中に「index.html」(インデックス・ドット・エイチティーエムエル)という名前のファイルが入っていますよね。

index.htmlファイルの絵

 

まずは、このファイルをウェブブラウザーで開いてみましょう。
ウェブブラウザーのアイコンをダブルクリックして起動してください。

 

インターネットエクスプローラーやサファリなどのウェブブラウザーがあるはずです

 

 

「index.html」をウェブブラウザーのウィンドウにドラッグしてみましょう。
文章が表示されましたよね。

これが「ウェブページ」です。ホームページという言い方でもかまいませんが、授業ではウェブページと呼びます。

ウェブブラウザーに表示されたウェブページ

 

次は、ウェブページの中身を見ていきます。

「index.html」をエディターと呼ばれるソフトで開いてください。
Macなら「テキストエディット」、Windowsなら「メモ帳」を使いましょう。

 

アルファベットがずらっと並んでますが、日本語の文章のところを見てください。

index.htmlの中身の絵

 

見出しや文章の前後に記号が付いていると思います。
これを「タグ」と言います。

 

なぜ、文章に「タグ」が付いているのかお話していきましょう。

 

インターネットにはものすごい数のウェブページがあります。
知りたいことを探すのがほんとに大変なんです。

みなさんは、Google(グーグル)やYahoo!(ヤフー)を使って、インターネット検索をやったことがありますよね。
知りたい言葉を入れると、ウェブページがたくさん表示されたと思います。

 

あれは、インターネットの中のコンピュータープログラムがすごいスピードで探してきてくれるんです。
すごいですよね、ほんとに数秒で表示してくれます。

 

コンピュータープログラムが情報を探してくれる

 

 

でも、コンピュータープログラムって、人間のすべての言葉を知っているわけではありません。
だから、ぜんぜん関係ないウェブページも表示されていたはずです。

 

たとえば、作文の「見出し」を書くとき、他の文章から少し離したり、文字を大きくしますよね。
わたしたちは、それで「見出し」だということがわかります。

 

ところが、コンピュータープログラムはちゃんと理解できないんです。

コンピュータープログラムは、文章にタグが付いていないと正しく理解できない

 

文章に「タグ」をつけるのは、コンピュータープログラムに内容を伝えるためなんですね。

世界中の人たちが、この方法でウェブページをつくってくれたら、ほんとに便利なインターネットになりますよ。
知りたいことが、簡単に見つかるようになりますから。

 

EPUBの電子書籍をつくるときも同じです。
コンピュータープログラムに内容を伝えるために、「タグ」をつけていきます。

 

電子書籍はコンピュータープログラムも読める本

 

紙の本の作り方とは、ちょっと違うでしょう。紙の本は、私たちが読めればよいわけですから。
でも、安心してください。「タグ」の数は多くありませんので。

文章に「タグ」をつけておくと、コンピュータープログラムがいろいろなことをやってくれますので、楽しいですよ。

 

さぁ、次回はタグの種類と使い方の勉強です。

 

 

EPUBのマーク

 

投稿日:2014年2月6日

 

以下のボタンをクリックすると、RSSリーダーの「feedly」に登録することができますので、ご利用ください。

follow us in feedly

 

 

マガジンで連載されているコンテンツ一覧は「ARTICLES」をご覧ください!

マガジンで連載中の記事コンテンツ

 

 

 

Creative Edge Storeクリエイティブエッジストア

  • Adobe Muse CC 関連のラーニングコンテンツ

Creative Edge Store(クリエイティブエッジ・ストア)

 

 


Be first to comment

CAPTCHA