授業内容
・超重要な手順 １、文章構造（HTML） ２、文法チェック ３、グループ化 ４、CSSを適応 ５、CSSのチェック ６、ブラウザのチェック（IE）
ポストデータ（POST）とクエリ文字列（GET）ポストデータ：封筒の中に収められた手紙の本文 クエリ情報：宛名の脇に添えられたメモ書き htmlspecialchars命令文字列に含まれるHTMLとして意味のあるもじを文字列に置き換え無害化します ・「ラベル」はユーザ…
・固定ページの「スラッグ」を英語表示にすると検索に有益 ・home.phpはindex.php（汎用）よりも優先される ※アップロードに関して ・DWのクロークを設定するとアップロードしないデータを指定できる ・アップロードしたくない生制作データを日本語のファイ…
・「/」を使い、「index.html（検索エンジンは持って帰らないので）」をつかわない ・メタタグを記事内に表示 ・「てによは」＋「ユニークなキーワード」 ・検索の候補を利用する ・「|」や半角スペースは区切りであり、ワンワードとして計算される ・ブック…
・「$name => $value」の「=>」は関係性、関連付けを表す矢印のようなもの ・「html」のコードはphpにおいて文字列として認識されてしまう→EX:「,」 ・「\n（改行）」を入れないとソースコードがつながってしまう ・「var_dump($変数);」は値抽出の検証に使…
・WordPress完了☆ 課題：サイト改善、jQuery教科書読破、PHP教科書読破、ドットインストール本日の参考サイト一覧：ランディングページ集めました。 http://lp-web.com/ ランディングページの厳選デザイン・リンク集／ランディングページ最適化・作成に関す…
１、JAVAはXamppに含まれていない ２、PHPはオブジェクト指向言語が特徴 ３、変数は「＄」が必須で、数字は不可→「$_file」は可 ４、全て正しくない ５、数字分のスペース＝PHPにおけるインデント ６、ダブルスラッシュ（//） ７、PHPは一番楽しいです ８、1…
・「«」は左向きダブル矢印 ・「»」は右向きダブル矢印 ・overflow:scrollをbodyにいれると左右のズレが解消される 9月18日はWordPress、19日、20日はPHPの本持参 課題：サイト改善、jQuery教科書読破、WordPress教科書読破、PHP教科書読破、ドットインスト…
PHPの初期設定（php.iniファイル内にて） ・「default_charset = "UTF-8"」 ・「mbstring.language = Japanese」 ・「mbstring.internal_encoding = UTF-8」 ・「date.timezone = Asia/Tokyo」 の頭の「；」を取り、上記の設定しなおして、XPにおいてもDWに…
・パーマリンク設定を日付と投稿名と設定することは上位表示と相関する ・PHPタグの間に半角スペースを入れると空く 9月13日はPHPの本持参 課題：サイト改善、jQuery教科書読破、WordPress教科書読破、ドットインストール本日の参考サイト一覧： 初期設定の…
今後の講習予定 9月〜11月の間（2ケ月）①PHP（フォーム：お問い合わせ） ↓ API ②WordPress（カスタマイズ、ポートフォリオ） ③レスポンシブ（PC+タブレット+スマホ） ・HTML5+CSS3、画像処理 ・スマートフォン（ネイティブ、JQuery Mobile）※PHP、WordPress…
・Google地図は目的地（お店）を見れるようにしないといけない→別の手作りマップでも可 ・「おすすめ」は初見してわかるようにしないといけない ・制作者が「どういうものができるか」をアピールできるようにすること ・クライアントが好きな色ではなく、「…
・「-moz-border-radius:4px; -webkit-border-radius:4px;」 はそれぞれＦＦとＣＣのブラザーのためにある設定 課題：ペルソナ設定、ＥＣ系統にサイト改善、jQuery教科書読破、ドットインストール本日の参考サイト一覧： Mozilla CSS 拡張仕様 https://devel…
・ECサイトは動くページがいらない→スライド式ビルボードは入らない ・ペルソナの設定においてライフスタイルにフォーカスする →買いやすい・見えやすいが最も重要 →パーミッションタイムで何を欲して見てるのかは重要 →設定したペルソナがどうやったら自社…
・使う色は三色をベースにする ・アクセント色＝補色を使うとくっきりに見える ・混色系（機械）より顕色系で選ぶ色の設計 ・デザインの四原則：近接（近い意味同士を一つのグループに）、整列、反復（繰り返すことで一貫性を）、 コントラスト（Contrast）…
・ヒアリングシートを使ってサイト構図を具現化→要件定義書 ・内容： ①サイトの目的②色彩計画：3色〜4色③キーワード設計④ターゲット（ペルソナ設定） サイト構造設計→ツリー構造サイトマップ ページ構造設計→ワイヤーフレーム：・Top・その他課題：サイトの…
・「margin」を設定するとカラム落ちする ・「display:inline;」を入れること 課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧： IE Tester http://www.my-debugbar.com/wiki/IETester/Home…
・本体オンリー、周りは選択で切り抜く ・正方形で切り抜く→画像が切れたりしない ・派手な色使い→色調、彩度高める ・ブラシツールで添え書き ・48×48でJPG保存 Geocoding ・住所を入力すると、経度・緯度検出してくれる ・経度・緯度をHTMLの「var myLatln…
・本文からタイトルへと発想、文章構成していく ・デザイン的に文字は細いもので写真を邪魔しないものがいい ・写真、特に商品の上に文字を載せない ・ＰＮＧ-８という拡張子を使ったほうがいい→きれいでデータ量が少ない 課題：サイトのまね制作、サイト改…
・PSにおいて長方形などを書くときはそもそもアンチエイリアス存在しない 斜線はジャギジャギになるので、アンチエイリアスをかける →アンチエイリアスは斜線などに対して中間色を当てて、ジャギジャギを滑らかに「見せる」 ・制限なしをチェック ・文字はア…
・.eps＝Encapslated Post Script＝(PS)のヘッダー情報→いじれない拡張子 課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧： Latest Articles 新着記事 / Webデザインの情報あれこれ http:/…
課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧： ホームページ制作.jp http://www.homepage-seisaku.jp/lp/?utm_source=google&utm_medium=cpc&utm_campaign=homepage&ac_source=google&a…
課題：サイトのまね制作、サイト改善と制作、jQuery教科書読破、購買心理、ドットインストール本日の参考サイト一覧： くつざわ建具店 http://tategukutsuzawa.client.jp/index.html 株式会社アースト http://mac.arst.jp/ wyse アーティスト団体 http://wys…
・metaのkeywordは「検索」されないが、文章構造に使われており、統一性があれば上位表示に貢献する ・metaのdescriptionは多くて三つ、「。」で区切り、「日本語」として読めなくても可 ・たとえば「、Webデザインの勉強」、metaのkeywordは入れなくても上…
本日の参考サイト一覧： ＷＹＺdesign http://www.wyz-design.com/ 虹村 マキオウ Nizimura Makiou ホームページ http://www.makiou.com/ 山田 有紀 Yamada Yuki ホームページ http://www.yamadayuki.com/ いずれ使用してみたいパララックス及びスクロール効…
・キーワードは多くて三つ、ＭＥＴＡのところで書かない ・ＣＳＳにおいてのシャドウ設定 →box-shadow: ０（横にずらす） ２ｐｘ（下にずらす） ４ｐｘ（ぼかす） ＃９９９（色） ・widthを960に設定することは大体の場合無難である ・画像のサムネームをＨ…
・asideはsidebarではなく、本文の「補充説明」として独立するタグ ・pの存在は検索エンジンにとって重要、特にbodyの中の一番最初のpタグ ・h1やpタグはsectionで囲まなくてもいい場合がある、特に一番最初→CCのレイアウト構造チェック ・headerのすぐ下にh…
・cssにおいてIDはつけるなら全部つけることにし、つけないなら全部とる課題：Ffを使ってソースを真似て作ってみる、サイト制作、jQuery教科書読破、購買心理本日の参考サイト一覧： Color Hex Color Codes http://www.colorcodehex.com/ 商用利用も無料で、…
・HTMLのアウトライン構造は一番大事 ・全体の文字詰めはトラッキング、個別はカーニング ・JQにおいてa要素設定のために「return false」を入力することで、「リンク」に飛ばずに画像などの変化ができる用語 JPEG (Joint Photograph Experts Group) GIF (Gr…
・「margin:0 auto;」は中央設置 ・heightとline-heightを同じ数値にすると中央に揃う ・「text-indent: -333em」文字をぶっ飛ばして表示させない方法課題：Ffを使ってソースを真似て作ってみる、jimdoのカスタマイズ、jQuery教科書の300ページまでの予習、…
