...

ホームページ 作り

by user

on
Category: Documents
2

views

Report

Comments

Transcript

ホームページ 作り
第 5 回 子供パソコン教室
-@]L@D!zh_4!
さぁ、みんなで自分だけのオリジナル ホームページを作ろう
今回は、『IBMホームページ・ビルダー10』というソフトを使って、
ホームページを作成します。
まずは、下の手順でビルダーを起動させよう!!
スタート→プログラム→IBMホームページ・ビルダー10→ホームペー
ジ・ビルダー をクリック☆
さぁ、ビルダーの世界へ!
1 ページ
起動したら…
真ん中の『スタンダード』をクリックし、OKをクリック☆
次に、白紙のアイコンをクリック☆
すると……
次へ進もう。
2 ページ
こんな画面が出てきます。↓↓
モードは『どこでも配置モード』をクリックしOKをクリック。
3 ページ
このような画面が表示されたら、ホームページを作る扉は開かれた!
思う存分、自分らしさをアピールしよう!!
でも、その前に注意!!
~~~~~~~~~~~~~~~~
ちゃんと、タイトルバーに『どこでも配置モード』と表示されているかな?
ちゃんと『スタンダード』を選択しているかな??
以上を確認したら、次のステップへ進もう☆ミ
4 ページ
見出しの大きさを変えよう!
*A のアイコンが出ていなかったらココを押そう!
このAの部分のアイコンをクリックしよう。クリックをしたら、+の形にマウスが変わる
よ。そしたら、ドラッグをしよう。下のようなのが出てくるよ。
この上の枠が表示されたら、文字をその中に打ち込もう。そして、見出しをセットします。
*見出し1が一番大きくて、見出し6が一番小さいよ。
見出し1
見出し6
見出し1~見出し6までで好きなものを選んで見出しに設定しましょう。
そしたら、見出しの完成です。
5 ページ
文字を太くしたり、斜めにしたりしよう!
*太くしたいときには、Bをおして、斜めにしたいときは、そのとなり
のIをクリックしましょう。
文字の色を変えよう!
*カラーパレットが出ていなかったら
○のアイコンをクリックしよう。
そうすると、カラーパレットが表示されるよ。
カラーパレットが表示されたら、文字の色を変えよう。
まず、文字をドラッグして選択しよう。
そして、好きな色を○の中から選んで適用を押そう。
そうすると、字の色が変わるよ。
↑こんな感じになるよ!!
*他の文字も同じように替えられるよ。
6 ページ
○
背景設定をしよう○
まず、編集→背景/文字色の設定をクリック。(下から 5 番目だよ♪)
これだよー
7 ページ
すると?
このような画面が登場↓↓
~~~~~~~~~~
これが”タブ”だよ
背景/文字色タブが表示されているのを確認したら、
『カラーギャラリー』
をクリック。
何が起こるのかな?
8 ページ
カラーギャラリーには素敵なページを作るためのアイディアがたくさ
ん!!
その中から、お気に入りを見つけてね!
ここから好きな色を選ぼう♪
色だけ または 壁紙付きがあります。
選んだ後はOKをクリック★
あら……?
9 ページ
OKをクリックすると、丸く囲んだ部分が変化するよ♪
自分が選んだ背景だと確認したら、もう一度OKをクリック。
そうすると…
10 ページ
タイトルをつけよう○
○
背景を設定した時と同じく、
『背景/文字色の設定』を開こう。
これだよ
11 ページ
覚えているかな??
今回は、『ページ情報』タブを開いて設定するよ。
『ページタイトル』という部分に、自分で考えたタイトルを入力しよう!
漢字・ひらがな・カタカナ・英数字(全/半角 OK)何でも入力出来ちゃうよ♪
~~~~~~~~~~
タイトルの入力が完了したら、必ずOKをクリックしてね♪
12 ページ
画像を入れてみよう!
画像を入れてみましょう。
まず、タブの素材をクリックしよう。
そして、下の所から好きな画像を選ぼう。
貼りつけ方法は2種類あって、ドラックかダブルクリックで
貼りつけよう。
画像はアニメーションや写真もあるよ。
↑こんな画像があるよ!!
13 ページ
リンクをはってみよう!
トップページから2ページ目に飛ぶように設定してみよう。
まずリンクをはりたい部分をドラッグしよう。
そして、右クリックをしてリンクの挿入をクリックしよう。
そうすると、このようなものが表示されるよ。
14 ページ
表示されたらファイル名の所の参照をクリックしよう。
開く場所を設定しよう。
開く場所を選択したら、開くを押そう。
開く場所が設定できたら、OK を押そう。
15 ページ
そうするとリンクの挿入ができたよ。プレビューで確認してみてね。
同じように2ページ目からもトップページに戻れるように設定してみよう。
プレビューの場所は、ページ編集、HTMLソース、ページ/ソース、プレビューのタブの
一番右だよ。
作成日18 年 12 月 12 日
作成者かり&ナカジ
イラスト提供ふわふわ。りサマ
16 ページ
Fly UP