| 事前準備 | HTML概要 | エディタ | ブラウザ | 文書宣言 | 文法 | 実習 |
|---|---|---|---|---|---|---|
| HTML | 段落・改行 | 罫線 | 見出し | 表 | 強調 | 画像 |
| リンク | リスト | 枠組み | 困った時は | |||
| スタイルシート | 概要 | 基本 | 文法 | 背景色 | 文字色 | サイズ |
| 複数 | 字寄せ | 文字装飾 | 枠線 | 横幅・高さ | 背景画像 | |
| 間隔 | 回り込み | スクロール | リスト装飾 | リンク装飾 | 困った時は | |
| 作成 | ヘッド | ボディ1 | ボディ2 | ボディ3 | 初めのページ | |
メニュー
- HTML概要
-
- HTMLとはどのような物なのかをご説明いたします。
- 文書宣言
-
- 文書宣言について簡単にご説明いたします。
- 文法
-
- HTMLの記述の仕方をご説明いたします。
- 段落・改行
-
- 段落の作り方、改行の仕方をご説明いたします。
- 罫線
-
- 罫線の作り方をご説明いたします。
- 見出し
-
- 見出しの作り方をご説明いたします。
- 表
-
- 表の作り方をご説明いたします。
- 強調
-
- 文字を強調する仕方をご説明いたします。
- 画像
-
- 画像の表示の仕方をご説明いたします。
- リンク
-
- リンクの張り方をご説明いたします。
- リスト
-
- リストの作り方をご説明いたします。
- 枠組み
-
- ボックスについて簡単にご説明いたします。
- 困った時は
-
- 問題解決の手助けになるかも知れません。
使用ソフト
- mi
-
- Mac用のテキストエディタです。
フリーソフトで使いやすいので、
良いと思います。
- Mac用のテキストエディタです。
- Firefox
-
- ブラウザです。
もちろんフリーです。
- ブラウザです。
- ADOBE PHOTOSHOP CS5
-
- 写真などを加工するソフトです。
残念ながら有料ソフトです。
しかし、体験版を使用出来るので、
興味がある方は是非。（３０日間）
- 写真などを加工するソフトです。
- Adobe Flash Professional CS5
-
- Flashアニメーションの作成ソフトです。
こちらも有料。
同様に体験版がありますので、
興味がある方は是非。（３０日間）
- Flashアニメーションの作成ソフトです。
参考文献・サイト
- HTMLクイックリファレンス
-
- 目的別に検索しやすいです。
問題をすぐに解決出来る事でしょう。
- 目的別に検索しやすいです。
- 超初心者のためのホームページ作成講座 - HTML - CSS - Mozilla Composer
-
- とても解りやすく、噛み砕いた文章で説明されています。
面白く、解りやすい。最高だと思いませんか？
このサイトをお手本にしています。
ページの上へ - とても解りやすく、噛み砕いた文章で説明されています。
