ゆがみフィルタを使う。被写体と周りがはっきり分かれていれば、自動選択ぼかし20でまわりクリック。細かい点が残ったらshift+長方形で囲う。「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。Dreamweaverやメモ帳などなんでもいいのでテキストで作成。田中先生ポートフォリオサイトはレスポンシブで作りましょう。レスポンシブでないものは検索評価が落ちる傾向。PC(win)でモバイルチェックするにはMobilizer。先生がサイト制作関係のwebサイトを使って講義をしているのを聞きながら、各自制作を進める。作成はcacooで行う。作成例として過去の受講生の要件定義書を紹介。使用する色(3・4色。先生が配布したケーキのイラストをPhotoShopでFavicon生成用に加工する。多角形選択ツールでケーキ以外の部分を選択してdelete。イメージ→モード→RGBにしてpsd形式で保存しておく。田中先生サイト制作の実務手順書をスキャンしたものを先生から配布してもらう。ペーパーテストの問題は、この中から出題するとのこと。田中先生クライアントからの改修依頼があったという設定。先生が配布したPSD形式の背景画像で作業。長方形を描くときはアンチエイリアスのチェックを外す。画像に不透明度60の帯を重ね、キャッチコピーを乗せる。DreamWeaverのデザインビューを開き、プロパティのマップ項目にあるホットスポットツールを使う。プロパティの下半分が表示されない場合は、プロパティ内のスペースでダブルクリックすると表示される。丸を描いて、頂点のパスをアンカーポイント切り替えツールでクリックして尖らす。上に伸ばしたりして形を調整。薄い色で縦長の楕円を描いて重ねる。先生が配布する素材画像を組み合わせてつくる。ガイドで範囲を決める。背景のケーキ画像を読み込み、レイヤーでマスクを追加してグラデーションツールで白地になじませる。ケーキ画像のクッキーをなげなわツールで選択、コピー。(前回のつづき)CSSでtable部分を指示通り入力。template.htmlを別名保存。HTMLでform部分を指示通り入力。template.htmlを別名保存。FireWorksでカンプから画像切り出し。新着情報はdlではなくpで記述。ベースはグラデーションつきの角丸。台形に変形させて奥行きを出す。襟もとは、内側を2つの楕円に濃淡差をつけて重ね、襟と影をペンツールでパスを設置して作る。グループをあげてエコロジー/環境問題に取り組んでいます。田中先生htmlデータは先生から配布。FireWorksでカンプから画像の切り出し。id="main")の画像(タイトル、商品画像、購入リンクボタン)を切り出し。田中先生facebookのグループからデータをダウンロード。中身は全ページのカンプ、baseのCSS、ナビゲーションのIMG。tableでレイアウト。マークアップを見直し、HTML→文章構造、CSS→装飾に分業。