オールカラーで楽しく学ぶシリーズはじめて作るホームページ ホームページ・ビルダー7

[表紙]はじめて作るホームページ ホームページ・ビルダー7編

紙版発売

B5変形判/248ページ/CD1枚

定価1,738円(本体1,580円+税10%)

ISBN 4-7741-1772-2

ただいま弊社在庫はございません。

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

はじめてホームページ作りにチャレンジされる方を対象に「ホームページ・ビルダー7」を使って,思ったとおりの,仲間に自慢でる,おしゃれな,かっこいい,動きのあるホームページの作り方を教えます。本文オールカラー。付録CD-ROMには当ソフトの試用版を収録。

こんな方におすすめ

  • ホームページを作ってみたい方
  • ホームページ作成初心者の方

目次

CHAPTER1 ホームページのしくみ

  • 1-1 ホームページは見るだけじゃなく作って楽しもう
    • 1 ホームページはあなたの情報発信基地
    • 2 内容なんて難しく考えなくてもいい
  • 1-2 ホームページはこういうふうにできている
    • 1 ホームページの正体
    • 2 ホームページは文字やイラストの集合体
    • 3 作ったページをインターネットに公開するには
  • 1-3 自分のホームページを持つのに必要なもの
    • 1 無料ホームページサービスを利用しよう
    • 2 必要なソフト

CHAPTER2 ホームページ・ビルダーを使う準備

  • 2-1 ホームページ・ビルダーの機能を知ろう
    • 1 ホームページ・ビルダーでできるあんなことこんなこと
    • 2 ホームページ・ビルダーに付属しているソフト
  • 2-2 ホームページ・ビルダーのセットアップ
    • 1 セットアップの手順
  • 2-3 ホームページ・ビルダーの起動から終了までをやってみよう
    • 1 ホームページ・ビルダーの起動手順
    • 2 ホームページ・ビルダーを終了する
  • 2-4 ウェブアートデザイナーの使い方を覚えよう
    • 1 ウェブアートデザイナーの起動手順
    • 2 GIFでイラストやロゴ保存する
    • 3 JPEGで写真を保存する
  • 2-5 ホームページ・ビルダー7の基本を押さえよう
    • 1 ホームページ・ビルダー7の編集スタイル
    • 2 ホームページ・ビルダー7
    •  「スタンダード」スタイルの基本画面

CHAPTER3 ホームページを作成してみよう

  • 3-1 どんなホームページにするか設計図を作ろう
    • 1 テーマとメインになる内容を考える
    • 2 要素を集める
    • 3 サブページを決める
    • 4 ホームページの階層を決めておこう
    • 5 ページ作成の流れ
  • 3-2 新しいページを作成してみよう【新規サイトの作成】
    • 1 新しいページの作成
  • 3-3 新しいページを作成してみよう【テンプレートから作成】
    • 1 新しいページの作成
  • 3-4 文字を入力して色と大きさ,配置する場所を決めよう
    • 1 文字の入力
    • 2 文字の大きさを変えるには
    • 3 文字の色を変えるには
  • 3-5 イラストや写真(画像ファイル)を挿入してみよう
    • 1 ファイルから挿入する
    • 2 ホームページ・ビルダー付属の写真素材を挿入する
    • 3 ホームページ・ビルダー付属のアイコンやロゴを挿入する
  • 3-6 ページのイメージに合う背景と文字色を決めよう
    • 1 背景をサンプルから選ぶ
    • 2 背景に色を入れる
  • 3-7 ページの顔になる目立つロゴを作ろう
    • 1 ロゴの作成
  • 3-8 レイアウトを整えてページを見やすくしよう
    • 1 テキストの位置揃え
    • 2 オブジェクトの位置揃え
    • 3 複数の要素の配置を揃えよう
    • 4 水平線で区切ってみよう
  • 3-9 作成したページ(HTMLファイル)を保存しよう
    • 1 ホームページの保存
  • 3-10 話題別・目的別のサブページへ飛べるようにしよう
    • 1 ロゴや文字にリンクを設定
  • 3-11 作成したページを編集・更新するために開く
    • 1 ページを開く
  • 3-12 いらないファイルを削除する
    • 1 使っていないファイルの削除
    • 2 使っているファイルの削除

CHAPTER4 友だちに自慢できるホームページの作り方

  • 4-1 画像のまわりに影をつけて奥行きのあるページに見せよう
  • 4-2 画像を切り抜いて変化のある楽しいレイアウトに
  • 4-3 画像のサイズを小さくしてページを早く表示させよう
  • 4-4 ぼかし画像やセピア色効果でセンスいいね,と言わせよう
  • 4-5 画像は補正して明るくくっきりあかぬけた写真に見せよう
  • 4-6 タイトルロゴはページの顔 目立つロゴで印象づけよう
  • 4-7 ロゴの文字を回転させて注目を集めよう
  • 4-8 思わずクリックしたくなる変化するロゴを作ろう
  • 4-9 ロゴの縦横サイズを揃えてすっきり気持ちいいページに
  • 4-10 ロゴをポイントすると写真が現れる仕掛けをしよう
  • 4-11 素材集の画像をアレンジしてわがもの顔で使おう
  • 4-12 素材集のボタンやロゴをカスタマイズしてオリジナルにしよう
  • 4-13 ポイントが高い!動く画像(アニメーション)
  • 4-14 見やすさが評判になるギャラリーページを作ろう
  • 4-15 画像の横に文字を入れてグラビア雑誌風に演出しよう
  • 4-16 見せたい画像はフレームを付けて印象づけよう
  • 4-17 表組を作って整ったレイアウトを作成する(1)
  • 4-18 表組を作って整ったレイアウトを作成する(2)
  • 4-19 予想できない画像の表示でびっくりさせよう
  • 4-20 Javaで画像や文字を動かして凝った仕掛けを自慢しよう
  • 4-21 まとめて見るのに親切な目次のフレーム付きページを作ろう
  • 4-22 行間を開けて長いテキストを読みやすくしよう
  • 4-23 訪問者からメールをもらえるリンクを設定しよう
  • 4-24 アクセスマップを入れて役立つページにランクアップ
  • 4-25 掲示板を設置して訪れた人と交流しよう
  • 4-26 今日は何人見てくれたかな アクセスカウンタを付けよう
  • 4-27 外部サイトへのリンクで世界を広げよう
  • 4-28 ビデオクリップでダイナミックなページ作り
  • 4-29 インパクト満点,疑似3D画像で友だちを感心させよう
  • 4-30 360゜見渡せる臨場感あふれる仮想空間を作ろう
  • 4-31 いつでもどこでも携帯で見られるページを作ろう

CHAPTER5 ホームページの公開と更新

  • 5-1 ホームページ公開のための準備をしよう
    • 1 プロバイダへホームページサービスを申し込む
  • 5-2 公開前にホームページの最終チェックをしよう
    • 1 [まるごとチェック]を行う
    • 2 エラーを修正する
  • 5-3 FTP接続の設定をしてサーバに転送できるようにする
    • 1 FTPの設定
  • 5-4 待望のホームページ公開!サーバへ転送しよう
    • 1 ホームページ全体を転送する
  • 5-5 ホームページは鮮度が命,こまめに更新しよう
    • 1 更新したページだけを転送する
    • 2 サーバからファイルをダウンロードしたい

CHAPTER6 オリジナルの写真やビデオ,音声の取り込み方

  • 6-1 写真画像をデジタルカメラから取り込む方法
    • 1 デジカメのつなぎ方
    • 2 デジカメ画像の保存法
  • 6-2 印刷物をイメージスキャナで取り込む方法
    • 1 スキャナのつなぎ方
    • 2 スキャナ画像の保存法
  • 6-3 ビデオ映像をパソコンに取り込む方法
    • 1 ビデオ機材のつなぎ方
    • 2 ビデオ画像の保存法
  • 6-4 サウンド(音声・音楽)をパソコンに取り込む方法
    • 1 オーディオ機材のつなぎ方
    • 2 録音の準備
    • 3 録音の手順
  • 6-5 写真店でCD-Rに書き込んでもらう方法
    • 1 1枚のCDにフィルム5本分を同時記録

CHAPTER7 プロデザイナーのアドバイス

  • 7-1 写真をもっとカッコよく魅せるテクニック
    • 1 いちばん見せたい写真を思いきって大きくしてみる
    • 2 写真に大小をつけて変化のある見せ方を工夫しよう
    • 3 素材を生かす背景色を選ぼう
  • 7-2 文章を読みやすくしてちゃんと読んでもらう
    • 1 1行の文字数と行間を考えよう
    • 2 読みやすい背景と文字の色にしよう
    • 3 文章に視線をクギ付けにする配色にしよう
  • 7-3 まとまりのある,あかぬけたレイアウトとは
    • 1 グリッドで作る論理的なフォーマット
    • 2 複数のページにつながりを持たせよう
    • 3 視線の流れに沿って重要な要素を配置する
    • 4 相性のよい色使いでページをまとめよう