2012年02月07日
講義010日目
------------------------------1H------------------------------
★職業能力開発基礎
●電話の受け方
・要点のメモ、認識を一致させる、確認の復唱
・わからない場合は折り返す（電話番号と所属、名前を確認）
・電話の最後に改めて自分の名前を名乗る
●電話をかける
・あらかじめ資料、メモなどを準備
・折り返し電話がほしいときに自分の連絡先を伝え忘れないように
・話のボリューム次第では相手の都合を考えて的確な手段で伝える
・伝言を伝えた相手の名前も控えておく
●アポイントメント
・決定した日時は基本的にずらさない
・時間が空く場合は先方に確認する
・遅れたりする場合は必ず先方に連絡をする
------------------------------2H------------------------------
●html補足
・フォーム
enctype="multipart/form-deta
method="post"
を書き忘れないように注意
・get
urlを書き換えることで、getで値を渡すことができる。
formのmethod属性を"get"とする事で、送信先のurlも書き換わる
getによるデータの渡し方のルール
echo $_GET["id"]."<br>";
「ファイル名」？「キー名」＝「データ」
http://kiso.com/html/output.php?id=getnotest
複数のデータを渡すときは ＆ を使う
echo $_GET["id"]."<br>";
echo $_GET["order"]."<br>";
http://kiso.com/html/output.php?id=getnotest&order=asc
「ファイル名」？「キー名」＝「データ１」＆「キー名２」＝「データ２」
・postとgetの使い分け
postは表示されない→ログイン周り、ファイルのアップロードなど
フォームの再送信画面が出る
getは表示される→サイト内の検索など
googleなどの検索でもgetを使ってる
urlだけ見る
★CSSの基礎
●CSS(シーエスエス)とは
Cascading Style Sheets（カスケーディング・スタイルシート）の略称。
●書き方のパターン
・内部記述
HTMLのヘッダー部分に直接記述（非推奨）
・インライン記述
HTMLのタグに直接記述（非推奨）
例）style="text-becoreation:none;"など
・外部記述
外部ファイルに記述し、ヘッダーで読み込む（推奨）
●セレクタ
・スタイルシートを適用する対象
●プロパティ
・適用するスタイルの種類
------------------------------3H------------------------------
★CSSの基礎
●内部記述
HTMLのヘッダー部分に直接記述（非推奨）
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
p {
font-weight:bold;
}
</style>
</head>
●インライン記述
HTMLのタグに直接記述（非推奨）
<p style="font-weight:bold;">pタグはスタイルシートでbold（太字）指定されている</p>
●外部記述
外部ファイルに記述し、ヘッダーで読み込む（推奨）
・kiso.com直下にcssフォルダを作成
/css/style.css
cssを
p {
font-weight:bold;
}
記述
・htmlの<head>に
<link href="/css/style.css" rel="stylesheet"
type="text/css" media="all" />
●コメントアウト
/*～*/で
●セレクタの種類
・要素型セレクタ
要素名で指定した要素
・全称セレクタ
すべての要素を指定する
・classセレクタ
要素名.クラス名（クラス名で定義）
・idセレクタ
要素名#id名（classと同じ動きをするが、一つのページに一つだけ使う）
・複数のセレクタ
セレクタ,セレクタで複数を定義
・子孫セレクタ
セレクタ半角スペースセレクタで下の階層のみに反映
------------------------------4H------------------------------
★css基礎
●プロパティ
・margin:
指定の仕方→margin:10 20 0 10
・padding:
指定の仕方→padding-right:0;
padding-left:0;
padding-top:0;
padding-bottom:0;
●カラーコード
・１６進数
------------------------------5H------------------------------
★CSS基礎
●実習
・左ナビ2カラムなど基本的なレイアウトの実習
------------------------------6H------------------------------
★用語解説
●キャメルケース
・ロジックの中で意味のある単語を表すために（任意の単語）
・contentwrapper→contentWrapperなど大文字を混ぜる
単語の最初でも良いContent_wrapperなど
が、PHPではクラスに使われることが多く
関数、変数にも表現の特徴がある
・単語の区切りがわかりやすい
・_でキャメルケースを表現してる場合もある
●CGI
・webサーバと連動してプログラムを動かすための環境のこと
・CGIの使えない環境→htmlやcssしか使えない
CGIの使える環境→php,perl,java,ruby等を使える
例）PHPが動くCGIの環境を持っている
★お問い合わせフォームの準備
●eclipseでphpプロジェクトotoiawaseフォルダを作成
hostsファイルに追加……
設定方法は
2012年01月30日講義005日目3Hを参照
apacheの再起動が不完全だったので（exitボタンで再起動した気になっていた）
うまく設定が反映されてなかったのですげー時間を無駄にした
こういうことの積み重ねか……
-----------------------------memo------------------------------
ブラインドタッチが不完全なのでやばい
記号とかの場所を完全に覚えないとスピードが足りない
0 件のコメント:
コメントを投稿