WebDesign basic:HTML/CSS 文法:参考リンク
- ◆HTML4.01◆
- ●仕様書 HTML 4.01 Specification (ja)(HTML 4.01仕様書)
-
●文法チェック Another HTML-lint gateway
アクセスできないときは↓ここにあるミラーサイトから
cetus.sakura.ne.jp へようこそ - ◆CSS2◆
- ●仕様書(日本語) Cascading Style Sheets, level 2
- ●仕様書(英語) Cascading Style Sheets, level 2
- ●文法チェック W3C CSS 検証サービス
- ◆CSSボックスモデル(動かせる。わかりやすい)◆
- Interactive CSS Box Model Demo
- ◆CSSレイアウト集◆
- ●CSSのレイアウト40種類 Layout Gala
WebDesign basic:web講習ための説明用サンプル(html/css)
- ◆小さなボックスをフロートさせてみよう◆
- 1 2 3 4
- ◆レイアウトの作り方(floatレイアウト例)◆
- 1 2 3 4
- ◆ナビゲーション◆
- ●文字だけでナビ
- ●背景画像でナビ (ダウンロード用zipファイル)
- ●背景画像でナビ2・ついでにアニメーションgif (ダウンロード用zipファイル)
- ●固定したナビ(固定の確認にはブラウザの縦サイズを短く。firefox,chrome用)
- ◆cssで、カーソルを変える◆
- CSSでカーソルを変える (ダウンロード用zipファイル)
WebDesign basic:Webサイトのための説明用サンプル_2 (html/css)
- 完成版
- CSSで整えたもの(css 外部ファイルとリンク)
- CSSで整えたもの(css 別バージョン)
- HTMLだけ表示(css 無効化)
- CSSで整えたもの(css 埋め込み)
- ダウンロード用zipファイル
- ひな形・テンプレート
- xhtml base
WebDesign basic:Webサイトのための説明用サンプル_3 (html/css)
- にくきゅうサイト
- 完成版
- 肉球は出てこないのですが、講習中、通称「にくきゅう」サイトと読んでいました。
後ほど、作成手順をアップします。
WebDesign basic:チップス
- 画像を後から入れるために場所を確保する
-
「写真や絵を入れる場所とサイズは決まっているけれど、まだできていない。
でも、レイアウトのために場所だけダミーで確保しておきたい。」
そんな方法の1つを紹介します。 - ◆lightbox2◆
- Lightbox2