【授業】Fire Works ボタンを作る

「長方形ツール」を使って角丸ツールでピクセル指定 →角丸四角角丸ツール%表示で使用(100%=端が完全な丸の形)角丸の半径を「100px」で高さ「50px」にしてしても結果は同じだが、無駄な計算が発生してファイルにふたんがかかる 真ん中右のフィルタ→photo…

【授業】GOOGLE MAPの埋め込み [Dw]

【授業】スライダー(J-Query) [Dw]

【授業】j-Query スムーススクロール

javascriptをアップロードして↓のリンクを書く <script type="text/javascript" src="smooth.pack.js"></script>設定の中のヘッダーにスクリプトソースを書く <a name="top"> </a> <a href="#top">ページトップへ</a>記事の上にパンくずリストを作って そこへ飛ぶようにすれば、独自レイアウトじゃなくても 飛ばせるようになる★トピックスパス

【課題】楽しいおかず・グリッドシステムCSS 縦組

縦3行のブロックで組む タグも「HTML5」を分かる範囲で使ってみた。マージンにばらつきがあるので、まだ修正要 <html lang="ja"> <head> <meta charset="UTF-8"> <title>楽しいおかず/グリッドシステム縦CSS</title> <link rel="stylesheet" href="style02.css"> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> </link></meta></head></html>

【課題】楽しいおかず・グリッドシステムCSS 横組

横に3つのブロックをつくって組んでみました タグもいままでの使い慣れたもの <html lang="ja"> <head> <meta charset="UTF-8"> <title>楽しいおかず/グリッドシステム 横CSS</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <header> <div class="box"> <h1><a href="index.html"></a></h1></div></header></div></body></html>

【授業】WORDPRESS

localhost/wordpress/ ※住所を書いて(自分のPCの中にある住所)にはいってwordpressにログインするデザインを一からからカスタマイズする場合古いバージョン(本などで説明されている)は「2010」 新しいバージョンは自動で入っている「2011」※短冊型のデザ…

 Fw

web用にスライスしたものの作成に使われる ファイル 新規テンプレートテンプレートに画像を入れたりするが 仕事として使うことはあるが、使い勝手がいいとはいえない Ps・ Aiで画像を作りこんで、Fwで配置するという使い方になることが多い べた塗りだとgi…

【授業】

風姿花伝からダウンロード tabだけチェックをつけて。demoでスタイルをみていいのをダウンロード あとはhdogsにいれて余計なものを削除serekuto k core widget「TAB」 売りになるテーマ 量がある情報を見せる方法toolsのほう スタンドアローン版からソースを…

【授業】サウンド [Fl]

【授業】日付取得 [Fl]

アクションスクリプト 関数は[NEW Date]日付はDate nowは好きな単語 yyyyも(慣習で何と入れるか yひとつだっていい) 日本の場合は月数は数字でカウントするので+1を忘れない(英語では0=januaryと変換すればいい)デジタル時計アナログ時計[Ai] A…

【授業】リップル [Fl]

リップル=さざなみ でタイトルアニメーションを作る ステージ色はHTMLに移すときのみ有効 背景色でコントロール 分解するのでアンダースコアゴシックでなくてもok(分解=画像にするということ) 1、 文字を打つ(何の書体でもok) 2、 修正→分解 3、 修正→…

【授業】HTML5 基本構造-02[Dw]

との違い レベルとしての文章の見出し section は意味を持たない 文章構造のブロックわけをするだけ section のあとは必ず h1 情報として伝える構造はarticlが上 検索させるためにはarticleにしないといけないが、サイトタイトルとをよむ と SEO h1、h2の差…

【授業】HTML5 基本構造-01 [Dw]

新規必須 html lang="ja"を入れる <body>だけにとか一部分の言語指定は指定したいところに書き込めばいいmetaは大文字小文字特に変更は必要ない略称は大文字が基本だが、PCは小文字でもかまわないcssなどのメタは読み取ってくれるので特に書く必要はな…

【授業】名刺をつくる(つづき) [Ai][Ps]

DTPの基本知識 解像度は 350 以上 画像は 2400 dpi以上 フォントは Open Type (フォントを闇雲にアウトライン化しない、若干太る) PCで色指定する場合は 5 %刻み(それ以上細かい指定は再現できない) 大きい面積の黒刷りは「リッチブラック」、K 100 %…

名刺を作る

【授業】Fl

Fl

上位表示は リンクがないと駄目 孤立しているページは絶対に検索されない フェイスブックでも、ツイッターでもだめハブになる 行き止まりはアウト なにか公的なサイトへの抜け道を作らないと駄目入り口と出口作る 外からのリンクを作る 外へのリンクを作る …

【授業】

画像解像度をそろえる大きい画像を重ねるのはメモリを食ってよくない ↓ ウィンドウ アクションを出す 自動処理=撥処理 ばちしょり 自分がほしい画像よりちょっと大きめに作るが基本 大き目を統一する メモリをとらず Brの機能 メタ情報を埋め込むソフト p…

【授業】透過PNG画像

【授業】課題サイト 発表!

課題サイト「竹下医院」制作 サイト制作、一次段階講評・病院では濃い色は使わない 見る人が、そこからなにか意味をとってしまうこともある他の人(プロ)がつくったデータをもっと見ること、いろいろな病院サイトをみて、そのまねから始めるヘッダーと グロ…

JS new array(オブジェクト)はあまりつかわない lengthは使い方両方一緒 定義するところはheadの中(PCに読み込ませたい情報) 辟。鬘後ラ繧ュ繝・繝。繝ウ繝・/title> var info=['繝帙・繝','莨夂、セ諠・ア','陬ス蜩∵ュ蝣ア','縺雁撫縺・粋繧上○']; var info=new …

【授業】 透過PNG画像

サイトのソースを見る サイトサッカー透過ピングはIEで見られないこともあるので使いすぎに注意買ってね、泊まってねってメッセージをストレートに出したほうがいい 説明過剰にならない、連想する素がほしいイメージが勝手に想像を手伝ってくれる 写真自体を…

【授業】Fl

【授業】

横並びのデータのなかからどれを表示させるか [ ] 0から始まることが大事var a:Array=new Array("10","12","7"); これは a[0]=10 a[1]=12 a[2]=7 と同じ曜日とか数をうたないといけないのが面倒⇒配列にするvar week:Array=new Array("日曜日","月曜日","火…

【授業】Fl

【授業】Fl

フォトショップでで400x300pxの画像を用意 FLタイムライン上に「空白キーフレームを挿入」で一文字づつランダムに配置 オニオンスキンマーカーでフレーム範囲を選択 左横の四角いボタンで画像を時間軸をまたがって画像を表示 すべてを選択して、整列で、画像…

【授業】Fl

【授業】Fl

Fl