(C)1997-2004 Mainichi Communications Inc. |
サイトファイルを含んだ全ファイルのダウンロード [MacOS] [Windows] |
|
Contents | |
introduction | Webページ作成の基本 |
Introduction 01 | サイトとWebページについて理解する [サイトの基礎知識] |
Introduction 02 | Webページ作成に必要な基礎知識をおさえる [Webページ作成の基礎知識] |
Introduction 03 | ウィンドウやパレットの表示を切り替える [ウィンドウとパレットの表示切り替え] |
Introduction 04 | レイアウト画面を拡大・縮小表示して、見やすい大きさで編集する [レイアウト画面の拡大・縮小] |
Introduction 05 | パレットの表示を工夫して使いやすい画面表示にする [パレット操作] |
Chapter 1 | サイトの作成とページ設定 |
Section 01 | サイトウィザードを使ってサイトを作成する [サイトウィザード] |
Section 02 | [サイト]ウィンドウを使いこなす [サイトウィンドウ] |
Section 03 | サイト内のファイルを追加・削除する [ファイルの追加と削除] |
Section 04 | フォルダでファイルを分類・整理する [フォルダの操作] |
Section 05 | ページタイトルや背景色を設定する [ページの基本設定] |
Section 06 | ページの背景に画像を設定する [背景画像の設定] |
Chapter 2 | テキストの入力とフォーマット設定 |
Section 07 | テキストを入力する [テキスト入力] |
Section 08 | 文字のサイズを変更する [文字サイズの変更] |
Section 09 | 文字の色を指定する [文字色の指定] |
Section 10 | 選択した文字のスタイルを設定する [文字の書式設定] |
Section 11 | 行揃えを設定する [行揃えの設定] |
Section 12 | インデントを設定する [インデントの設定] |
Section 13 | 段落に先頭文字を設定する [リストの設定] |
Chapter 3 | リンクの設定 |
Section 14 | 同一サイト内の他ページへリンクを設定する [他ページへのリンク設定] |
Section 15 | [ポイント&シュート]ボタンを使ってリンクを設定する [ポイント&シュートボタンによるリンク設定] |
Section 16 | リンク先ページを新しいウィンドウに表示する [ターゲットの指定・ブラウザでのプレビュー] |
Section 17 | Webページ内の指定した場所にリンクを設定する [アンカーの設定] |
Section 18 | 他のサイトやメールアドレスにリンクを設定する [外部リンクとメールリンク] |
Chapter 4 | 画像の挿入と設定 |
Section 19 | ページ上に画像を配置する [画像の挿入・Altテキスト設定] |
Section 20 | 画像の大きさを変更する [画像のサイズ変更] |
Section 21 | 画像の回りにテキストを流し込む [画像とテキストの配置] |
Section 22 | 画像の回りに余白や境界線を追加する [余白と境界線の設定] |
Section 23 | ページ上に水平ラインを挿入する [水平ラインの追加] |
Section 24 | 画像にリンクを設定する [画像へのリンク設定] |
Section 25 | 1つの画像に複数のリンクを設定する [クリッカブルイメージマップ] |
Chapter 5 | テーブルを使ったレイアウト |
Section 26 | ページにテーブルを配置する [テーブルの挿入] |
Section 27 | テーブルやセルを効率よく選択する [テーブルとセルの選択] |
Section 28 | セルに文字や画像を挿入する [文字入力・画像の挿入] |
Section 29 | テーブル内のセルを連結する [セルの連結] |
Section 30 | セルと行のテキスト配置を設定する [セル内・行内のテキスト配置] |
Section 31 | テーブルやセルに背景色を設定する [テーブル・セルの背景色設定] |
Section 32 | テーブル、セル、行・列のサイズや配置を変更する [インスペクタでの設定] |
Section 33 | セルを移動する [セルの移動] |
Section 34 | テーブルスタイルを使ってテーブルにデザインを設定する [テーブルスタイル] |
Section 35 | セルの中にテーブルを挿入する [セル内へのテーブル挿入] |
Section 36 | テーブルの行数・列数を変更する [行や列の挿入と削除] |
Chapter 6 | フレームを使ったレイアウト |
Section 37 | フレームを使ったレイアウトの基本をおさえる [フレームを使用したレイアウト] |
Section 38 | フレームセットに使用するページを作成する [フレームセット用ページの作成] |
Section 39 | フレームセットやフレームサイズの設定をする [フレームセット・フレームサイズの設定] |
Section 40 | 各フレームに表示するページを指定する [フレームへのページのリンク] |
Section 41 | スクロールバーの表示/非表示を設定する [スクロールバーの設定] |
Section 42 | フレーム間のリンクを設定する [フレーム間のリンク] |
Chapter 7 | レイアウトグリッドを使ったレイアウト |
Section 43 | ページにレイアウトグリッドを追加する [レイアウトグリッドの追加] |
Section 44 | レイアウトグリッドの設定を変更する [レイアウトグリッドの設定] |
Section 45 | レイアウトグリッドに画像を配置する [レイアウトグリッドへの画像の配置] |
Section 46 | レイアウトグリッドにテキストを配置する [レイアウトグリッドへのテキストの配置] |
Section 47 | レイアウトグリッド上にあるオブジェクトの配置を整える [オブジェクトの整列・グリッドのテーブル変換] |
Chapter 8 | スタイルシートを使ったフォーマット |
Section 48 | スタイルシート作成の流れをおさえる [スタイルシート作成のワークフロー] |
Section 49 | スタイルシートを作成する [スタイルシートの作成] |
Section 50 | スタイルシートでページの背景色を統一する [スタイルの定義(背景色)・外部スタイルシート参照] |
Section 51 | スタイルシートで背景画像を設定する [スタイルの定義(背景画像)] |
Section 52 | スタイルシートで背景画像を固定させる [スタイルの定義(背景画像の固定)] |
Section 53 | スタイルシートで背景画像の表示位置を指定する [スタイルの定義(背景画像の表示位置)] |
Section 54 | スタイルシートで文字サイズや行間を設定する [スタイルの定義(フォント)] |
Section 55 | リンク部分のスタイルを設定する [HTMLエレメントスタイルの作成(ハイパーテキストリンク設定)] |
Section 56 | 見出し文字のスタイルを変更する [HTMLエレメントスタイルの作成(HTML段落書式の変更)] |
Section 57 | 段落のインデント幅と、リストの行頭文字を定義する [スタイルの定義(テキスト・リスト)] |
Section 58 | スタイルシートで見出しの背景に画像を指定する [スタイルの定義(背景画像の表示位置・その2)] |
Section 59 | 文章をコラムのように横に表示させる [スタイルの定義(位置の指定)] |
Section 60 | 指定したエリアの周りに境界線を表示する [スタイルの定義(境界線の指定)] |
Section 61 | テーブルにスタイルを適用する [スタイルの適用(テーブルへの適用)] |
Section 62 | 段落や文字ごとにスタイルを適用する [スタイルの作成(クラススタイル)] |
Chapter 9 | フォームの設定 |
Section 63 | フォーム領域を作成する [フォーム領域の挿入] |
Section 64 | 短いテキストの入力欄を作成する [テキストフィールドの挿入] |
Section 65 | コメントや感想の入力欄を作成する [テキストエリアの挿入] |
Section 66 | ラジオボタンを作成する [ラジオボタンの作成] |
Section 67 | チェックボックスを作成する [チェックボックスの作成] |
Section 68 | ポップアップメニューやリストボックスを作成する [ポップアップメニュー・リストボックス] |
Section 69 | 送信ボタンやリセットボタンを作成する [送信ボタン・リセットボタンの作成] |
Section 70 | フォームを送信をするための設定をする [フォームの送信] |
Chapter 10 | レイヤーを使ったレイアウト |
Section 71 | レイヤーのサイズや位置を変更する [レイヤーの作成・サイズ変更・移動] |
Section 72 | レイヤーに画像や文字を追加し、背景色を設定する [レイヤーへの画像挿入・テキスト追加・背景色の設定] |
Section 73 | 複数のレイヤーを扱う [レイヤーパレット(選択・ロック・非表示)] |
Section 74 | レイヤーの位置を整列させる [レイヤーの整列] |
Section 75 | レイヤーをアニメーション化する [レイヤーのアニメーション化] |
Chapter 11 | インタラクティブなページの作成 |
Section 76 | マウスの動きに応じて反応するボタンを作成する [ロールオーバーボタンの作成] |
Section 77 | ポップアップメニューからリンク先ページにジャンプする [URLポップアップメニューの作成] |
Section 78 | ページの最終更新日を表示する [日時の自動更新設定] |
Section 79 | サイズを指定した新しいウィンドウを開く [ウィンドウを開くアクション] |
Section 80 | ウィンドウを閉じるボタンを追加する [ウィンドウを閉じるアクション] |
Section 81 | 1つのリンク元から、2つのフレームに異なるページを表示する [2フレームターゲット] |
Section 82 | フレーム内に読み込まれるページだけが表示されるのを防止する [フレーム強制読み込みアクション] |
Section 83 | ページ内の画像を曜日ごとに変えて表示する [デイリー画像URLアクション] |
Section 84 | ポインタの動きに応じて表示されるガイドを作成する [表示非表示アクション] |
Chapter 12 | 外部ファイルとメディアの挿入 |
Section 85 | Photoshopのレイヤーデータを読み込む [Photoshopレイヤーファイルの読み込み] |
Section 86 | 下書き用の画像を表示させながらレイアウトする [トレーシングイメージ] |
Section 87 | オリジナルのPhotoshopデータとリンクした画像を挿入する [スマートPhotoshop画像の追加] |
Section 88 | オリジナルのIllustratorデータとリンクした画像を挿入する [スマートIllustrator画像の追加] |
Section 89 | Flashなどで作成したFlashムービーを挿入する [Flashムービーの挿入] |
Section 90 | QuickTimeムービーを挿入する [QuickTimeムービーの挿入] |
Section 91 | Adobe PDFを挿入する [メディアの挿入(PDF)] |
Section 92 | HTMLページをPDFに変換する [PDFへの書き出し] |
Section 93 | PDFへリンクを追加・編集する [PDFファイルの編集] |
Section 94 | 同じデザインのページを簡単に作成する [ページテンプレートの使用] |
Section 95 | 繰り返し使用するパーツを複数のページで共有する [コンポーネントの使用] |
Section 96 | 検索エンジンが使用するキーワードや、別ページへのジャンプを設定する [ヘッダセクションの利用] |
Section 97 | iモード用のページを作成する [iモードページの作成] |
Chapter 13 | ソースコードを編集するエディタ |
Section 98 | ページのレイアウトとソースコードを同時に表示しながら編集する [ソースコードエディタでの編集] |
Section 99 | ソースのタグを自動入力する [ソースの入力] |
Section 100 | ソースのタグを階層表示にしながら編集を行う [アウトラインエディタでの編集] |
Chapter 14 | サイトの管理とアップロード |
Section 101 | リンクエラーを確認し、解決する [リンクエラーの解決] |
Section 102 | 画像やファイルのリンク状況を視覚的に表示する [In&Outリンクパレット] |
Section 103 | サイト内のエラーをリストアップして確認する [クエリ] |
Section 104 | サイト内のテキストを検索して一括変換する [テキストの検索/置換] |
Section 105 | サーバにアップロードするための設定を行う [アップロードの設定] |
Section 106 | サイトをFTPサーバにアップロードする [アップロードと更新] |
Section 107 | サイトマップを作成する [ダイアグラムの作成] |