★　ZERO　★のブログ一覧

　
HP作成ソフトはたいていワープロ感覚ですが、iWebはドローソフト感覚ですね。

まず、テーマを選びます。
これはテンプレートなんですが、色々といじった後でテーマを変更するといじった箇所は無視されてしまうので注意が必要。
最初の横幅は狭いのでページインスペクタのレイアウトで1000pxに拡大。
写真は1024x683pxですが、閲覧側の標準モニタサイズを1024x768（XGA）とするならウィンドウ枠やスクロールバーも若干考慮して1000pxにしました。

Eee-PC1000HA（変則で1024x600）で見たら横幅は良いけど、上下は微妙にスクロールが必要。
たぶん純粋なXGAサイズなら問題ないだろうとそのままデス。
テーマで写真アルバムパーツ、テキストボックスパーツ、タイトルパーツ、区切り線パーツが配置されてますが自由にレイアウト変更が出来ます。
写真アルバムパーツを一番上に持っていき、テキストパーツは下の方に。
テキストパーツには影付の四角枠を背面に配置。
アクセスカウンターはちょっとクセがあります。
カウンター初期値（変更なんか全然出来ない）は二桁なんですが、アクセスが増えて桁が増えると自動的に右側に伸びていきます。
ところが右端に配置すると・・移動されずに改行されるので見苦しいです。
桁が増える都度、左側にずらしても良いのですが、最初から左端に配置しましょう。

横幅を拡大したので一枚表示だと若干オリジナルサイズよりも小さいくらいでウィンドウズ機で見ても問題ない。
でも、スライドショーで表示される写真はかなり小さいです、残念ながら変更不可。
スライドショーはオプションでフルスクリーン表示がありますが・・・・これは大きなモニタの場合に写真を大きくでなく、小さめなモニタで写真がはみ出る場合の処置だとおもわれます？


ざっと使った感じではツボさえ押さえれば「Adobe GoLive CS」なんかよりも全然使いやすいですね。
ただし、JAVAスクリプトやらなんやらモバイルミー独自の機能？を使っているような雰囲気もあるから、ヘタにソースなどはいぢらないほうが吉かもです。
この辺は割り切って「Adobe GoLive CS」で作ったHPはモバイルミー公開フォルダでなくドットマック公開フォルダに置いてリンクさせたほうが無難そうです。

　
これは、完全にモバイルミーと連携して使うソフトですね。
モバイルミーはアップルが提供している有料サーバーサービス。

たぶん、このソフト単体ではホームページ作れないんぢゃないかな？
あっ、申し遅れましたが、「iWeb」ってアップル製のホームページ作成ソフトです。
ホームページ作成して保存すると・・・・保存場所を聞いてこない。
でも、保存動作は進行します。
きっとモバイルミーに保存してるんだと思う。

ワタシの場合はほとんどがPHOTOアルバムなんだけど、今までは「JALBUM」を使っていました。
アクセスカウンターは「ドットマック」（モバイルミーの前身）でサイトを作って拝借、手動でアルバムに貼り込んでたんですね。
ドットマックでもPHOTOアルバム作れましたが、なーんかイマイチなんですよ。
サムネイルが消えてしまったり、アルバムにアクセスできなくなり修正できなくなったりとか？　ね。

なんか融通が利かないなと思って使い始めたけど、ある程度わかってきたら・・・、かえってシンプルなだけに割り切ればかなり使えそうな雰囲気です。

モバイルミーになる前のドットマックで作るホームページよりははるかにマシです。

　
サンプルで　「ブログに複数の画像を貼り込む方法　その１」　の編集本文を・・・

********************************************************************************************************
普通は、一枚しか貼り込めない画像をブログ本文にいっぱい貼ってみましょう。
それもみんカラアップ画像と同じスタイルで・・・、つまりクリックすると別ウィンドウに画像が表示され、しかもその画像をクリックするとウィンドウが閉じるようにです。
ただし、手動でHTMLタグを編集するので・・・・ヘタするとブログ全体のレイアウトが崩れたりする危険性があります。
そのへんを十分ご理解いただける方だけ・・・試してみてください。

方法は色々とあります、まず貼り込みたい画像をどこに置くかなんですよね。
みんカラに置くなら、それ用のフォトギャラリーか掲示板になるんだけど・・・ね。
そうするとブログ以外からも画像が見えちゃうし、更新のシルシがついたりするので・・・・。
スマートにやるなら「下書きブログ」に置いちゃうとグーなんですよ。

下書きなので、自分にしか見えません・・・だけど、貼り込みたい画像の数だけ見えないブログが増えていきます。



まず、画像を投稿します。
<div align="center"><a href="https://minkara.carview.co.jp/image.aspx?src=http%3a%2f%2fimg01.carview.co.jp%2fminkara%2fblog%2f000%2f014%2f642%2f989%2f14642989%2fP1.jpg" target="_blank"><img src="https://cdn.snsimg.carview.co.jp/minkara/blog/000/014/642/989/14642989/p1.jpg" alt="" width="480" border="1"></a></div>
このように、タイトルと本文には何か書いて「下書きとして保存」有効チェックボックスオンで画像を　<span style='font-size:30px;line-height:130%;'><b>必ず投稿</b></span>　します。
確認画面でも投稿画像が見えますが一時的で消えちゃいますからね。


次に投稿した画像を別ウィンドウに表示させます。
<div align="center"><a href="https://minkara.carview.co.jp/image.aspx?src=http%3a%2f%2fimg01.carview.co.jp%2fminkara%2fblog%2f000%2f014%2f643%2f246%2f14643246%2fP1.jpg" target="_blank"><img src="https://cdn.snsimg.carview.co.jp/minkara/blog/000/014/643/246/14643246/p1.jpg" alt="" width="480" border="1"></a></div>
そして・・・
これから手動の作業になっていきます。

使うのはこの画像が表示されたウィンドウのURLと画像そのもののURLです。

　１．画像ウィンドウURL
　２．画像本体URL

この二つのURLを手動で編集してブログに貼り込んでいきます。
編集するのはメモ帳でもワープロでも良いですが、ツウはエディタというモノをつかうんですよ。
とりあえず　「ブログ編集メモ」　ってタイトルで文書作ってください。

まず、画像ウィンドウのURLは表示されてますから、URLをコピーペースト。
画像本体URLは画像を右クリックして、
<div align="center"><a href="https://minkara.carview.co.jp/image.aspx?src=http%3a%2f%2fimg01.carview.co.jp%2fminkara%2fblog%2f000%2f014%2f643%2f663%2f14643663%2fP1.jpg" target="_blank"><img src="https://cdn.snsimg.carview.co.jp/minkara/blog/000/014/643/663/14643663/p1.jpg" alt="" width="480" border="1"></a></div>
「イメージのアドレスをコピー」をクリックして「ブログ編集メモ」にペースト。
これはマックOSXサファリの画面ですがウィンドウズでも同じように表示されます。

ここまできたら、こんどはHTMLタグの手動編集になります。
二つのURLをコピーペーストした「ブログ編集メモ」での作業です。


　　　　　<a href='https://minkara.carview.co.jp/userid/335607/blog/14644277/' target='_blank'>続きます。</a>

********************************************************************************************************
　↑
こんな風になります。
これを「ブログ編集メモ」で書いてブログ編集画面にコピーペーストしています。












　

　
画像を指定幅（ピクセル）で中央に表示させて、その画像をクリックすると指定したサイト（URL）を新規（別）ウィンドウで開くと言うHTMLタグがあります。
　↓
<div align="center"><a href="●●●" target="_blank"><img src="■■■" alt="" width="▲▲▲" border="0"></a></div>

これは「センタリング」された画像■■■をクリックすると新規ウィンドウで●●●（URL）を開きますと言うタグです。
▲▲▲は表示させる画像の横幅を「480」とかの数字（ピクセル数）で指定します。

分かりやすく書くと
<div align="center"><a href="　１．画像ウィンドウURL　" target="_blank"><img src="　２．画像本体URL　" alt="" width="▲▲▲" border="0"></a></div>

となります。
「１．画像ウィンドウURL」　と　「２．画像本体URL」　を間違わないでください。
ボクは画像の指定幅▲▲▲を480ピクセルにしています。
これが空欄だと実画像サイズとなります、普通は大きい画像を投稿しますから自分のブログ本文の横幅で調整しください。

あとはこのHTMLタグをブログ本文にコピーペーストするだけです。
例えばサンプルだとこうなります、
　↓
<div align="center"><a href="https://minkara.carview.co.jp/image.aspx?src=http%3a%2f%2fimg01.carview.co.jp%2fminkara%2fblog%2f000%2f014%2f643%2f663%2f14643663%2fP1.jpg" target="_blank"><img src="https://cdn.snsimg.carview.co.jp/minkara/blog/000/014/643/663/14643663/p1.jpg" alt="" width="480" border="1"></a></div>



HTMLタグってのは書式が決まっています、少しでも欠けたり、改行が入っただけでも場合によってはブログ全体のレイアウトが崩れますので　「初心者」　の方にはあまりすすめられません。

このタグですが、みんカラの「リッチ編集」と相性が悪いです。
最後の</div>と言うタグが消えてしまい、ボクのブログではレイアウトが崩れました。
「リッチ編集」からだけでやった方が無難かも知れません。
その時は
１．画像ウィンドウURL　→　リンクURL
２．画像本体URL　→　画像URL
となります。


この方法で何枚でもブログ本文内にみんカラスタイルで画像を貼り込めます。
みんカラサイドもこのやり方（下書きブログを使う）に問題はないとのことです、画像ウィンドウには広告が表示されますから、大いに推奨したいところでしょう。

ボクはみんカラ投稿画像サイズ制限から、自分のサーバーに画像を置いてます。
HP作成ソフトで「画像をクリックしたらウィンドウを閉じる」というJAVAスクリプトを使ったテンプレートを作り、それにコピーペーストです。

　
普通は、一枚しか貼り込めない画像をブログ本文にいっぱい貼ってみましょう。
それもみんカラアップ画像と同じスタイルで・・・、つまりクリックすると別ウィンドウに画像が表示され、しかもその画像をクリックするとウィンドウが閉じるようにです。
ただし、手動でHTMLタグを編集するので・・・・ヘタするとブログ全体のレイアウトが崩れたりする危険性があります。
そのへんを十分ご理解いただける方だけ・・・試してみてください。

方法は色々とあります、まず貼り込みたい画像をどこに置くかなんですよね。
みんカラに置くなら、それ用のフォトギャラリーか掲示板になるんだけど・・・ね。
そうするとブログ以外からも画像が見えちゃうし、更新のシルシがついたりするので・・・・。
スマートにやるなら「下書きブログ」に置いちゃうとグーなんですよ。

下書きなので、自分にしか見えません・・・だけど、貼り込みたい画像の数だけ見えないブログが増えていきます。



まず、画像を投稿します。

このように、タイトルと本文には何か書いて「下書きとして保存」有効チェックボックスオンで画像を　必ず投稿　します。
確認画面でも投稿画像が見えますが一時的で消えちゃいますからね。


次に投稿した画像を別ウィンドウに表示させます。

そして・・・
これから手動の作業になっていきます。

使うのはこの画像が表示されたウィンドウのURLと画像そのもののURLです。

　１．画像ウィンドウURL
　２．画像本体URL

この二つのURLを手動で編集してブログに貼り込んでいきます。
編集するのはメモ帳でもワープロでも良いですが、ツウはエディタというモノをつかうんですよ。
とりあえず　「ブログ編集メモ」　ってタイトルで文書作ってください。

まず、画像ウィンドウのURLは表示されてますから、URLをコピーペースト。
画像本体URLは画像を右クリックして、

「イメージのアドレスをコピー」をクリックして「ブログ編集メモ」にペースト。
これはマックOSXサファリの画面ですがウィンドウズでも同じように表示されます。

ここまできたら、こんどはHTMLタグの手動編集になります。
二つのURLをコピーペーストした「ブログ編集メモ」での作業です。


　　　　　続きます。