沖縄ホームページ制作

というぐらい簡単にできるホームページ講座！



はい、次はロールオーバーです。

ロールオーバー？

プログラミングではロールオーバースクリプトということですが、まぁ、そんな事はしらなくてもできればＯＫです。（笑）

左にあるロールオーバーを選択。

こんな画面になります。



画像を参照しましょう。。



どんなオーバーにするかを左のボタンより選択。



次はその画像にＵＲＬをつける。

これはボタンを押したときに飛ぶ先です。

下には別画面で飛ぶ様に設定したり同じ画面で開くように設定したりもできます。

ま、あまり使いませんが、同じ画面で開くとユーザーがパソコンの戻るボタンで戻らないとならないので「別画面」にした方が良い場合もあります。

別画面で戻るときのソース。
画像ファイル名がa1.jpgであれば。。。。
<img src="a1.jpg" target="blank">
imgはイメージ（画像です）　srcは読み込みの呪文ですね。　必ず「”」が付きます。　
target="blank"は別画面で表示させたいときにこの「＜」の中に入れます。

ちなみに「＜」は開始タグ。「/＞」は終了タグといいます。


というソースになります。このソースを自動で書いてくれるのがビルダーなんですね。。
リンクは というので両端を囲えばリンクになります。

こんなのがわかりやすいかな？

サンプル用に。。。



>>サンプルページです。。  

次はデジカメ写真の挿入です。他はまず使わないのですが一応、これぐらいは覚えておきましょう。
何故ならば、他の画像編集ソフトでも応用が利くからです。

素材・ファイルと出ます。これは前回と同じです。で、新しいのが下にある回転ですね。



続いて。。。

私は素材のコアラ画像を選んでみました。


次は画像の大きさです。上から選んでみるとだいたいの大きさがわかります。
一番下にあるのは大きさを任意で変更できるものです。


次は画像に軽く編集するんです。。。チェックボックスにマークを入れたり外したりしてみるとわかりますよ。
よくわからない時は自分の眼鏡が汚れているか視力が悪いかでしょう。（笑）←ありがちです。（汗）

関係ない話ですが、先日、コンタクトを１年ぶりでつけたらまったく見えませんでした。（汗）

さて、時間がないので巻いていきましょう。。



次は額縁みたいなものがつけられる。
いらない場合は「なし」を選んでください。




これも・・・ほとんど使いませんね。

実際によく使うのはフォトショップというソフトなんですが１０万ぐらいするので一般ではまず購入しないでしょう。しかし、映像系やＷＥＢデザイン系へ就職を考えるとできないと話になりません。

なので、これも無料（タダ）で教えましょう。
じゃあソフトは？？って思うよね。

体験版で行きましょう！（笑）重要な事だけなら１ヶ月あれば覚えられますよ。

さて、仕事に戻ります。




日本情報技術株式会社
http://www.japan-it.co.jp

株式会社ティーディーアイーアール
http://www.tdir.co.jp

沖縄移住支援センター
http://www.ryuukyuu.com  

読者登録してくださっている方。誠にありがとうございます！
本日は９番目さんですね。ありがとうございます。
読者登録、まずは１００人目指して頑張ります！




さてホームページ講座の続きです！

ホームページビルダー画面左にあるロゴの挿入でロゴが作れます。ここで注意しなければならないのがこのロゴで作ったものにファイル名を付けて保存するのですが同じ「ロゴを作る」から同じ様に作った場合にファイル名を変更しないと上書きされてしまいます。

ま、適当に何か作ってみてください。作るといっても文字を書くだけですが。（汗）

次に下方にある画像ファイルの挿入！

ホームページに画像を入れることができます。クリックすると２つでますよね。「素材」と「ファイル」

素材を選ぶとホームページビルダー（ビルダー）に素材として準備してあるものを使うことができます。







適当に並べてみました。↓


「ファイル」を選ぶと自分のパソコン（ＰＣ：ローカル）にある画像データを使うことができます。

ちなみに、適当に画像を選んで貼り付けるとこんな感じです。　

>>サンンプルページ


下にある壁紙の挿入も同じです。。。。壁紙というのは背景です。背景＝Backglaund（バックグラウンド）


ここまでＯＫかな？？



日本情報技術株式会社
http://www.japan-it.co.jp

沖縄の裏情報や移住者の生の声が聞ける完全無料コミュニティー




沖縄移住支援センター
http://www.ryuukyuu.com  

皆さんホームページビルダーはインストールしましたか？？

インストールして立ち上げるとこんな画面がでてきます。



まずは左下のサイトを制作するからやりましょう。

続いて

新規でつくるのですが上にある「index.html」というのはトップページを意味します。
トップページである限り、このファイル名は「index.html」となります。
ちなみに、ホームページのすべてのトップページ、つまりフォルダーにあるトップページもindex.htmlとなります。

ん～難しいな。。。（汗）

いえいえ、今は聞いたことがあるなぐらいでOKです。
それでも大丈夫。。（笑）

下にあるのは保存先のフォルダーを指示しています。つまりあなたがどこにホームページを保存するかです。わからない方はそのまま「OK]を押してください。




さぁ～てぇ。

次はこんな画面。

まずはやさしいやり方からなのでこの画像と同じものを選んでください。
どこでも配置モードで簡単にいきましょう。。



こんな画面が出てびっくり！！

いえいえ。安心下さい。

人生と一緒、よくわからなかったら断りましょう。（笑）

「いいえ」を選んでね。


この様な画面がでます。まずは適当にいじってみてください。へぇ～こんなことができるんだ！
そんな感じで興味を持つことが大切です。
興味を持つと人は脳からホルモンを分泌し脳に記憶させようとするんですよ。。
へぇ～と思ったあなたは今まさにその瞬間です★



文字を書くには左の文字を書くボタンをクリックです。
そうするとこんな感じでかけます。

まずは文字を書く。



次は文字に色を付けます。
ポイントは色をつける場合は書いた文字の後ろが黒くなっている事！つまりそこが指定している場所ということです。次は右上のパレットから色を選んでみましょう★

隣のA↑　A↓マーク。これは文字を大きくする時に使います。そのまた隣、「Ｉマーク」はイタリック。斜めにする道具です。「Ｂマーク］はボルドーです。太文字です。あとはワードやエクセル同様ですね。左に寄せたり右に寄せたりするマーク。一通り使ってみてくださいね☆

ちなみに、中央はcenter左はleft右はright"ですよね。

このホームページビルダーは代わりにこの様なソースを自動で書いてくれています。興味のある方は右上の「表示」→「編集スタイルの切り替え」→「スタンダード」にして画面の内側のhtmlソース」をクリックしてみてください。

これでなんとなくホームページビルダーが理解してきましたよね？？