事前準備
HTML概要
エディタ
ブラウザ
文書宣言
文法
実習
HTML
段落・改行
罫線
見出し
表
強調
画像
リンク
リスト
枠組み
困った時は
スタイルシート
概要
基本
文法
背景色
文字色
サイズ
複数
字寄せ
文字装飾
枠線
横幅・高さ
背景画像
間隔
回り込み
スクロール
リスト装飾
リンク装飾
困った時は
作成
ヘッド
ボディ1
ボディ2
ボディ3
初めのページ
トップページ
>>
スタイルシート
>>
CSSで困った時は
スタイルシートが読み込まれない
スタイルシートの読み込みについてはこちらをご参照ください。
→
こちら
ページの上へ
それでもスタイルシートが読み込まれない
パスは合っていますか?
パスが間違っていると読み込まれません。
パスに関してはこちらをご参照ください。→
こちら
ページの上へ
スタイルが適用されない
スペルミスはありませんか?
スタイル、値、クラス名、ID名のスペルミスも確認しましょう。
全角文字は使っていませんか?
全角文字(スペース含む)が一つでも入ると正常に作動しなくなる可能性があります。
かならず半角で記述しましょう。
ページの上へ
背景画像が表示されない
画像ファイル名のスペルミスはありませんか?
画像ファイルの拡張子は合っていますか?
パスは合っていますか?
CSSでの指定の場合、
CSSファイルからの道順を指定
しなくてはなりません。
パスに関してはこちらをご参照ください。→
こちら
ページの上へ
スタイルが更新されない
スタイルシートを保存してからブラウザでページ更新
してください。
<<前へ
ページの上へ
使用ソフト
mi
Mac用のテキストエディタです。
フリーソフトで使いやすいので、
良いと思います。
Firefox
ブラウザです。
もちろんフリーです。
ADOBE PHOTOSHOP CS5
写真などを加工するソフトです。
残念ながら有料ソフトです。
しかし、体験版を使用出来るので、
興味がある方は是非。(30日間)
Adobe Flash Professional CS5
Flashアニメーションの作成ソフトです。
こちらも有料。
同様に体験版がありますので、
興味がある方は是非。(30日間)
参考文献・サイト
HTMLクイックリファレンス
目的別に検索しやすいです。
問題をすぐに解決出来る事でしょう。
超初心者のためのホームページ作成講座 - HTML - CSS - Mozilla Composer
とても解りやすく、噛み砕いた文章で説明されています。
面白く、解りやすい。最高だと思いませんか?
このサイトをお手本にしています。
ページの上へ
SEO