Transcript パワポ5月2日

音声と図解
ホームページ作成入門
高齢者・障がい者の方が使いやすいHTML5で学ぶ
2015年度公開講座 4月25日, 5月2日
跡見学園女子大学文学部准教授 福田 博同
５月2日
•ブログの理解
•図のファイル作成法




ペイント形式
写真撮影
ドロー形式
画面キャプチャ
•音ファイル作成法
 マイク録音
 MIDI作成
 テキスト→音声変換
•動画のファイル(説明)
•絵日記サイト完成
•アップロード方法(説明)
目次へ
ブログとHTMLの違い
サイト開設者
•
EditorでHTML文書を書く
→
保存
•
HTML-Editorで書く
→
保存
•
ワープロソフトで書く
•
プレゼンテーションソフトで書く→ 保存 → 変換
•
表計算ソフトで書く
•
CMSで書く
•
→
→
保存 → 変換
保存 → 変換
ブログやSNSやWikiで直接書く
Web上で書く
目次へ
ブログ・SNS
1.
安全なサイトから選ぶ
1. ブログ
例： Hatenaダイア
リー Blogger
Yahoo!ブログ
twitter
2. SNS
例： mixi Facebook
Myspace (音楽
系)
2.
申し込み：メールで確
認、開設
3.
管理や設定でプロ
フィール設定
4.
日記を書く ・投稿する
5.
コメント、トラックバック
に返信、スパム管理
目次へ
Hatenaダイアリーで試してみよう
1. Hatenaダイアリー(リンク)に行く
２．必要事項
を記入
目次へ
Hatenaダイアリーで試してみよう
3. 登録終了後、Hatenaダイアリーにログインする
4. ブログトップをクリックする
目次へ
Hatenaダイアリーで試してみよう
5. 管理画面でデザインを選んだり
6. プロフィールを書きます
7. 記事を書きます 見本:artnaviの日記
目次へ
Bloggerで試そう
1. Blogger(link)に入り
ます
• Googleアカウントに入ります
目次へ
Bloggerで試そう
取得後Bloggerに入りま
す
• レイアウトやテンプレートで
カスタマイズします
ブログを表示してみましょう(例:心眼)
目次へ
元ファイル作成方法：
図ペイントで描く
スタート（Windowsキー）
プログラム(pキー)
アクセサリー
ペイント
YouTube復習(7分54秒から)
目次へ
ペイント キャンバスサイズ、円の書き方
キャンパス色とサイズ
円や四角等の書きかた
YouTube復習(11分14秒から)
目次へ
ペイント スプレーとバケツ
スプレー
バケツ
円と色
目次へ
ペイント 保存
ファイル
別名保存
保存場所
デスクトップ
自分のフォルダ
zuのフォルダ
ファイル種類
すべてにして
拡張子jpg
！bmpではない
動画等様々な「作り方」はArtNaviの「インターネットプレゼンテーション入門」を
目次へ
デジタル写真撮影
•
ファイル形式はJPEGか
TIFF→コンピュタも扱う
1. 撮影
2. つなぐか、メール添付
3. 画像処理ソフトでWeb
用に編集：Windowsに
は「ペイント」あり
スタート→「ペイン
ト」→起動→
 画像フォルダの画像
を「ペイント」にドラッ
グアンドドロップ
 トリミング→サイズ変
更
1.
4.
5.
半角英数でファイル名
をWebページのフォル
ダに保存
埋め込みかリンク
YouTube 復習(8分46秒から)
目次へ
デジタル写真撮影
２
3.
画像フォルダの画
像を「ペイント」にド
ラッグアンドドロッ
プ
トリミング
4.
サイズ変更
3
2.
4.
半角英数でファイル
名をWebページのフォ
ルダに保存
1. ファイル
2. 名前をつけて保存
3. 例： sakura01.jpg
5.
Webページに埋め込
みか、リンクする
4
目次へ
静止画像作成、埋め込み詳細
ArtNavi1 → ユーザビリティ → Webサイト作成→ HTMLファイル
作成 → 図の埋め込み
を参照
• 静止画の作成 (YouTube復習:7分54秒)
• ペイントソフト (YouTube復習:11分14秒)
• ドローソフト
• カメラで撮影
• OCRで読み込む
• パソコン画面を複写
目次へ
元ファイル作成方法：
音ファイル
Google→ artnavi1 → 芸術工房 → 音楽 →
• 「作ろう♪インターネットで芸術音楽を」
• 録音と音の編集
• ＭＭＬで作曲
• MIDIで作曲
• テキスト→音声ファイル作成
目次へ
テキスト→音声ファイル作成
文字を入れて音声に変換する
ソフト利用
1. Softalkや「棒読みちゃん」を
ダウンロード→解凍
2. 起動
3. テキストを書く
4.
録音ボタンを押す
5.
保存する→フォルダを指定
→ 名前を入れる→ 実行→
変換される
(自習)
1
2
3) 何か書く
4) 録音ボタンを押す
目次へ
テキスト→音声ファイル作成
(自習)
1
WavファイルをMp3にする
方法
1. 「えこでこツール」をダ
ウンロード→解凍
2. 起動
3. Wavファイルをドラッグ
アンドドロップ→出力を
mp3にする→変換
4. 保存
2
←3
目次へ
音声・動画の埋め込み方
ArtNavi1 → ユーザビリティ → Webサイト作成→ HTMLファイル
作成 → 音・動画の埋め込みを参照
・リンク再生
・音(MIDI)埋め込み
・音(MP3)埋め込み
・動画の埋め込み
・動画(RealMedia)埋め込み
・動画(Flash)埋め込み
・動画(YouTube)埋め込み
目次へ
アップロードする
1. メールアドレスが必要
2. 安全な無料サイトから選ぶ
– Yahoo Geocities
Google apps等
3. 申し込み、メールで確認、開設
4. 管理や設定でプロフィール設定
5. ファイル転送 FFFTPなどのソフトで転送
目次へ
分かりやすいホームページ
• ターゲットを絞る
– 日常日記だけ
– 多趣味でも１つの趣味だけ
• ほかの趣味は、それぞれ違うサイトに
• 1ページに詰め込まない
– ALTAIR(link)で朗読してもらって5分以内
授業終了：ご不明な点はartnvi8200＠yahoo.co.jp