1月２２日授業内容

大事なこと

・仕事をする上ではコストパフォーマンスを考えて働く。（どれだけいい作品を短時間で作れるか）
・人を管理できる能力は必要

 

・Mac用　Win Archiver Liteについて

www.danshihack.com

 ・VDT症候群

パソコン病(VDT症候群)の予防・対策法 - Webデザインの勉強 | Webサイト制作科 1月20日開講クラス

 

 

　　　　RGB＝Red,Green、Blue 　Violet（見える光）


  • プログラムのネーミングはお茶の名前が通称で、付随のものはお菓子の名前が多いらしい

HTMLの入力

講師ブログ：

http://d.hatena.ne.jp/web-0818/?of=0（１月２２日）

 

HTMLの基本構造

Webデザインの勉強 | Webサイト制作科 1月20日開講クラス（１月２３日）

 

 

  • ３０分間HTML入門

30分間HTML入門 -- ごく簡単なHTMLの説明

 

タグ名称

Uniform Resource Locator（ユニフォームリソースロケータ、URL）または統一資源位置指定子（とういつしげんいちしていし）は、インターネット上のリソース（資源）を特定するための形式的な記号の並び。

 

  • ＜＞=angle brackets
  • !=extranation
  • lang＝langage
  • ja=japanese
  • dt=definition term
  • dd=definition description
  • dt=definition date
  • table
  • tr=Table Row・・・trの数を見ていくと何行の表組みがされているかわかる
  • td=table data
  • th=table header
  • width＝幅
  • caption=
    caption. (記事・論説などの)表題，タイトル; (章・節・ページなどの)見出し. (新聞・雑誌などの)写真[さし絵]の説明文. 〈記事・さし絵などに〉タイトル[説明文]をつける; 〈映画に〉字幕をつける.

 

  • パラグラフの概念

http://webdesignbegineer.hatenablog.com/entry/2015/10/07/000000 


  • ネスト＝（入れ子）という意味でHTML使用時は大きな箱の中に小さな要素を入れる箱を連想すると良い

 

  • ワードラップ（自動改行）

 

http://e-words.jp/w/%E3%83%AF%E3%83%BC%E3%83%89%E3%83%A9%E3%83%83%E3%83%97.html 
  • 今日のプログラミング内容
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>はじめてのHTML</title> 
</Head>
<body>
<h1>最優先の見出し</h1>
<p>ページの要約</p>
<dl>
<dt>りんご</dt>
<dd>赤くて丸くて、甘酸っぱい果物</dd>
<dt>2016年1月２２日</dt>
<dd>初めてのHTML</dd>


<p><a href="http://www.amazon.co.jp/b/ref=s9_dnav_bw_ir02_b?_encoding=UTF8&node=575110&pf_rd_m=AN1VRQENFRJN5&pf_rd_s=merchandised-search-6&pf_rd_r=0Q03SJ56RF9SQ9VAW219&pf_rd_t=101&pf_rd_p=238077229&pf_rd_i=562016"><img src="sample.jpg"alt=""></a>
</p>


</dl>
<ul>
<li>番号なし箇条書き</li>
<li>番号なし箇条書き</li>
<li>番号なし箇条書き</li>
</ul>
<ol>
<li>番号付き箇条書き</li>
<li>番号付き箇条書き</li>
<li>番号付き箇条書き</li>
</ol>
<h2>テーマの見出し</h2>
<p>テーマ本文</p>
<h3>項目の見出し</h3>
<p>項目の本文</p>
<h3>項目の見出し</h3>
<p>項目の本文</p>
<table width="300" border="1">
<tr>
<td>月</td><td>火</td><td>水</td>
</tr>
<tr>
<td>○</td><td>○</td><td>○</td>
</tr>
<tr>
<td>×</td><td>○</td><td>○</td>
</tr>


</body>
</html>
 
 
 


illastrator基礎知識

・色
H＝色相（Hue）
S＝彩度(Saturation)
B＝明度(Value,brughtness)


http://illustrator-mania.com/hsb-color/ 


イラストレーターについて
プログラムとして表示できるのでどのブラウザで表示しても同じように表示される
貼り絵構造になっている＝古いものは下になる

形の変形

d.hatena.ne.jp


選択ツールでオブジェクトを選択し、リフレクトツールを選択して反転コピーしたい支点部分をAltを押しながらクリックして水平か、垂直を選択し、コピーを押すと反転してコピーができる。


選択ツールで選択して、回転ツールを選択後に回転の支点を選択して回す
＊支点を中心として角度ごとに複製したい場合はオブジェクトを選択して、Altキーを押しながら支点を押して、ダイアログボックスを開く。その後、角度入力を入力する（ex,９０度ごとに複製したい場合360/4）。その後コピーを押すと複製される。
同一のオブジェクトを複製したい場合はCtrl+D(Duplicate)を押す。
＊できた形を他のところに複製する方法＝Alt+クリック


オブジェクトを選択し拡大・縮小する支点をクリックして、Shiftキーを押しながら拡大・縮小する