ブログ風姿花伝「データベースについて」 データベースの仕事 データベースはさまざまな使い方ができるので、構築だけで仕事になる。 ミスが出来ないので仕事で使うデータベースは経験を積まないと作業させてもらえない。 ORACLEなどの資格が必要な場合もあ…
データはエクスポートできるが、設定など含めてのバックアップはプラグインを使う。
文字の可読性 黒字に濃い字を置くと読めない。 境界と文字の隣接 文字が端に密着していると読みづらい。
配列（array） その他 取得した個人情報を二次利用（DM送付など）することは違法。 ワケがわからなくなったら変数の中身の検証
ブログ「まとめ(2)」 PHP08
スパム対策プラグイン・akismetをインストール。 登録するとき、寄付金のスライダーを0にする。 その他 SNS用のCMS・OpenPNE
インデントは半角スペースを使う。タブは無視される。 ダブルクォートはそのまま表示。 シングルクォートは文字列で表示。ただし、計算式の中にある場合は無視されて表示されない。 「$a = $a + 1」を簡略化したものが「$a + = 1」。 「-=」、「*=」、「.=」…
テキストの続きを各自で進める。 2-8トップページの記事を複数ページで表示する 記事が新しい順で並んでいる時のリンクは、next→古い記事、previous→新しい記事となるので気をつける。 2-9フッターを表示する 2-10記事の個別ページを作成する 3-1記事の本文…
PHP設定ファイルで環境設定（文字コード・timezone） DreamWeaver[ファイル]→[開く]で[ファイルの種類]を[すべてのファイル]にして\xampp\php\php.iniを開く。 「;default_charset = "iso-8859-1"」を「default_charset = "UTF-8"」に変更。 「;mbstring.lan…
下絵を利用してパスタを描く。 下絵をテンプレートで配置。 パスタ パスをクリックで配置し、直線でなぞる。 [効果]→[スタイライズ]→[角を丸くする]で曲線にする。 コピーして３つ作り、それぞれ向きを変える。 重層的に見せるために、２番目に作られたパス…
テキストに沿って作成。 テキスト付属のデータ内のsampleをC:\xampp\htdocs\（設定したフォルダ名）\wp-content\themesに保存。 WordPressでの設定 外観→テーマでサンプルテーマを有効化。 カテゴリーのスラッグはキーワードになるもの。 テキストのcontent…
サイト制作
価格を提示しないと集客できない。
地図 拡大・縮小させずにひと目で位置がわかるようにする。 ２週間後あたりに途中経過プレゼンを行う。 第３回月例習熟度テスト実施。
jQuery Tools SCROLLABLE standalone demoのソースを利用。 Fire Foxは背景画像を保存できる。
Webデザイン初心者の勉強「タブパネル(3) jQueryUI」 jQuery UI jQuery user interface jQuery TOOLS jQuery TOOLS PhotoShopで色相・彩度を変えてカスタマイズ。 作成例 Zen Coding コーディングをショートハンドで記述して作業効率を高める拡張機能。 イン…
WebDesignWorks「キックオフ」「プランニング」 サービス内容がメイン。サービスをキーワードで表せないとサイトにならない。 色は好みで選ばない。 競合が多いキーワードは選ばない。ニッチで。 読み上げブラウザへの対応はまだ進んでいない。 ペルソナ こ…
先生がサイト制作関係のwebサイトを使って講義をしているのを聞きながら、各自制作を進める。 マンセルのカラーチャートのサイト：HUE/360 色ツールまとめサイト：creive スマートフォンサイト制作では、色を16進数ではなくCSS3から採用されたRGBAで記述する…
要件定義書の作成 cacoo登録。作成はcacooで行う。 作成例として過去の受講生の要件定義書を紹介。 内容は、 サイトの目的 ターゲット（ペルソナ） キーワード（検索用） 使用する色（３・４色。カラーチャートで） あれば参考サイト サイト構造設計（サイト…
全角スペースや→もキーワード扱いになる。 HTMLのエラーも評価対象。 ハブになっていると評価が高い。
○足あとのマーク 効果→スタイライズ→角を丸くする。アウトラインもこの形にするにはオブジェクト→アビアランスの分割。
IE6は、インターネットを日常的には使ってないPCに入っているときがある。 IE6でよくあるのがカラム落ちと透過PNGの不適応。 IEtesterで検証。xamppでテストサーバーを使って表示する。 DreamWeaverのブラウザーリストに追加できる。 カラム落ちを防ぐ float…
サイト制作の実務手順書をスキャンしたものを先生から配布してもらう。 ペーパーテストの問題は、この中から出題するとのこと。 実際にサイト制作していくにあたって、要件定義書、ヒアリングシート、ワイアーフレーム、制作仕様書、ガントチャートをつくる…
Favicon作成 先生が配布したケーキのイラストをPhotoShopでFavicon生成用に加工する。 多角形選択ツールでケーキ以外の部分を選択してdelete。 イメージ→モード→RGBにしてpsd形式で保存しておく。 Faviconのサイズにしても何の絵かわかるように色を調整する…
実践演習課題解説Q2 alert(point >= 70 ? '合格' : '不合格'); （if）point >= 70なら合格、（else）その他は不合格。 PlaceHolder 画像がない時に、ブラウザ上で画像スペースを仮に確保するツール：PlaceHolder <imgsrc="http://placehold.it/widthの値xheightの値"> を記述。↓例。 クロスフェード 講師記録 or </imgsrc="http://placehold.it/widthの値xheightの値">…
業種とサイト構築の関係性 業種によっては文章構造よりデザイン性を重視しても上位表示される。 ケーキショップのサイトはアウトラインを構築しなかったりtableレイアウトを採用しているものが多い。 情報系サイトではない場合は、見栄え重視で構わない。 た…
クライアントからの改修依頼があったという設定。 ビルボード画像 先生が配布したPSD形式の背景画像で作業。 長方形を描くときはアンチエイリアスのチェックを外す。 画像に不透明度60の帯を重ね、キャッチコピーを乗せる。 文字ごとのカーニングはalt←・→で…
ビルボード画像の任意の範囲にリンク領域を設定する DreamWeaverのデザインビューを開き、プロパティのマップ項目にあるホットスポットツールを使う。プロパティの下半分が表示されない場合は、プロパティ内のスペースでダブルクリックすると表示される。 任…
HTML <htmllang="ja"> <head> <metacharset="utf-8"> <title>H13C13</title> <linkrel="stylesheet"href="css/H13C13.css"> </head> <body> <divid="container"> <divid="wrapper"> <divid="content"> <h1><imgsrc="img/13/logo.gif"width="267"height="129"alt="Patisserie camellia"></h1> <divid="nav">…</divid="nav"></divid="content"></divid="wrapper"></divid="container"></body></htmllang="ja">
HTML <htmllang="ja"> <head> <metacharset="UTF-8"> <title>H12C12</title> <linkrel="stylesheet"href="css/H12C12.css"> </head> <body> <divid="container"> <divid="header"> <h1><imgsrc="img/12/logo.gif"width="290"height="38"alt="サンプルスタイルシートカンパニー"></h1> <divid="nav"> <ul> </ul></divid="nav"></divid="header"></divid="container"></body></htmllang="ja">
