９：２０～１２：２０
出席： １７/２２名
担当： 西川・竹之内
【講座内容】
① ログイン→テンプレート→「スタイルシート」を開いておく
② 背景に使う画像をアップロードする
・「/から画像の拡張子」までをコピーする
③ スタイルシートに戻り
・/＊背景と配置＊/
backrground-image url("～");「～」部分を削除し貼り付ける
・/＊バナー設定＊/
backrground-color：の後に「ｎｏｎｅ；」を入力 /＊＃ＦＦＦＦＦＦ＊/と
「/＊～＊/」で囲んでメモとして残しておくと簡単に元に戻せる
・以下同様に
「３列サイドバー」「３列右サイドバー」「メイン本文」に同じ設定をして
・保存と再構築をする
④ サイトを確認
・背景画像が全体に表示される
⑤エントリー画像にマウスを重ねると画像が替わる様にする
・最初に表示する画像（Ａ）をアップロードする
・ポイントは同じサイズの画像を使う事
・ファイルのアップロード→HTMLを表示
・「/から画像の拡張子」までをコピーする
⑥エントリーの投稿画面に戻る
・画像ボタン→画像の登録の
① 全般→urlに貼り付ける（Ａ）→画像の説明（入力が無いと確認画面が出る）
② 詳細→□画像の交換を有効にするにチェックを入れる
③ 「マウスが移動したとき」に貼り付ける（Ａ）
④ 挿入→画像の表示
⑦マウスを乗せた時に表示される画像（Ｂ）をアップロードする
・操作は１枚目と同じ
・エントリー投稿画面の画像をクリックし
・画像ボタンをクリック→urｌが入った画像の登録画面が表示される
・詳細→「マウスが重なった時」に貼り付ける（Ｂ）
・更新（挿入となっていたら最初の画像登録で「詳細」の入力をしていないから）
⑧保存→「サイトを確認」で画像の替わるのを確認する
９：２０～１２：２０
出席： ２０/２２名
担当： 西川・竹之内
【講座内容】
① エントリーの投稿画面とWEB画面との違い
・HTML表示にして余分なタグを削除し修正
・文字の回りこみを修正する
①段落挿入で調整する
②タグを追記して修正する＜br clear="all"＞
② 文字ばかりのエントリーに画像を挿入する
・ファイルのアップロード→マイドキュメント→「XXフォルダ」にある
画像を指定する→「アップロード・パスを設定」
・パス名を入力「img」→アップロード
・「エントリーを投稿」と「HTMLを表示」の違いを再説明
・「この画像のサムネイルを作る」ってどう言う事なのか
・「埋め込み」をクリック
③ このHTMLをコピーして・・・な画面構成を理解する
㋐ ＜a href="http:・・・/＞・・・＜/a＞の部分とその中にある
㋑ ＜img src="http://・・8080/kayo・・/aaa.jpg" ・・heigth="160"/＞
・ ㋐ 元画像のある場所 ㋑ はサムネイル画像のある場所
・ ㋐ の８０８０の後「／kayo・・・/aaa.jpg」 までを選択→コピー
④ エントリー画面に戻り画像を表示させたい位置にカーソルを立て
・「画像」ボタンをクリック
・全般のURLに貼り付け→「画像の説明」にカーソルを立てると
・プレビューに画像が表示される
・画像の説明は→Web上で画像をポイントすると表示される文字
・表示→表示位置で「左に揃える」で文字が画像の右側に回り込む
・「水平方向の余白」で文字と画像の間に余白を設定出来る
・更新
⑤ 下の部分までもが上がってきたらどちら火の方法で修正
・Enterで改行して空白行を挿入して調整する
・タグを追記して修正する
⑥ 「風と樹と空と」で検索
・背景画の保存
９：２０～１２：２０
出席： １６/２２名
担当： 西川・竹之内
【講座内容】
① 画像のリサイズ
・800×600ではアップロードが出来ないので
・リサイズ画像を削除
・640×480 に再度リサイズする
② 新規エントリー画面から
・ファイルのアップロード→参照→画像フォルダを指定
・画像ファイルを指定→開く→参照画面に戻る
・下にある「アップロード・パスを設定」をクリック
・右のボックスに「img」と入力→「アップロード」をクリック
③ ファイルのアップロード画面
・「エントリー＾を投稿」は其の侭画像の新規エントリーが作成される
・今回の画像のサイズは「640×480」
・ブログ本文の幅が「448」なので「HTMLを表示」を選択
・「この画像のサムネイルを作る」にチェックを入れ
・「縦横比を固定する」にチェックが入っている事を確認し
・幅を「300」にして高さをクリックすると自動的にサイズが変る
・「埋め込み」をクリック
④ 「このHTMLをコピーして・・・」の画面に換わる
・＜a href="http:/・・8080/kayo・・・・・s-moto.jpg.jbg"・・・＞
＜img alt="s‐moto・・・"
src="http://・・・8080/kayo・・・thumbu.jbg"・・・＞
＜/a＞
・imgの中の「/kayo・・・thumbu.jbg」を選択してコピー
・「”」（ダブルクォーテーション）は含まない様に
・この画面は閉じないで其の侭下にある新規エントリーの画面をクリック
⑤ エントリー画面に戻って
・「画像」ボタン（アイコン）をクリック
・「画像の登録」画面（ダイアログ・ボックス）の「全般」にある
・URLに貼り付ける→「画像の説明」ボックスにカーソルを立てると
・プレビューに画像が表示される→「挿入」をクリック
・「画像の説明がありません」→「OK」→「エントリーに画像が表示される」
・画像を選択して→中央揃えボタン→保存
⑥ サイトを確認
・画像の上下に空きを設けたい
・画像だけに関してなら→画像を選択→画像ボタン
・表示→垂直方向の余白に「10」とかの値を入力→「更新」
・保存→サイトを確認→上下の余白を確認
⑦ 画像を選択→「ハイパーリンク」ボタンをクリック
・＜a href="http://www にある画像の拡張子の部分までを選択コピー
・「挿」→画像に枠が付く→保存
・サイトを確認→画像の上でクリック→大きい画像に替わる
⑧ 今回画像の上下に余白，中央揃えを設定
・その後で文字の左寄せを設定したので
・文字が画像の上になる→画像の余白部分いも字が入り込む
・左揃え，中央揃えが有効になってしまう不都合の修正は次回
９：２０～１２：２０
出席： １８/２２名
担当： 西川・竹之内
【講座内容】
① ブログログイン
・WYSIWYG編集画面を切り替える→タグの表示
・エントリー行間の修正をする
・余分な「＜p＞～＜/p＞」「＜br/＞」の削除と再構築
・サイトを確認
② Vixのダウンロード→解凍
・フォルダを各自の「blog」フォルダに保存
・圧縮フォルダをゴミ箱へ
・blog で使う画像サイズの説明
③ 壁紙村で検索
・バナーで使う物を含め５点ほどを
・フォルダを作成しその中へ保存する
④ Vix を起動
・保存したファイルを開く
・画像と一緒にどんな情報を表示させるか設定
・表示→「表示情報」から
・編集→全て選択→
連番にし名前の変更でファイル名を統一する
⑤ 画像のリサイズ
・フォルダ内の画像を纏めてリサイズする
・画像を全て選択→画像→総合変換
・総合変換の画面説明
※この画面には「適用」ボタンが無いので「出力」等の
各設定が全て終わった時点で「OK」をクリックする事
・リサイズした画像の保存先は
㋐ 指定先フォルダの最後部に「￥フォルダ名」で指定すると
フォルダを作成してその中に保存する
㋑ 先にフォルダを作っておいて「参照」から指定する
㋒ 元画像と同じ場所に名前を変えて保存する
・リサイズのサイズは指定するか，「定型」から指定する
・オプションでファイル名，連番の桁数等を設定できる
・「OK」で実行→Vixで確認
９：２０～１２：２０
出席： １９/２１名
担当： 西川・竹之内
【講座内容】
① Blogへログイン→新規エントリー
② テンプレートを開く
・これからの内容を説明
・バナー部分のサイズ確認とメモ書きの仕方 /* 文字を入力 */
・タイトル部分の文字色変更は「バナー設定」＃ｂａｎｎｅｒ ａ｛ 以下で
・文字種やサイズ変更は ＃ｂａｎｎｅｒ ｈ１｛ 以下へ
③ メモ帳へタグをコピー/貼り付け
・ワードを起動し→文字種をコピー/貼り付け
・メモ帳でタグを作り→コピー
・スタイルシトーへ貼り付ける
・文字の色を変更
・Ｗｅｂ色見本→カラー番号のコピーと貼り付け
・保存と再構築→サイトを確認
④ バナーの幅（ｗｉｄｔｈ）高さ（ｈｅｉｇｈｔ）を控えておく
⑤ 今日のまとめ
㋐ スタイルシートでは直接入力で書き込むのが基本
㋑ メモ書き等は日本語入力
㋒ 終わったら直接入力へ切り替える癖を付ける同じように入力した
積りで同じように見えてもプログラムは動かないので注意する事
⑥ エントリーの行間が思うようにコントロールできない問題はメイン本文
の行間調整を次回試したいがエントリー画面を切り替えて＜ｂ/＞を
削除し空白行をなくせば解決する。
９：２０～１２：２０
出席： １８/２１名
担当： 西川・竹之内
【講座内容】
① Ｂｌｏｇへログイン
・新規エントリー→保存→サイトを確認
・投稿したエントリーの編集
・エントリーの削除
①エントリーのチェックボックスににチェックを付ける
②削除→削除の確認→サイトの再構築
・ログインのアドレスをメモ帳にコピーする
・ブログのアドレスをコピーする
・インターネット→アドレスバーに貼り付けて確認する
・Ｃｔｒｌ＋Ｃ と Ｃｔｒｌ＋Ｖ でコピーと貼り付け
② 残暑お見舞いの作成
・Ｗｏｒｄを起動
・ファイル→ページ設定→余白と用紙の設定
・横向きで使う
・ワードアートを使ってタイトル文字を作成
・縦にして使う/横にして使う
・図の挿入→先週加工した画像を挿入する
・用紙いっぱいに拡大する
・図形の調整→順序→画像を最背面にする
・塗つぶしと線の設定変更と配置
・矢印キーを使ってワードアートを移動する
・名前を付けて保存する
③ ＵＳＢメモリへデータのコピー又は移動
・Ｆ土１名前のフォルダを右クリック→送るから
・ＵＳＢメモリとマイドキュメントフォルダを並べて表示
・ドラッグしてデータのコピー又は移動をする
・途中での解除は→Ｅｓｃキーを使う
９：２０～１２：２０
出席： １７/２１名
担当： 西川・竹之内
【講座内容】
① Blogへログイン
・文字入力を兼ねて新規エントリーの投稿
・保存→サイトの確認
② PCビギナーズ（８月号）P22～
・メール送信の設定変更→送信トレイにいったん置く
・Cc，Bccについて説明→お隣同士で送信確認
・OEの検索機能を使う
・メールを複数のフォルダに分けて受信する
・大切なメールにフラグを付ける
③ P102「ファンファンフィルター」を使う
・ベクターを開きお気に入りへ追加する
・「fun」で検索→ダウンロード→保存→解凍
④ インターネットから画像を各自のフォルダへ保存する
⑤ 画像を開き→フイルターで加工→別名で保存