2012年02月06日 講義009日目

2012年02月06日
講義009日目
------------------------------1H------------------------------
★職業能力開発基礎
  ●電話対応
    ・電話対応でのトラブル
    ・即答を求められる場合は後で確認して折り返す→わからないで終わらない
    ・無駄な時間をかけない
    ・一対一の会話なので、相手との認識のズレをなくして会話する
    ・電話対応は慣れることが大事
    ・会社を代表して話してるという自覚を持って会話をする
    ・メモ用紙と筆記用具は常に持っておく
    ・電話をかけた後、受けた後は連絡を徹底する
    ・自分の  会社→弊社
              上司→呼び捨てでかまわない
      相手の  会社→御社
              だれでも→さん付け
------------------------------2H------------------------------
★HTML基礎
  ●タグ
    ・基本的にHTMLタグは小文字で記述する
     （大文字でも動くけど見た目の統一で小文字でいい）
    ・タグで構成されたテキストファイルをブラウザが読み込んで表示する
    ・webサーバはブラウザに出力されるテキストファイルを返す
    ・タグは無数にあるので検索したりして探そう
  ●属性値
    ・<font color="red">
      <font color="#ff0000">
      <font size="20">
      <font size="20" color="#ff0000">
  ●特殊文字
    ・半角スペースなどの表現は→&nbsp;
    ・htmlとしてではなく、<>を表示する場合などに使われる
    ・全角スペースはそのままで表示される
      文章内での使用はかまわないが、コーディングには基本全角スペースは使わない
  ●</>（閉じタグ）を持たないタグ
    ・<br>とか
  ●<img>
    ・リンク先のタイトルと alt= の文章が一致してるとSEO的に良い
    ・ src=
  ●・絶対パス
      ツリー構造の一番上から記述
    ・相対パス
      現在位置から記述
      省略できる
      「.」 →ピリオド一つは現在位置から見たパスの位置を示す
      「..」→ピリオド二つは現在位置から見たパスの位置
      「/」 →
      現在、講義のwebサーバはhtdocs/kiso.com/を一番上と認識してる
    ・どっちを使うかは構成次第によって違う
      必ずしも同じフォルダの中に画像があるわけではない
      imageフォルダを設定する場合が多い
------------------------------3H------------------------------
先行教室の見学
------------------------------4H------------------------------
------------------------------5H------------------------------
★html基礎
  ●コメントアウト
    ・<!--から-->で囲む
    ・ソースの表示では見えてしまう
  ●<h1></h1>
    ・見出し→文字を大きく
    ・見出し一つのページには一つ（SEO的に）
  ●<p></p>
    ・段落
    ・段落後に行間ができるのが<br>との違い
    ・<p></p>に囲まれた中に<br>が入るのがhtml構文では望ましい
  ●文字を強調
    ・<b>
    ・<em>
    ・<strong>→キーワードと連動(SEO)
  ●リンクを貼る
    ・<a></a>
    ・href=(エイチレフ)
    ・たとえば、<a href="http://www.yahoo.co.jp">Yahoo!</a>
    ・タグの入れ子
      <a href="http://www.yahoo.co.jp">
      <img src="image/Sunset.jpg"
           width="500"←指定しなければデフォルトで
           height="600"←指定しなければデフォルトで
           alt="夕日の画像">
      </a>
☆●テーブルタグ
    ・<table>←表
        <tr>←行
         <th>名前</th>←見出し
         <th>画像</th>
        </tr>

        <tr>
         <td>田中</td>←データ
         <td><img src="/images/sample.gif"
                  width="200" height="150" alt="滝の画像"></td>
        </tr>

      </table>
    PHPとの関連的に重要なタグ
  ●<div>
    ・ブロック要素
    ・タグ単位で範囲を指定できるため、
    ・idやclassといったcssの属性を記述しやすくなる
    ・くわしくはcss基礎で
------------------------------6H------------------------------
★html基礎
  ●フォーム
    ・ファイルのアップロードをする場合
     「ebctyp="multipart/form-data"」が必要になる
      <form action="./output.php"method="post"
      enctype="multipart/form-data">
   ・ ニックネーム:
      <input type="text" name="nickname" value="aaaa">
      type="text"は、一行のテキストボックス
    ・コメント:
      <textarea name="comment" rows="10" cols="60"></textarea>
    ・パスワード:
      <input type="password" name="pass">
    ・カテゴリ:
      <input type="checkbox" name="category[]" value="1">赤
      <input type="checkbox" name="category[]" value="2">青
      配列で受け取ることができる
    ・性別:
      <input type="radio" name="gender" value="1">男
      <input type="radio" name="gender" value="2">女
    ・写真のアップロード
      <input type="file" name="photo">
    ・HIDDENは見えない(右クリックでソースを確認)
      <input type="hidden" name="member_id" value="19">
    ・セレクトボックス
      <select name="category">
        <option value="1">勉強</option>
        <option value="2">仕事</option>
        <option value="3">遊び</option>
      </select>
    ・送信ボタン
      <input type="submit" name="送信する">
  </form>
-----------------------------memo------------------------------
先行してる教室で、簡単なwebサービスのプレゼン発表を見学した
一月後にはああいうレベルである程度のカタチにできるのかやはり不安になってきた
ちょっとあせりも出てきたのでコツコツ取りこぼさないように覚えていくしかない