My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

1/31 [HTML] 画像・表組み・リンク / [Illustrator] 変形・直線・曲線

f:id:sntkk3:20140228225012g:plain

  1. HTML(画像・表組み・リンク)
  2. Illustrator(変形・直線・曲線)

HTMLについて学ぶ

テキストエディタ文字コードを設定

f:id:sntkk3:20140216111417p:plainメニューバー「表示ーオプション」

文字コード」タブ
初期文字コード UTF-8N 初期改行コード LF
保存文字コード UTF-8N 保存改行コード LF

f:id:sntkk3:20140216111417p:plain「表示」タブ

全角空白 チェック


f:id:sntkk3:20140228213539p:plain 講師からのお役立ちアドバイス


PC購入時、パーテーションは別でないものを選ぶ
(メモリの確保にはパーテーションは別でない方が良い。PC作業において、順調に処理を行うにはメモリの確保が重要!)



【参考メモ】

フリーのお薦めテキストエディタ
Crescent Eve(Dreamweaver の代わりになる)

開発者サイト:http://www.kashim.com/eve/


インターネット上の画像(写真)
写真(画像) 文字を補完するもの
 
適切に使わないと、文字が読まれない
alt = "" 画像検索に使われる



【用語メモ】

ネスト   →   入れ子のこと
ニュースリリース   →  株主向け情報
dt     definition term
dd     definition data


row(列)
語源:
野原   人が種まきに入って筋ができた場所
コーンロウ(トウモロコシ畑

table row
tr(タグ)だけ数えていけば何行かわかる
th(タグ)   太字 センタリング

hr(タグ)   現在は、裏側の意味付けのみに使われる
(表面的なレイアウトでは使われなくなってきている)

<a href="#"> ヌルリンク どこにも飛ばない
<br> 改行タグ 文法的には良くないが、改行できる


絶対パス相対パス

サイト内の場所指定は、相対パスで記述する。
検索エンジンがなるべく簡単に情報を探せるような工夫が評価される。)

./ 同じフォルダ内
../ 一つ上のフォルダ内
../../ 2つ上のフォルダ内

例え 廊下の外に行くイメージ



Dreamweaverを使う

【初期設定】
メニューから以下を設定
「サイトの管理-新規」
「ウインドウ-ワークスペースのレイアウト-コーダー」



Illustratorの練習(ペジェ曲線の練習)

Illustratorで描かれたデータは
「ベクトルデータ」と呼ばれる。

ベクトルとは

作用、反作用がある。
Illustratorで線を描くとは、こうしたベクトルの作用、反作用の性質を利用して実現しているということ。

【練習】 イルカを描く

こちらの下絵を使い、イルカを描いてみます。 
f:id:sntkk3:20140329222553p:plain
   
できました。 ↓
f:id:sntkk3:20140329222933p:plain
まだまだ練習の余地はありますが、現時点ではこれでよしと言うことで。