カンプからCSSを起こすときに使える機能。 デザインビューで表示→トレーシングイメージ→ロード。 ルーラーは表示→ルーラー→表示。 ガイドをダブルクリックすると移動距離の指定ができる。

psd形式で書き出すことでレイヤー構造を保持できる。 テクスチャは保持できないので、FWでコピー＆PSでペースト。 ガイドをダブルクリックすると移動距離の指定ができる。

GoogleドライブのプレゼンテーションはPowerPoint形式で書き出し可能。 飲食店のサイトは商品写真を揃えるのが大変。 知り合い関係のサイト制作は、人間関係に注意。 とことん追求して価値あるものなら趣味サイトを作ってもOK。 レンタルサーバーはLolipop26…

マウス操作 a要素 return:false; ブラウザ 選択時の背景反転 ::selection{background:#○○○;} toggle アニメーション アコーディオン 参考サイト：街をつくる建築作法

図形 描いたあと変更しやすい。 シェイプはプロパティでストロークの種類を、基本→エッジの硬い線（角）。 角丸にするなら柔・角。 カンバスのサイズを図形に合わせる場合は、変更→カンバス→カンバスを切り抜きorカンバスに合わせる。 テキスト（字詰め） カ…

HTMLはアウトライン構造が命 サイト制作での最重要事項は、情報を伝わりやすい文章構造で組み立て、これに沿ってHTMLでマークアップすること。 そのためには、まず中身となる情報を見て構造を把握する。 具体的にはツリー構造。本でいえば、 1.本のタイトル…

htmlデータは先生から配布。 商品紹介ページ（チーズスフレ、苺のバースデーケーキ、焼菓子詰め合わせ） FireWorksでカンプから画像の切り出し。 各ページの内容（div id="main"）の画像（タイトル、商品画像、購入リンクボタン）を切り出し。 DreamWeaverで…

facebookのグループからデータをダウンロード。 中身は全ページのカンプ、baseのCSS、ナビゲーションのIMG。 カンプから画像切り出し FireWorks 各カンプをページごとに読込み プロパティで座標指定X:0 Y:0 webレイヤーに切り出す素材 ガイドを引く→スライス…

表示・非表示を切り替える hide()メソッド show()メソッド fadeOut()メソッド fadeIn()メソッド fadeTo()メソッド 1000＝1秒。 show、fadeInは対象をdisplay;none;で消しておく。 fadeToは不透明度が0になっただけで対象は消えていないので、他の要素の位置…

複数ページのCSSを1つのCSSファイルで管理する場合、それぞれのページのbodyに個別のid名を振ることでstyleを分けることができる。

リンクのリストを作る。 pタグ デザインビューにリンク先の項目を入力。コードビューにすると自動的に改行ごとにpタグが振られる。 ul、liタグ リストにしたい項目にカーソルを合わせておいて、プロパティのリストをクリック。 aタグ アンカーリンクを設置し…

ジョブカードはまだ普及しておらず企業から提出を求められることは少ないが、自己理解をする手段として作成する。 ジョブカードの作成手順 自分で記入する キャリア・コンサルタントにチェックしてもらう 修正する 完成したら認定キャリア・コンサルタントが…

jQueryを利用すると、JavaScriptより少ない記述で済む。 head内でscript srcをGoogle Ajax API CDNに指定する。 minはソース内の改行コードを省いて軽量化したもの。 DreamWeaverでjQuery用のローカルサーバー設定 セレクタ body内の１番下に記述。 $(functi…

HTMLの変遷 HTML4 tableでレイアウト。 XHTML マークアップを見直し、HTML→文章構造、CSS→装飾に分業。 HTML5 表記統一。 現在、HTML5に完全対応でしているのは、Google Chrome、Android各ブラウザ、iPhone Safari。 HTML5のマークアップ HTMLタグのhr、br、…