講義1日目（プログラミング理論①）

講義内容

いよいよ講義がはじまりました。1日目は『プログラミング理論①』です。
内容を簡単にメモ形式にてまとめてみました。

Firefox アドオンのインストール
  • Html Validator : 表示されたページのHTMLを検証しエラーと警告をステータスバーに表示する。詳細はソース画面で確認できるようになる。
  • Firebug : JavaScript コンソールやウェブページの HTML, CSS, JavaScript などの編集、デバッグ、DOM の解析機能などさまざまな機能があるWeb開発ツール。
  • Web developer : 様々な Web 開発ツールを統合したツールバー。
HTMLの基本構造

Terapad（テキストエディタ）を用いて、簡単なHTMLの作成

<html></html> HTML文書であることを宣言する
<head></head> ヘッダ情報（表示するための内部的な情報）
<title></title> 文書のタイトル（ブラウザのタグの部分に表示される）
<body></body> 文書の本体（人が視認できる情報）
<h1></h1>〜<h6></h6> 
　　見出し（数字が大きい方から大見出し、中見出し、小見出し...となる）
<p></p>　パラグラフ（段落として一つの範囲を指定する）
<ul></ul>　順序のないリストを表示する。unordered list
<ol></ol>　順序のあるリストを表示する。ordered list
<img src="ファイル名"> <img src="フォルダ名/ファイル名">
　　画像の表示（HTMLファイルと同じ階層になければフォルダを指定する）
検索について

検索エンジンの上位表示するには

  • タイトルと見出し（h1）の文頭を一致させる。
  • 文頭には企業名をいれず検索に強いキーワードを持ってくる。
  • 単語同士を「の」などの接続語でつなぎ、検索エンジンに単語として認識されるようにする。
  • 「です」「ます」および句読点、全角スペースはつかわない。
  • ユニークキーワードは一番後ろにもってくる。
Illustrator CS5の基本

新規ドキュメントファイル作成における『プリント』『Web』の違い。
図形、線形の作成。



初日は基礎的なものばかりでしたが、Web未経験者のためにスピードを落として進めていただきました。今後ペースがあがってもついていけるように基礎を疎かにせず、今のうちにしっかりとマスターしておこうと思います。

”左を制する者は世界を制す”*1

*1:ボクサー用語。基本の左ジャブをしっかり出来なければ、主導権も握れず間合いも取れないため右ストレートの威力も半減してしまい勝負に勝てない例え。