8
Word2007 で ででででででででで Web Word でででででででででででででででででで でででででででで でででででででで ででででで 0721101 でで 西

Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

  • Upload
    nasya

  • View
    1.555

  • Download
    0

Embed Size (px)

DESCRIPTION

Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~. 北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 0721101  西舘 和靖. 今回の成果. JW Image Rotator を使用したスライドショー. JW Image Rotator. html,xml ファイルを使用しスライドショーを行うことができるソフト bmp ファイルは使用できずロード画面で停止 jpg,png ファイルは使用可能. html ファイル. - PowerPoint PPT Presentation

Citation preview

Page 1: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

Word2007でWeb作成方法紹介ページ

~Word初心者でもわかりやすく~

北海道情報大学 情報メディア学部

情報メディア学科 新井山ゼミ0721101 西舘 和靖

Page 2: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

今回の成果

JW Image Rotatorを使用したスライドショー

Page 3: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

JW Image Rotator

html,xmlファイルを使用しスライドショーを行うことができるソフト

bmpファイルは使用できずロード画面で停止

jpg,pngファイルは使用可能

Page 4: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

htmlファイル<html>

<div id="container_random_001">

<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this rotator.</div>

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">

var s1 = new SWFObject("imagerotator.swf","rotator","400","300","7");

s1.addVariable(“file”,“xmlファイルの場所 .xml");

s1.addVariable(“shownavigation”,“ナビゲーションの表示( true or false) ");

s1.addVariable(“rotatetime”,“ローテーション時間を数字で入力(秒) ");

s1.addVariable(“width”,“400");

s1.addVariable(“height”,“300");

  s1.addVariable(“shuffle”,“画像をシャッフルするか否か( true or false) ");

s1.write("container_random_001");

</script>

</html>

Page 5: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

xmlファイル<?xml version="1.0" encoding="utf-8"?>

<playlist version="1" xmlns="http://xspf.org/ns/0/">

<trackList>

<track><location>画像の場所 (bmpファイル不可 )</location></track>

<track><location>jwplayer_gazou/word002.jpg</location></track>

<track><location>jwplayer_gazou/word003.jpg</location></track>

<track><location>jwplayer_gazou/word004.png</location></track>

<track><location>jwplayer_gazou/word005.png</location></track>

</trackList>

</playlist>

Page 6: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

画面

 成功例             bmp使用時の失敗例

Page 7: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

今後の目標

• ドット絵の作成方法の紹介ページ作成

Page 8: Word2007 でWeb作成方法紹介ページ ~ Word 初心者でもわかりやすく ~

参考Webページ• 自宅サーバ練習用ブログ「 JW Image Rotator」を試してみました

http://yasuda.iobb.net/wordpress/?p=2509