illustrator、HTML

授業

illustrator

  • リフレクトツール
  • 回転ツール
  • 拡大・縮小ツール
  • グループ＆整列ツール

Shift,Alt,Ctrlキーなどを組み合わせた左手の操作が作業効率をUPさせるので習得しよう。

HTML

<p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
</html>
</p>

  • ul：unordered list＝リスト順序無し。黒丸。
  • ol：ordered list＝順序あり。 

<h1>結論:大見出し</h1>
<p>要約</p>
<h2>結論:検証</h2>
<p>解説</p>
<ul>
<li>検証の項目</li>
<li>検証の項目</li>
<li>検証の項目</li>
</ul>
<p>解説</p>
<ol>
<li>順書のある検証の項目</li>
<li>順書のある検証の項目</li>
<li>順書のある検証の項目</li>
</ol>
<p><img src="画像の住所"width="画像の幅"height="画像の高さ"alt="代替え文字"></p>

  • dl：definition list＝定義型リスト
  • dt：definition term＝用語
  • dd：definition description＝説明

    • 日付を使った更新情報の場合などにも使われている。

<dl>
<dt>リンゴ</dt>
<dd>赤くて丸いバラ科の果物</dd>
<dt>ミカン</dt>
<dd>黄色くて皮の薄いミカン科の果物</dd>
<dt>メロン</dt>
<dd>黄緑色で表面に溝があるウリ科の果物</dd>
</dl>
<dl>
<dt>11月21日</dt>
<dd>表組みの練習</dd>
<dt>11月20日</dt>
<dd>定義型リストの練習</dd>
<dt>11月19日</dt>
<dd>HTMLの基本構造の入力練習</dd>
<dt>11月16日</dt>
<dd>フェリカテクニカルアカデミーWebサイト制作科開講</dd>
</dl>

表組み
髪型のコーンロウのロウ（row）は畑の意味。
  • table：table
  • tr：table row＝行、列、並び
  • th：table head＝先頭、項目
  • td：table description＝説明

<table border="1" summary="カリキュラム内容のイメージ">
<tr>
<th>科目</th>
<td>内容</td>
</tr>
<tr>
<th>国語</th>
<td>正しい文書構造を理解する（パラグラフの概念）</td>
</tr>
<tr>
<th>算数</th>
<td>JavaScript、ActionScript、PHPなどでプログラミングの考え方を理解する</td>
</tr>
<tr>
<th>理科</th>
<td>力学からコンピュータの描画を理解する</td>
</tr>
<tr>
<th>社会</th>
<td>デザインの歴史、Webの歴史を通じていま必要なことを理解する</td>
</tr>
<tr>
<th>英語</th>
<td>Webのバックグラウンドから理解するために必要な言葉の理解する</td>
</tr>
<tr>
<th>図工</th>
<td>クロッキーと図解、デザインのルールを理解する</td>
</tr>
</table>

ブラウザで表示すると↓