==教えることは自分育て==

アニメーションGIF


ブログは動画(ドガログ)以外では、JPGかGIF画像しかUPできません。
簡単な動きを与えたい時は、アニメーションGIFが便利ですね。
ホープページ・ビルダーのウェブアニメーターの機能を使うと簡単にできます。

b0018441_1746894.jpg


ビルダーを立ち上げる→HPビルダーへようこそ→【スタンダード】→OK。

(画像は拡大します)


b0018441_17451147.jpg


【ツール】→【ウェブアニメーターの起動】→【スタートアップのアニメーションウィザード】をクリック→【複数の画像ファイルを使用してアニメーションを作成】をクリック→ファイルの指定が開く→【画像の追加】から1枚づつ画像を選択→次へ

b0018441_17562079.jpg


フレーム位置の指定が開く→中央に配置→次へ
繰り返し/表示時間の指定が開く→各設定をして→次へ
アニメーションのプレビュー→完了。

ファイル→名前を付けて保存→
いつもブログの素材を保存するフォルダ→保存。

【注意】
1) アニメーションGIFは縮小すると動かなくなります。
   最初に縮小した写真をご用意ください。
2) 画像のUPは500KBまで。
   下の10枚の篠栗のアニメーションで500KBぎりぎりです。
   目安にしてください。
     http://otomi2.exblog.jp/6138641/

簡単ですよ。ビルダーをお持ちの方はお試し下さい。
[PR]
# by otomi7771 | 2007-06-10 11:07 | ├アニメーション |TOPに戻る
アニメーションの素材
そろそろ卒業課題を考えられていると思います。
1)アニメーションの素材選びと、背景の画像がどのくらいマッチするか。
2)マーキーの位置、あるいはいろいろな動き。
等がポイントになると思います。

皆さん、お気に入りの素材やさんがあると思いますが、一応紹介いたします。(←実は私はめったに利用しません。だから垢抜けないのだと思います。)











[PR]
# by otomi7771 | 2007-06-10 10:06 | └アニメ素材 |TOPに戻る
RSS機能
まずは下のエキブロのサイト「RSSを使いこなそう」をご覧下さい。
http://media.excite.co.jp/blog/guide/ekinyu/kiso08.html

そもそもRSSとは、ウェブサイトの記事の見出しや概要を配信するための技術のことです。これを利用すると短時間で更新状況が把握できて便利です。外部のブログやRSSの機能を使用しているサイトを登録する手順が載ってましたね。

ご自分のブログTOP→TOP→上のメニューバー【RSS】をクリックすると、自分がエキサイトリンクをかけたブログの更新状況が一覧できますよ~という機能です。

エキブロ同士の場合

上のサイトでよくわかるように、エキサイトリンクをかける=RSSに登録済みということですから、新たに登録する必要はありません

外部(エキサイト以外のRSS)に登録する場合

必要なURLは、エキサイトの場合、ブログTOPのサイドメニューの一番下にXML|ATOM があります。その左のXMLをクリック→その頁のURLをコピーして貼り付ければいいと言うわけです。

『otomiの徒然なるままに』の場合、http://otomi2.exblog.jp/index.xml となります。

MIXIというSNSに入会している方で、日記がわりにエキサイトブログを代用したいと言う方は、このURLを登録すればいいですよ~。
下のように、表示されます。
b0063421_1595294.jpg

★外部のブログは、登録したいサイトのRSSフィードのURL(.xmlまたは.rdfで終わるURL)をコピー&ペーストしましょう。
[PR]
# by otomi7771 | 2007-06-09 21:48 | ├RSS機能 |TOPに戻る
ネームカードの作り方
ネームカードとは、ネット上に自己紹介用ページをつくる機能です。そのページを名刺のようにして「マイブログ」・HPに貼ることができます。
1)フォーラム参加 … 「ネームカード」上に同じキーワードをもつ人たちの集まる場に参加できる。
2)名刺交換 ……… 気の合いそうな人には名刺交換を申し込むことができ、メールアドレスを教える必要はなく、「ネームカード」上の私書箱でやりとりできる。                   
3)アクセス解析 …… アクセスを増やすための対策を立てられる。
4)一番のメリット …… 容量が1GbにUPすること。

ネームカードの作り方は、エキサイトのヘルプ(←クリック)をご覧下さい。

【注意】但し、一つのアドレスで登録は一つだけ。沢山エキサイトブログを作ってい方は、メインのブログを登録ください。

ほかのアドレスでしたら、登録はOKです。
[PR]
# by otomi7771 | 2007-06-08 17:06 | ├ネームカード |TOPに戻る
フラッシュの名刺がリリース。
フラッシュ名刺が追加リリースされました。

従来の名刺(ネームカード)は画像名刺。これにフラッシュが貼れる様になりました。
貼り方は、エキサイトのヘルプをどうぞ。

スライドショーが貼れます。このための布石だったのでしょうか??

ネームカードの名刺の設定→フラッシュ名刺スキン選択→スライドスキンから好きなのを選ぶ→最後に4の【設定】をクリックです。

【注意】フラッシュですから、AdobeFlashPlayer9をダウンロードする必要があります。
    標準で装備されている方は、OKですよ。

★このスライドショーの作り方は、右の記事をご参照ください。→ここをクリック。
[PR]
# by otomi7771 | 2007-06-07 18:58 | ├ネームカード |TOPに戻る
「ブログでCSS]講座のご準備
講座用のブログ(スキンはナチュラル)のご準備はできましたでしょうか?
どうぞよろしくお願いいたします。

スキン編集にあたって、エキサイトから以下のヘルプが提供されています。
  ・スキン編集ヘルプ
  ・エキサイトブログタグヘルプ

今回のコンセプト
・まず自分で考える
・デフォルトの形を覚える
・わからない時はソースをよく見る
是非講座の前にご一読ください。
3年前はちんぷんかんぷんでした。
CSSの勉強後はなんとかわかります。

簡単ブログ・・・されどHP。
奥は深いですね。

hp
[PR]
# by otomi7771 | 2007-06-07 10:28 |TOPに戻る
スライドショー
スライドショーの機能が追加されました。
1)ネームカードのオリジナル機能です。今のところスライドショーは1回限定。
2)写真は最大10枚まで。写真ごとに1~10秒の表示時間を設定できます。
3)作ったスライドショーは、自動的にブログに貼り付けられます。
4)480×360px(512KB未満)に縮小した画像を用意する。JPG、GIFのほかPINGにも対応しています。

【注意】ネームカードが登録されていないと、この機能は使えません。

ブログにログインした上で、サイドバーのネームカードをクリック。
ネームカードTOPの左メニューから、スライドショーを選びましょう。
番号順に設定してください。
b0063421_705742.jpg

b0063421_647497.jpg

[PR]
# by otomi7771 | 2007-06-06 17:50 | ├スライドショー |TOPに戻る
新機能つぶろぐ
サイドバーに貼る「つぶろぐ」がリリースされました。
まぁ、次から次へ新機能が提供されますね~。

まず、エキサイトのヘルプをお読み下さい。

試しに一つ投稿してみてくださいね。
[PR]
# by otomi7771 | 2007-06-04 19:56 | ├つぶろぐ |TOPに戻る
画像URLで投稿
すでに、どこかにUP済みの画像をエキサイトブログに貼る場合は、「画像URL」を活用しましょう。

篠栗霊場巡り

上の写真は、以前貼り付けていた私のHP「勿忘草」のTOP画像です。
これをブログに貼る時は、

 「勿忘草」のTOP画像の上で右クリック→プロパティ→アドレス(URL)→コピー。

b0018441_20512032.jpg(投稿の)をクリック。


 画像URLを選択。 
b0018441_22292128.jpg
 URLを貼り付け→送信。 
 
b0018441_22405621.jpg

 投稿欄の内容には下のようにタグが記述されています。

b0018441_22343829.jpg


【注意】チェックは中央に付いてますが、このままですと左寄せになります。ご承知のように、左寄せは3/4の幅に縮小されますので、<center></center>で挟んで、中央揃いにしましょう。 これは、エキサイトのバグですね、きっと。
[PR]
# by otomi7771 | 2007-05-21 10:31 | ├画像URLで投稿 |TOPに戻る
サイドメニューのスクロールバー
さて、カスタマイスで一番難問のサイドメニューのスクロールバーになりました。
メモ帳もサイドメニューの一つですから、当然スクロールバーがつきます。
overflow:auto の意味は、テキストをご覧下さい。

<HTML編集>

<DIV CLASS=scroll MNBODY><$mnbody$></DIV>

<CSS編集>

div.scroll{ width: 160px;height:270px; overflow:auto;}

特にスクロールバーは、ご使用スキンのサイドバーのサイズにより、微調整が必要になってきます。メモ帳が一括で纏まってスクロールバーが付くのが残念ですね。これがを解消するには、HTML編集を使う必要があり、講座では対応できません。申し訳ありません。
[PR]
# by otomi7771 | 2007-05-13 23:26 | ├スクロールバー |TOPに戻る