H１の下の最初のPに命をかけろ！＠9月26日

授業内容 WEBのお役立サイト HTML&CSS Illustrater

H１の下の一番最初のPに命をかけろ！
以上、本日の先生の格言でした。卒業生の方が来て、ためになる話をして下さいました。

Web Developerを入れる

「Web Developer」　Fire Foxの機能で、HTMLやCSSの編集に役立つ強力なツール。CSSの無効化とか、出来るらしいけど、今度試してみよう。
使い方の参考サイト
ただし、Firefox3.6にダウングレードしたMacに限りメニューバーにメニューは表示されないので、「ツールメニュー」を使う。

◎MAC使用者には「Default FolderX」が、超おすすめ(有料）。
　以前、制作したファイルに、ダイレクトに戻れるツールだそうです。

定義型リスト

span class="synIdentifier"><dl>
<dt>リンゴ</dt>

<dd>赤くて丸いバラ科の果物</dd>
<dt>ミカン</dt>
<dd>黄色くて皮の薄いミカン科の果物</dd>
<dt>メロン</dt>

<dd>黄緑色で表面に溝があるウリ科の果物</dd>
</dl>

tableの作成

そもそもの考え方は、フィールド「table」を、畑（row）にするために人が種をまきに入ります。
その、人が種まきに入った筋が横に筋を作った状態を「tr（table row）」と考えます。
つまり、tableは「tr」ありきで、それを抜いて成立しないということです。

商品名商品番号価格
味覚の京都販売終了
大阪食い倒れセット1397-OS-055250円
北海道詰め合わせ販売終了

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>横方向のセルを結合</title>
</head>
<body>
<table border="1" cellpadding="5" summary="">
<tr>
<th>商品名</th><th>商品番号</th><th>価格</th>
</tr>
<tr>
<td>味覚の京都</td><td colspan="2">販売終了</td>
</tr>
<tr>
<td>大阪食い倒れセット</td><td>1397-OS-05</td><td>5250円</td>
</tr>
<tr>
<td>北海道詰め合わせ</td><td colspan="2">販売終了</td>
</tr>
</table>
</body>
</html>

colspan(横の結合）
rowspan（縦の結合）
<td></td>の間を空けてはダメ。

イラストレーター

●回転ツール（５分割する場合）
　※基準点を[Alt]クリックをしてダイアログボックスを表示
　※「360/5」と入力し、演算を指定する
↑
知らんかった。。。
WINマークをコマンドと間違えて押して、20回位画面を出す。きぃ〜、WINめ。