2012-05-01から1ヶ月間の記事一覧
授業メモ XAMPP インストールする際、ファイアーウォールのネットワークをプライベートにする phpMyAdminの初期設定ユーザー名はroot 終了するときはSTOPさせてからEXITを押す Dreamweaverでテストサーバーを構築 Xamppフォルダにあるhtdocsフォルダ内に新規…
授業メモ サイト構築 空きは上下で作るのではなく、下で統一させる 地図は駅を基点にする 詳細に描くか、単純にするかは立地とお客さんがどこから来るか考慮する Flash flashムービーはメモに動きを起こしてからスクリプトを打つ 文字は大きい状態、完成型か…
架空のケーキ屋、Wants Cakeを構築 作ったページ http://puisto.moo.jp/wants_cake/index.html index <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
順番が前後しました。 Webページについて 以下の問に答えなさい。見出しや段落であることを表すための[ HTML ]を記述します レイアウトなどの見た目は[ CSS ]で記述します Webサーバーにデータを送ること アップロード Webサーバーからデータを取得すること …
応用 各ブロック同士の空きは、「10px」 幅「800px」を前提に、他の数値の変化は適宜おこなうこと <lang="ja"> <head> <meta charset="UTF=8"> <title>確認テスト2</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, print"> </head> <body> <div id="container"> <div class="wrapper"> <div id="header"> <h1>heade…</h1></div></div></div></body></lang="ja">
CSS Spriteの復習（練習） <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
ナビゲーションの復習 以下のリストを、「縦並びボタン」と「横並びボタン」に設定してみましょう。 サイズ・色は自由。 <ul> <li><a href="#">HTML+CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP</a></li> <li><a href="#">WordPress</a></li> <li><a href="#">ActionScript</a></li> </ul>
【CSS11】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで 記述場所はエンベッド XHTML 1.0 Transitional テキスト無し（すべて画像で、代替文字は空
【CSS10】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで 記述場所はエンベッド XHTML 1.0 Transitional 背景画像は作成する（アプリケーションは自由選択） メニューは擬似クラスで指定
授業メモ CSS課題の解説 CSS06 min-width: これ以上小さくする場合はスクロールバーが出るようにする CSS10 contentにnegative-margin デザイン・サイト設計 見せたいものだけごちゃごちゃ飾るのではなく分散させる→全体に分布させる事が大事 ターゲットは絞…
授業メモ header の練習1 <html lang="ja"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="print, screen"> <title>headerの練習</title> </head> <body> <div id="container"> <div id="header"> <h1>Information World</h1> <h2>Technical Information</h2></div></div></body></html>
ベーシックな企業サイトを組む 参考：スタイルシート上級レイアウト <html lang="ja"> <head> <charset=UTF-8" /> <title>サンプル スタイルシート カンパニー</title> <style> * { margin: 0; padding: 0; } body { font-size: 0.7em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo</charset=utf-8"></head></html>…
授業メモ Photoshop のシェイプツールでボタンを作る シェイプの固定値で長方形を描く(値を設定するとき、ピクセルにスナップをチェック) 好きなスタイルを適用 文字をシェイプの外に打ち、センタリングにする シェイプと文字のレイヤーを選択し、水平、垂直…
授業メモ FFFTP-接続設定 接続→ホストの設定→新規ホスト ホストの設定名：任意の名前 ホスト名：FTPサーバー名 ユーザー名：FTPアカウント名 パスワード：FTPパスワード PASVモードを使うにチェック 文字コードをUTF-8にする Dreamweaver-接続設定 サイトの…
授業メモ Flash movie Illustrator で車を描く（→線のみで描かれている場合はアウトライン化する） flash にコピー＆ペースト。AI ファイルで 修正→シンボルに変換 モーショントウィーンで時間を決めたら車を移動させる ボタンを作り挿入→新規シンボル 複製…
授業メモ Flash movie ライブラリにあるのがシンボル プレビューされているのがステージにあるのがインスタンス フラッシュで文字を使うのは重い→画像にする GIFアニメ Illustrator でアニメ用画像を作り、ファイル→カラーモードRGB 書き出し→PSD、スクリー…
Form を習ったので練習兼、前回できなかったところをやり直しました。 【CSS09】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド フォームボタンを設定（できなければ、段落内…
授業メモ <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習</title> </head> <body> <form action="#" method="post"> <p>お名前： <input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容：<textarea name="subject" rows="5" cols="40">お問い合わせ内容</textarea> <p>スマートフォン：…</p></p></form></body></html>
Photoshopメモ（5/15〜17） クイックマスク-選択範囲 マグネットツールで選択範囲を作る クイックマスクモードにし、消しゴムやペンツールで細部を調整 描画モードで編集をクリックすると選択範囲ができる レイヤーマスク-合成 合成する写真をCtrl を押しな…
授業メモ サイト画像 背景画像は一部だけ作り、残りは背景色でつなげる カタログ（通販）サイトはチラシ、紙媒体のようにすると良い 今の主流はガーリー。ステッチ、布地など センターでなく左揃えが多い→チラシ的 切り抜きのエッジがはっきりしているものは…
【CSS09】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド フォームボタンを設定（できなければ、段落内に画像２つ）
じっくりコトコトの冷たいスープはじめました。 サイト全体というより、この新商品と商品ページがとても気になった。 黄色と青のパッケージ、ページが目を引く。 のれんや手書き風フォント、イラストで和風な夏の印象になっている。 青系、氷の背景が涼しげ…
授業メモ position absolute の外側(囲み、親要素)はrelative にする IE はfixed は使えない z-index: 上に重ねられる→absolute に対して使う。100単位〜上が1000 position は右側のナビや、フッターナビの右端だけにコンテンツを置くときに使う。またはfloa…
授業メモ Dreamweaver 左側のボタンからサイト管理を選択→編集 昨日作ったファイルのサイト名、フォルダを選択 サイト名には漢字も使える サイト管理から新規フォルダを作成していく 画像 説明のいらない画像はbackground-image キャプションで説明を入れる…
復習、応用 スポーツ新聞の見出し風にするのが面白かった。 だいたい赤、青、黄の信号カラーを使っているので目を引くのも納得する。 ドット 線端を丸型にし破線にチェック、線分を0にする 線幅がないので丸くなるという仕組み 路線、縁取り文字 コピー、前…
確認テスト <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
【CSS08】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド
【CSS07】 サイズは適宜、調整すること 定義型リストに「float」の設定が必要 XHTML 1.0 Transitional <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
block 要素を使わずborder を重ねていたのでやり直してみました。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
Illustrator 5/8〜10のメモ グラデーションを使ったボタンの復習と応用 参照サイト Webデザイン。イラレは出来る子。フォトショなんかに負けないもん。 簡単だけどカッコいい！！メタル風ボタンの作り方（Photoshop） 複合パスとクリッピングマスク ブレンド…
