| 事前準備 | HTML概要 | エディタ | ブラウザ | 文書宣言 | 文法 | 実習 |
|---|---|---|---|---|---|---|
| HTML | 段落・改行 | 罫線 | 見出し | 表 | 強調 | 画像 |
| リンク | リスト | 枠組み | 困った時は | |||
| スタイルシート | 概要 | 基本 | 文法 | 背景色 | 文字色 | サイズ |
| 複数 | 字寄せ | 文字装飾 | 枠線 | 横幅・高さ | 背景画像 | |
| 間隔 | 回り込み | スクロール | リスト装飾 | リンク装飾 | 困った時は | |
| 作成 | ヘッド | ボディ1 | ボディ2 | ボディ3 | 初めのページ | |
文字化けしてしまう
文字コードの指定を行ってください。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> これを<head>内に書きましょう。
miをお使いの場合はテキストエンコーディングと同じ文字コードになるようにしてください。
メニューバー→ドキュメント→テキストエンコーディング→UTF-8
ページの上へ
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> これを<head>内に書きましょう。
miをお使いの場合はテキストエンコーディングと同じ文字コードになるようにしてください。
メニューバー→ドキュメント→テキストエンコーディング→UTF-8
それでも文字化けがなおらない
ブラウザの文字エンコーディングが別の文字コードになっていませんか？
メニューバー→表示→テキストエンコーディング→指定したい文字コード で指定してください。
ページの上へ
メニューバー→表示→テキストエンコーディング→指定したい文字コード で指定してください。
リンクを張ったら全部リンクになってしまった
終了タグを忘れないでください。
ページの上へ
画像が大きすぎる
スタイルシートで画像の大きさを指定して下さい。
指定の仕方は→こちら
ページの上へ
指定の仕方は→こちら
タグもすべて表示されてしまった
リッチテキストフォーマットになっていませんか？
詳しくは→こちら
ページの上へ
詳しくは→こちら
拡張子を表示したい
Finder→環境設定→詳細→すべてのファイル名拡張子を表示にチェック
ページの上へ
ページが更新されない
ページを上書き保存してからブラウザでページ更新してください。
使用ソフト
- mi
-
- Mac用のテキストエディタです。
フリーソフトで使いやすいので、
良いと思います。
- Mac用のテキストエディタです。
- Firefox
-
- ブラウザです。
もちろんフリーです。
- ブラウザです。
- ADOBE PHOTOSHOP CS5
-
- 写真などを加工するソフトです。
残念ながら有料ソフトです。
しかし、体験版を使用出来るので、
興味がある方は是非。（３０日間）
- 写真などを加工するソフトです。
- Adobe Flash Professional CS5
-
- Flashアニメーションの作成ソフトです。
こちらも有料。
同様に体験版がありますので、
興味がある方は是非。（３０日間）
- Flashアニメーションの作成ソフトです。
参考文献・サイト
- HTMLクイックリファレンス
-
- 目的別に検索しやすいです。
問題をすぐに解決出来る事でしょう。
- 目的別に検索しやすいです。
- 超初心者のためのホームページ作成講座 - HTML - CSS - Mozilla Composer
-
- とても解りやすく、噛み砕いた文章で説明されています。
面白く、解りやすい。最高だと思いませんか？
このサイトをお手本にしています。
ページの上へ - とても解りやすく、噛み砕いた文章で説明されています。
