ものづくり筆耕ものづくり筆耕ものづくりを楽しむ。皇帝ダリアの栽培からオリジナルシステムの構築まで。前回、画像と文字を混在させて自由研究の一環として絵日記の作り方を示しました。今回は予告の通り、プールの喧騒の音声を加えてみます。音声データを設定する部分をクローズアップします。aacなどを用意します。ここではchromeがサポートしているmp3にしています。用意する場所はローカル環境で動作させる場合、同一のフォルダで問題ありませんが、公開サーバー上で動作する場合は、アップロードしたURLアドレスを指定します。top:60px;">今日、お父さん、お母さん、<BR>僕、妹の四人でプールに出か<BR>け、はしゃぎまわりました。<BR>お父さんと競争した<BR>り、妹にはおよぎを<BR>教えました。</div></DIV>HTMLコードの説明11行、音声データを読み込んで自動スタートを指定し、再生ボタンなどのインターフェースを表示する。ヘッダー文を付加する。22~8行、重ね書き区域を定義する。タグは大文字と小文字を区別しないが対応付けを明示するために、大文字を用いる。33行、ノートブックの画像を読み込む。44行、水浴姿の画像を読み込む。55~7行、絵日記の文章の色、フォント、書体、位置を指定する。ここのタグは小文字を用いて対応付けをわかりやすくする。66行、絵日記の文章をセットする。HTMLとは何かかいつまんでHTMLを説明します。Languageの頭文字をとったものであり、タグ(要素,<と>)を使って通常の文字表現に加えて、画像や音声、動画、色、フォントタイプなど多彩な表現ができる仕組みのことと覚えておきましょう。ブログやホームページを作るにはHTMLを知らなければなりませんが、数種のタグの役割を理解するだけで先ずはHTML文書を作成することができます。BRの6種のタグを使っています。ほとんどのタグはブロックを形成し、最後はスラッシュから始まるタグで閉じられます。今回のタグでBRだけが単独で使われます。僕、妹の四人でプールに出かけ、はしゃぎまわりました。お父さんと競争したり、妹にはおよぎを教えました。次へのステップ今回は絵とテキストに音声を加えてみました。次回には、絵と音声を複数用意して動きのある絵日記に進化させます。コメントをキャンセル下記項目は必須ですがメールアドレスは公開されません。名前はニックネームをお使いください。コメント名前メールアドレス上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。