全部無料でつくるはじめてのホームページ&HTML for Windows7/Vista/XP(浅岡 省一)|翔泳社の本
  1. ホーム >
  2. 書籍 >
  3. 全部無料でつくるはじめてのホームページ&HTML for Windows7/Vista/XP

全部無料でつくるはじめてのホームページ&HTML for Windows7/Vista/XP


形式:
書籍
発売日:
ISBN:
9784798121611
定価:
1,958(本体1,780円+税10%)
仕様:
B5変・304ページ
分類:
Web制作
  • このエントリーをはてなブックマークに追加

ホームページ&HTMLを無料で学ぶ・作る・楽しむ

作成/更新/公開までこれ1冊でOK。HTMLの基礎知識はもちろん、デザインをカッコよくするカスタマイズ方法、集客&セキュリティ対策、運営のポイントなど、ホームページ作成のノウハウを1冊にまとめました。付属CD-ROMには、制作に役立つ無料ソフトやおしゃれなホームページ素材をたっぷり収録。本書を使えば、誰でも無料で、楽しみながら本格的なホームページをつくれます。

HTMLタグ引きや目的引きができる辞典機能もついているので、困ったときも安心。ホームページづくりを学びたいすべての方に、ぜひ手にとっていただきたい1冊です。

付属CD-ROMについて

・- 付属CD-ROMには役立つフリーソフト14点、便利素材10,000点以上、サンプルHTML & ホームページテンプレートを収録しています。
・- ブラウザやOSのバージョンによっては、正式に対応を保証していないソフトも含まれていますので、あらかじめ御了承下さい。※詳細は立ち読みデータP12以降をご参照下さい。

【動作環境】
・- OS:Windwos 7 / Vista / XP
・- 本書ではInternet Explorer8.0を使って解説しています。

「全部無料で作るホームページ&HTML」目的別ガイド 付録CD-ROMの使い方 収録ソフトウェアについて(インストール方法と注意点)

Chapter 1  これだけは知っておきたいホームページ制作の基礎知識
~ホームページの仕組みとHTMLの基本~

1  まずはホームページの仕組みを理解しよう
2  HTMLファイルとHTMLタグ
3  実際に手を動かしてHTMLタグの書き方を覚えよう

Chapter 2  無料ソフトでホームページを作ろう!
~ホームページを作成してインターネットに公開するまで~

1  ホームページを設計する
2  ホームページ作成ソフト「Kompozer」講座
3  トップページを作成する
4  Photoshop Elementsで画像を補正・加工する
5  デジカメギャラリーのページを作成する
6  自己紹介ページを作成する
7  トップページから各ページへリンクを作成する
8  サーバーにホームページを転送する

Chapter 3  ホームページをカスタマイズする6つのテクニック
~オリジナル壁紙・タイトルロゴ・バナーなど~

1  オリジナル壁紙を作成する
2  オリジナルのボタン画像を作成する
3  オリジナルバナーを作成する
4  タイトルロゴを作成する
5  デジカメで撮った画像を補正・加工する
6  複数の画像を一括で縮小する

Chapter 4  ホームページの集客力を高める8つのテクニック
~アクセス解析・掲示板・アンケートフォームなど~

1  転送アドレスを使って覚えやすいホームページアドレスにする
2  アクセスカウンターを設置して訪問者数をチェックする
3  アクセス解析を使って訪問者の特徴を分析する
4  アンケートフォームを設置してアンケートや投票を実施する
5  レンタル掲示板を設置して訪問者とコミュニケーションする
6  評価ツールを設置してページごとの人気度を調べる
7  メールフォームを設置して訪問者のメッセージを受信する
8  検索結果で上位表示させて集客力を高める

Chapter 5  既存のホームページを修正する8つのテクニック
~リンク修正・ページ追加・ファイル名一括変換など~

1  ホームページの文字や文章を修正する
2  ホームページのリンクを修正する
3  HTML用のカラーコードを手軽に取得する
4  画像ファイルを手軽に整理する
5  ホームページの画像を別のものと入れ替える
6  ホームページに新しいページを追加する
7  複数のページに書かれている特定の文字を一括で置き換える
8  複数のファイル名を一括で変更する

Chapter 6  ホームページのセキュリティを高める7つのテクニック
~スパム防止・アクセス制限・右クリック禁止など~

1  広告(スパム)メールが届かないようにする
2  迷惑な訪問者のアクセスを禁止する
3  ホームページ上での右クリックを禁止して画像の流出を防ぐ
4  ホームページ専用のメールアドレスを用意する
5  ホームページのデータをバックアップする
6  インターネットの「違法行為」をきちんと把握する
7  ハッキングされないための心構えを学ぶ

Chapter 7  ホームページを徹底的に楽しむ9つのテクニック
~ツイッター・YouTube・アフィリエイトなど~

1  ホームページにブログを導入する
2  ホームページにツイッターを導入する
3  YouTubeでホームページに動画を取り入れる
4  動画を手軽に編集する
5  オンラインアルバムを利用して写真を手軽に公開する
6  アフィリエイトを使ってお小遣いを稼ぐ
7  ショッピングカートを設置してオンラインショップを開店する
8  ドロップシッピングを利用してオンラインショップを開店する
9  Flickrを使って世界中の人々と写真を共有する

Chapter 8  ホームページをグレードアップする12のテクニック
~フレーム処理・自動ページ移動・携帯対応など~

1  フレームを使ってメニューと本文を分離する
2  自動的にページを移動・再読み込みする
3  前に見ていたページに移動させる
4  インラインフレームを表示する
5  ページ移動の前に確認ダイアログを表示する
6  新しく開くウィンドウの形状を指定する
7  ブラウザだけで気軽にホームページを作る
8  携帯用のホームページを簡単に作る
9  パソコン用のホームページを携帯用ホームページに変換する
10  携帯用ホームページに絵文字を活用する
11  iPhone・スマートフォン用のページを用意する
12  iPhone・iPad・iPod touch用のアイコンを作成する

Chapter 9  すぐに使える!スタイルシート11のテクニック
~コピー&ペーストでらくらくカスタム!~

1  行間隔や文字間隔を調整する
2  文字のサイズを細かく調整する
3  リンクの下線を消す
4  ページの不要な余白をなくす
5  背景画像を固定する
6  <h>タグの文字の大きさをそろえる
7  文章を点線の枠で囲む
8  画像の余白を細かく設定する
9  レイアウトを微調整する
10  スタイルシートの基本構造を理解する
11  「Kompozer」でスタイルシートを手軽に利用する

Chapter10 無料で開設できる!ホームページスペース紹介
~機能充実のサーバー提供サービスをピックアップ~

1  忍者ホームページ
2  FC2WEB
3  TOK2

近道編    知識ゼロでもあっという間に完成できるホームページ
~付録CD-ROMのテンプレートでホームページをスピード作成~

1  付録CD-ROMからテンプレートや素材を選択する
2  「Kompozer」でテンプレートの画像や文字を入れ替える

付録

1  収録ホームページ素材ダイジェスト
2  収録テンプレートダイジェスト
3  HTMLクイックリファレンス
4  CSSクイックリファレンス
本書は付属データの提供はございません。

書籍への問い合わせ

正誤表、追加情報をご確認の上、こちらよりお問い合わせください

書影の利用許諾について

本書籍に関する利用許諾申請はこちらになります

  • 使用ブラウザについて

    本書ではInternet Explorer 8を使用して解説しております(14ページ参照)。
    そのため、異なるバージョンやその他のブラウザをご利用の場合には、名称や表示などが異なる場合があります。
    なお、Internet Explorer 8以外は動作保証外となりますため、サポートはいたしかねます。

ご購入いただいた書籍の種類を選択してください。

書籍の刷数を選択してください。

刷数は奥付(書籍の最終ページ)に記載されています。

現在表示されている正誤表の対象書籍

書籍の種類:

書籍の刷数:

本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

最終更新日:2013年05月08日
発生刷 ページ数 書籍改訂刷 電子書籍訂正 内容 登録日
1刷 010
付録CD-ROMの構成
2刷
[allfree.exe]解凍後 [sozai]フォルダ
[allfree.exe]解凍後 [allfree]フォルダ

[allfree]フォルダはご自身での作成が必要になります。
2010.08.17
1刷 011
①サポートページとサンプルデータをインストールする 手順6
2刷
デスクトップに[allfree]フォルダが生成されま
デスクトップに[allfree]フォルダが生成されませんので、ご自身で作成してください。

まずデスクトップに[allfree]フォルダを作成して、手順4で[allfree.exe]を[allfree]フォルダにコピーし、ダブルクリックして解凍(手順5)します。

[allfree]フォルダの作成手順は以下になります。
1. デスクトップで右クリックして「新規作成」から「フォルダ」を選択する
2. デスクトップに作成された「新しいフォルダ」の名前を「allfree」に変更する
3. [allfree.exe]ファイルを解凍して表示される以下のフォルダ等(10ページ参照)を[allfree]フォルダに移動する
  ・index.html
  ・sample
  ・myhomepage
  ・template
  ・page
  ・img
2010.08.17
1刷 014
最終行
2刷
[プログラム]タブをクリックし、[定に設定]ボタンをクリックします。
[プログラム]タブをクリックし、[既定に設定]ボタンをクリックします。
2010.09.09
1刷 022
赤枠内右側の図の説明文1行目
2刷
「Internet Explorer」などのラウザで
「Internet Explorer」などのブラウザで
2010.08.27
1刷 030
手順1の図 「2 ダブルクリック」の赤枠
3刷
index.txt
index.html
2010.09.09
1刷 036
手順3
2刷
ブラウザに戻り、[更新]ボタンをクリックすると「ある日の情景」の後で改行され、「~ようこそ~」の文字が次の行に移動します。
ブラウザに戻り、[更新]ボタンをクリックすると「窓辺からのお便り」の後で改行され、「~はじめまして!~」の文字が次の行に移動します。
2011.03.02
1刷 045
本文2行目
2刷
Photoshop Element
Photoshop Elements
2011.03.02
1刷 055
手順5 2行目
2刷
クリックします。これでページが保存できました。
クリックします。[index.htmlは既に存在します。上書きしますか?]と聞かれるので、[はい]をクリックします。これでページが保存できました。
2011.03.02
1刷 060
手順5 1行目、手順6 1~2行目
手順5 1行目・・・ 元の行の飾(<font>タグ)がついているので 手順6 1~2行目・・・ [すべての飾を削除]をクリックします。
手順5 1行目・・・ 元の行の装飾(<font>タグ)がついているので 手順6 1~2行目・・・ [すべての装飾を削除]をクリックします。
2013.05.08
1刷 063
手順3
追加された行には元の行の飾が設定されているので、追加された行を右クリックして[すべての飾を削除]をクリックします。
追加された行には元の行の装飾が設定されているので、追加された行を右クリックして[すべての装飾を削除]をクリックします。
2013.05.08
1刷 066
「①文字を入力する」手順3
追加された改行を右クリックして[すべての飾を削除]をクリックしてください。
追加された改行を右クリックして[すべての装飾を削除]をクリックしてください。
2013.05.08
1刷 071
手順3、手順4
2刷
手順3・・・<hr size=2" width="100%"> 手順4・・・<hr size=4" width="100%" color="#dc9163">
手順3・・・<hr size="2" width="100%"> 手順4・・・<hr size="4" width="100%" color="#dc9163">
2011.03.02
1刷 083
手順8 2行目
2刷
これでページが保存できました。
[gallery.htmlは既に存在します。上書きしますか?]と聞かれるので、[はい]をクリックします。これでページが保存できました。
2011.03.02
1刷 089
Hint!
2刷
P87を参照してください。
P86を参照してください。
2011.03.02
1刷 090
手順6の図 「1 確認」の赤枠
2刷
相対URLを使用する
image/1big.jpg
2010.09.09
1刷 096
手順8
2刷
gallery.html」と入力して[保存]をクリックします。これでページが保存できました。
「profile.html」と入力してと入力して[保存]をクリックします。[profile.htmlは既に存在します。上書きしますか?]と聞かれるので、[はい]をクリックします。これでページが保存できました。
2010.08.27
1刷 097
「レイアウト用の表を挿入する」手順2
2刷
図の赤枠・・・ 詳細設定 (1)クリック 枠線の太さ (2)入力 説明文4~5行目・・・クリックして[枠線の太さ]に
図の赤枠・・・ 詳細設定 (1)クリック テーブルの横幅 (2)設定 枠線の太さ (3)入力 説明文4~5行目・・・クリックして[テーブルの横幅]を[400ピクセル]にし、[枠線の太さ]に

()はマル数字になります。
なお、書籍では手順1で「プロフィール」を範囲選択していますが、実際には選択を外した状態で手順1以降の操作を進めます。
2010.09.09
1刷 098
手順4、手順5
3刷
手順4 2行目・・・[テーブルのプロパティ]を 手順5 1行目・・・[テーブルの配置]をクリックして
手順4 2行目・・・[テーブルのセルのプロパティ]を 手順5 1行目・・・[テーブル]タブで[テーブルの配置]をクリックして
2011.05.30
1刷 111
ファイルを転送する
2刷
見出し・・・(1)ファイルを転送する 手順3の図・・・(2) ドラッグ
見出し・・・(1)ファイルを転送する 手順3の図・・・(2)ドラッグ

()はマル数字になります。
2010.09.09
1刷 114
XHTMLを使ってページを記述する
2刷
1行目・・・携帯用ホームページを作成/編集する場合はXTHMLを利用しましょう。 「Attention!」2行目・・・XTHMLとHTMLどちらでも利用することができます。
1行目・・・携帯用ホームページを作成/編集する場合はXHTMLを利用しましょう。 「Attention!」2行目・・・XHTMLとHTMLどちらでも利用することができます。
2010.09.02
1刷 114
「スタイルシートを基準としたデザインにする」の図
2刷
□ HTML要素・属性ではなく、CSSによるスタイル付け付けを用いる
上記のチェックボックス「□」にチェックを入れます。
2011.03.04
1刷 116
手順3の図
2刷
1) チェック入れる
(3) チェック入れる

()はマル数字になります。
2010.09.09
1刷 117
手順3の図
2刷
1) 入力
(2) 入力

()はマル数字になります。
2010.09.09
1刷 118
手順3 1行目
3刷
[図形サイズ]
[図形]タブの[図形サイズ]
2010.09.09
1刷 119
手順6、手順7
2刷
手順6 2~3行目・・・[テキスト]をクリックしましょう。 手順7・・・ [文字列]の部分に[戻る">]と入力します。文字が上に行きすぎていので~(中略)~[5.00]にし、少し下に下げます。
手順6 2~3行目・・・[テキスト]タブをクリックしましょう。 手順7・・・ [文字列]の部分に「戻る」と入力します。右側に表示されているボタンの文字が上に行きすぎているので~(中略)~「5.00」にし、少し下に下げます。
2010.09.09
1刷 119
手順7 3行目
3刷
[座標調]
[座標調節]
2011.05.30
1刷 123
手順11の図
2刷
2 右へドラッグ 1 クリック
1 右へドラッグ 2 クリック
2010.09.09
1刷 213
使用サービス名、小見出し
4刷
Flicker
Flickr
2011.05.30
1刷 30
「ONEPOINT」のカコミの2行目
background="back.jpeg"」というタグの場合、
background="back.gif"」というタグの場合、

"back.jpeg"→"back.gif"
2013.01.08