Design Tips

あちこち調べてかき集めてきました。
全部正しいかどうかは分かりません。

・DOCTYPE 「Document Type（ドキュメントタイプ）」意味：文書型
・html 「hyper text markup language（ハイパーテキスト・マークアップ ラングェッジ）」
・head 「header（ヘッダー）」意味：冒頭
・body 「body（ボディ）」意味：本文
・h1〜h6 「heading（ヘディング）」意味：表題
・br 「Break（ブレイク）」意味：中断
・a 「anchor（アンカー）」意味：錨
・href 「hyper reference（ハイパーリファレンス）」意味：参照
・rel 「relation（リレーション）」意味：関連
・br 「Line Break（ラインブレイク）」意味：改行
・＆nbsp; 「no-break space（ノーブレイクスペース）」
・img 「image（イメージ）」意味：画像
・src 「source（ソース）」意味：源
・alt 「alternative（オルターナティブ）」意味：代わりの・選択肢
・div 「Division（ディヴィジョン）」意味：部分
・hr 「Horizontal Rule（ホリゾンタルルール）」意味：水平線
・li 「List Item（リストアイテム）」意味：リストの項目
・ol 「Orderd List（オーダードリスト）」意味：順序のあるリスト
・ul 「Unorderd List（アンオーダードリスト）」意味：順序のないリスト
・p 「Paragraph（パラグラフ）」意味：段落
・pre 「Preformatted text（プレフォーマッティドテキスト）」意味：書式の決められた文書
・td 「Table Data（テーブルデータ）」意味：テーブルデータ項目
・th 「Table Header（テーブルヘッダー）」意味：テーブル見出し項目
・tr 「Table Row（テーブルロウ）」意味：テーブルの行
・b 「Bold（ボールド）」意味：太字
・I 「Italic（イタリック）」意味：斜体
・U 「Underline（アンダーライン）」意味：下線
・S 「Strikethrough（ストライクスルー）」意味：打ち消し
・em 「emphasis（エンファシス）」意味：強調

ディスプレイ解像度800×600のブラウザで表示できる範囲は、
スクロールバーの幅を入れるて考えると、ページ横幅760pxが限界。

【参考】
yahooのトップページは710pxで作られています。

Windows（96dpi）環境での計算です。

【A4縦（横210mm）の印刷範囲】
左右に余白10mmとして、
190mm　=　718px　なので、約720pxが目安。

【A4横（横297mm）の印刷範囲 】
左右に余白10mmとして、
277mm　=　1046px　

【B5縦（横182mm）の印刷範囲】
左右に余白10mmとして、
162mm　=　612px


ページの幅はA4で出力できるサイズ（720px以内）
またはリキッドレイアウトを使用すること。
※参考ページ…http://www.geocities.co.jp/SiliconValley/3443/pixel.html

■& #13;& #10;

titleやaltで表示させる文章の、改行させたい部分に上記の改行コードを入れると改行して表示されます。ただしネスケだと文字化けします。
(&の後の半角スペースは抜いて下さい)

コードを入れなくても、ソース内で文章に改行を入れても同じ効果が出ます。

※altは、ネスケやMacIEではもともとポップアップツールが出ないので注意。

IE 6.0 から「イメージツールバー」という機能が追加されました。
画像にカーソルオンした時に画像の左上の表示される、「保存ボタン」や「プリントボタン」がついたツールバーのことです。

しかし、このツールバーは画像を中心に構成しているサイトなどでは鬱陶しく感じるものです。そこで、表示させない方法を紹介。


■イメージツールバーを消す方法（ページ全体）
<meta http-equiv="imagetoolbar" content="no">

■イメージツールバーを消す方法（画像ごと）
<img galleryimg="no">


これらは組み合わせて使うこともできます。