Comments
Description
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 ページ