はじめての無料でできるホームページ作成 最新版HTML&CSS入門

概 要

無料でプロ顔負けのホームページを作る方法を初心者にもわかりやすく解説した入門書です。ブログが普及したことで誰でも簡単に自分のホームページを持つことができるようになりましたが、それでHTMLの知識が不要になったかというと、そうではありません。ブログのカスタマイズやテンプレートの作成、オリジナルのホームページ作成など、ますますHTML活用の場は広まっています。本書では、無料でホームページを開設する方法から、簡単なHTMLの知識、ホームページデザインに欠かせないCSS(スタイルシート)の基本的な記述方法、ホームページの公開手順までを解説。サンプルのダウンロードサービス付き。

著者 ケイエス企画
価格 本体1450円(税別)
ISBN 978-4-7980-2525-4
発売日 2010/2/26
判型 B5変
色数 4色
ページ数 256
CD/DVD
対象読者 入門
シリーズ はじめての...
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

CHAPTER 1 ホームページの基本

1 インターネットとホームページの概要

インターネットとは

ホームページとは

2 ホームページが表示されるしくみ

ホームページが表示される流れ

ホームページを公開するには

3 無料ホームページサービスとは

無料ホームページサービスを利用する

いろいろな無料ホームページサービス

4 ホームページの内容を考える

テーマを決めよう

ホームページで使いたい素材を用意しよう

HTMLファイルを作ろう

5 HTMLファイルを作成するには

HTMLとは

タグとは

6 ホームページ作成の準備

本書で作成するホームページ

専用のフォルダーを作成する

拡張子を表示させる

HTMLファイルを作成する

基本的なHTMLを記述する

ファイルをHTMLファイルとして保存する

7 HTMLファイルをブラウザーで開くには

[メニュー]バーを表示する

HTMLファイルを開く

CHAPTER 2 無料ホームページサービスを利用しよう

8 Yahoo! ジオシティーズを利用するには

Yahoo! ジオシティーズとは

Yahoo! Japan IDを取得する

9 Yahoo! ジオシティーズに登録してみよう

Yahoo! ジオシティーズのトップページを表示する

ホームページのURLを取得する

ニックネームを作成する

10 ホームページの基本的な設定を行うには

ホームページの作成方法を選択する

ジオクリエーターを起動する

11 ジオクリエーターでホームページを作成するには

テンプレートを編集する

ホームページを保存する

ホームページをWebブラウザーで確認する

12 ホームページを編集する

サブページを作成する

ホームページをジオクリエーターで開く

目次にサブページへのリンクを設定する

プレビューを利用してホームページを確認する

13 ホームページ作成を楽しくするその他のサービス

閲覧者とコミュニケーションが取れる機能

無料素材を提供しているサイト

Q&A

CHAPTER 3 簡単なHTMLでテキストに変化をつけてみよう

14 テキストを太字で表示する

テキストに太字のスタイルを設定する

Webブラウザーで確認する/59

15 文字のサイズを設定するには

Size属性で文字のサイズを指定する

文字のサイズを変更する

16 文字の色を設定するには

カラーコード

カラーネーム

ページ全体のテキストの色を指定する

特定のテキストの色を指定する

テキストの色をカラーコードで指定する

17 テキストに動きをつけるには

テキストに動きをつける

テキストの動き方を指定する

18 ページに表示されない文字を設定する

HTMLにコメントを残す

CHAPTER 4 簡単なHTMLでレイアウトに変化をつけてみよう

19 テキストに段落を設定するには

テキストに段落を設定する

テキストに複数の段落を設定する

20 テキストを改行する

任意の位置で改行する

空白行を挿入する

21 文章の見出しを設定する

ページのタイトルを設定する

見出しのレベルを指定する

22 テキストを指定した位置に配置するには

テキストをまとめて中央に配置する

テキストの配置を個別に指定する

23 ページに区切り線を挿入するには

区切り線を挿入する

区切り線の太さを指定する

区切り線を実線に変更する

区切り線で箱を表示してみよう

区切り線の色を変更する

24 区切り線の長さと位置を変更するには

区切り線の長さを設定する

区切り線の位置を指定する

Q&A

CHAPTER 5 簡単なHTMLで箇条書きリストを作ろう

25 箇条書きリストを作成するには

テキストを箇条書きにする

Webブラウザーで確認する

26 階層のある箇条書きリストを作成するには

階層のある箇条書きを作成する

複数の項目に階層を付ける

27 箇条書きのラベルを変更するには

ラベルのスタイルを変更する

下層のラベルを変更する

28 連番のついた箇条書きを作成するには

番号付き箇条書きを設定する

下層の項目を番号付き箇条書きにする

29 箇条書きラベルを個別に変更するには

ラベルを個別に変更する

下の階層のラベルを個別に変更する

Q&A

CHAPTER 6 ホームページに写真を掲載してみよう

30 画像ファイルを用意しよう

ホームページに使用できる画像ファイルの形式

画像管理用のフォルダーを作成する

31 ホームページで画像を表示させるには

画像へのリンクを設定する

Webブラウザーで確認する

32 画像に代替テキストを埋め込むには

画像の代替テキストを埋め込む

代替テキストをWebブラウザーで確認する

33 画像の表示サイズを調整するには

画像のサイズをWebウィンドウに占める割合で指定する

画像のサイズをピクセル数で指定する

34 画像に枠を設定するには

画像に枠を設定する

画像の枠を削除する

35 テキストを画像に回り込ませるには

画像の左側にテキストを回りこませる

画像の右側にテキストを回りこませる

テキストの縦の配置を指定する

画像とテキストの間隔を調整する

36 テキストの回りこみを解除するには

見出し要素のテキストを追加する

回り込みを解除する

37 ページの背景に画像や色をつけるには

ホームページの背景に画像を設定する

ホームページの背景色を指定する

Q&A

CHAPTER 7 表(テーブル)をつくろう

38 表(テーブル)の基本を覚えよう

表のしくみを理解する

表の基本になるHTMLを記述する

39 行とセルを設定しよう

表に行を設定する

表にセルを設定する

40 表に罫線を設定しよう

表の罫線を設定する

罫線の色を設定する

41 表のサイズを設定する

表の幅をピクセル数で指定する

表のサイズをウィンドウ対する比率で指定する

42 列の幅と行の高さを調整するには

列の幅を指定する

行の高さを指定する

43 セル内のテキストの位置を設定するには

テキストをセルの右揃えに指定する

テキストをセルの左揃えに指定する

44 セルを連結するには

横のセルを連結する

縦のセルを連結する

45 表にテキストを回りこませるには

段落要素のテキストを追加する

テキストの回り込みを設定する

46 表の背景に色をつけるには

表の背景色を設定する

CHAPTER 8 リンクを設定しよう

47 リンクを理解しよう

リンクが設定できる対象

リンクの種類

48 ファイルにリンクを設定するには

リンク元とリンク先を確認する

リンクを設定する

他のページへのリンクを設定する

画像にリンクを設定する

49 外部のページにリンクするには

リンク先に外部のホームページを指定する

リンクを確認する

50 リンクのテキストの色を変更する

未アクセスのリンクの色を設定する

リンクを未アクセスの状態に戻すには

アクセス済みのリンク色を指定する

選択中のリンク色を指定する

51 メール送信のリンクを設定するには

メール送信のリンクを設定する

52 ページ内の特定の部分へのリンクを作成する

ページ内の特定の部分へのリンクを設定する

動作を確認する

Q&A

CHAPTER 9 フレームページをつくろう

53 フレームページとは

フレームとは

フレームのしくみ

フレームを定義するタグ

54 フレームページをつくるには

左右分割のフレームを設定する

55 フレームの境界線を調整する

フレームの境界線に色をつける

フレームの境界線を非表示にする

56 フレーム内の配置を調整するには

左右の空きスペースを指定する

上下の空きスペースを設定する

57 リンク先を正しいフレームに表示させるには

リンク先の表示場所を確認する

表示するフレームを指定する流れ

フレームに名前を設定する

表示先のターゲットを設定する

58 フレーム表示を解除してリンク先を表示する

ホームページの入り口へのリンクを設定する

フレームの解除を設定する

59 フレームファイルへのリンクを設定する

メモ用のコメントを削除する

「frame.html」へのリンクを設定する

Q&A

CHAPTER 10 スタイルシートを覚えてプロ並みの技を使おう

60 スタイルシートとは

スタイルシートの概要としくみ

3種類の記述方法

61 スタイルシートを作成するには

スタイルシートの書き方

スタイルを指定する方法

スタイルシートを「head要素」に記述する

62 文字の色を設定する

段落の文字の色を変更する

見出しの文字の色を指定する

63 文字の大きさを設定するには

文字のサイズを「ポイント」で指定する

文字のサイズを「em」で指定する

64 ページの体裁を整える

行間をポイントで指定する

テキストを中央に配置する

65 リンクの色を設定するには

未アクセスのリンク色を指定する

アクセス済みのリンク色を指定する

66 背景に画像や色を設定するには

背景に画像を設定する

Webブラウザーで確認する

67 スタイルシートを別ファイルで作成するには

別ファイルのスタイルシートを作成する

HTMLファイルにスタイルシートへのリンクを設定する

Webブラウザーで確認する

スタイルシートを編集する

Q&A

CHAPTER 11 ホームページを公開しよう

68 ホームページを公開するには

ホームページを公開するしくみ

アップロードする前に確認すること

フォルダー全体のサイズを確認する

69 ファイルマネージャでアップロードするには

サブディレクトリを作成する

HTMLファイルをアップロードする

オプションを設定する

画像ファイルをアップロードする

70 アップロードを確認する

ファイルマネージャで確認する

Webブラウザーでホームページを確認する

71 ファイルマネージャでHTMLを修正する

間違った表示を見つける

HTMLを修正する

不要なファイルを削除する

72 FFFTPをインストールする

FFFTPをダウンロードする

FFFTPをインストールする

ジオシティーズのWebサーバーの情報を確認する

73 FFFTPでアップロードする

Webサーバーの設定を行う

Webサーバーにファイルをアップロードする

CHAPTER 12 無料サービスを使おう

74 自分のホームページにカウンタを設置するには

カウンタのデザインを選択する

カウンタをホームページに設定する

75 無料掲示板を設置するには

CGIBOYに会員登録する

CGIレンタルサービス

掲示板にホームページへのリンクを設定する

掲示板へのリンクを設定する

76 掲示板を利用するには

掲示板にコメントを書き込む

掲示板からホームページへのリンクを確認する

77 ブログを設置するには

新規ユーザー登録する

ブログを作成する

ホームページでブログを表示する

ブログに写真を掲載するには

78 無料の画像素材を利用するには

画像をダウンロードする

画像をYahoo! ジオシティーズにアップロードする

ホームページにイラストを挿入する

つぶやき機能を利用しよう

79 ページ内に検索ツールをつけるには

ホームページにYahoo! 検索フォームを追加する

PR

秀和システム