ホームページ作成ビギナーズガイド

CSS(スタイルシート)入門講座

CSS(スタイルシート)を使ってホームページを作成する実践例です。
スタイルシートの外部化は検索エンジン対策でも重要。

1. CSS(スタイルシート)入門講座1
2. CSS(スタイルシート)入門講座2 文字の大きさ、フォントの種類
3. CSS(スタイルシート)入門講座3 文字の色、背景の色
4. CSS(スタイルシート)入門講座4 border(枠線)
5. CSS(スタイルシート)入門講座5 余白をとる
6. CSS(スタイルシート)の外部化

CSS(スタイルシート)によるレイアウト

divタグとfloatプロパティ・positionプロパティを使った2段組・3段組レイアウトの作り方。

divとfloat

固定幅

1. CSS(スタイルシート)レイアウト:2カラム 1
2. CSS(スタイルシート)レイアウト:2カラム 1 解説
3. CSS(スタイルシート)レイアウト:3カラム 1

可変幅

1. CSS(スタイルシート)レイアウト:2カラム 2
2. CSS(スタイルシート)レイアウト:3カラム 2

divとposition

1. CSS(スタイルシート)レイアウト:2カラム 3
2. CSS(スタイルシート)レイアウト:3カラム 3

• CSS(スタイルシート)
• ｜Trackback()
• ｜Comment(0)

ホームページを作成する前の土台作りです。

1. ホームページの雛型
2. DOCTYPE宣言について
3. htmlタグにlang属性を入れる
4. 文字コードを指定する
5. titleタグについて
6. metaタグdescriptionについて
7. metaタグkeywordsについて
8. 基準スタイルシート言語の指定
9. 基準スクリプト言語の指定
10. linkタグによるナビゲーション

• ホームページの雛型と解説
• ｜Trackback()
• ｜Comment(0)

ホームページ作成に役立つ無料ソフト・無料ツールを紹介します。

TeraPad

シンプルかつ高機能なテキストエディタ。 様々な文字コードに対応。 機能を拡張するプラグインもたくさんあります。 個人的にはこれがホームページ作成ソフト。

bpTran

CSVデータをテンプレートの指定位置に書き込み、大量のHTMLファイルを自動作成。

HTMLエンティティ化

HTMLのソースをエンティティコード(数値文字実体参照)に変換。

FFFTP

FTPアップロードの定番ソフト。

[無料ソフト・無料ツール]の続きを読む

• ホームページ作成リンク集
• ｜Trackback()
• ｜Comment(0)