Dreamweaver使う

Web Dreamweaver

マウスオーバー Daniel NolanさんのHPを使用する。 http://www.dnolan.com/code/js/rollover/ 1.赤色部分をコピー＆ペースト 2.rollover.js 部分を右クリック→別名でリンク先を保存→jsフォルダに保存 3.各btn画像は、『btn-gnav03.gif』にするマウスオーバ…

2009-05-22

Dreamweaver

Web Dreamweaver

立ち上げるサイト→新規サイト→詳細設定→ローカルルートフォルダ：フォルダを選択→サイト名入力Point!! -フォルダ- ・日本語を含まない・デスクトップでの保存は基本的にNG

2009-05-17

Beauty Girl

Web 作品

常夏のナチュラルヘア＆メイクHTMLの練習として雑誌の1ページ部分の記事をホームページにしてみました。雑誌の記事とイメージが違いますが・・・。つぎは、CSSも作成して、もうちょっと作ろうと思います。人物のところはPhotoshopで切り抜いて、コピース…

2009-05-16

スタイルシート = css

Web

Point!! - css とは? - CSS = Cascading Style Sheet(カスケーディング・スタイルシート)の略。ウェブサイトのレイアウトを定義するためのもの。本来の文書を記述するHTMLからスタイル指定を分離すると考える。 - CSSをHTMLに適用させる方法 - ・HTML内に…

2009-05-10

style sheet を使う

Web 練習

HTML作成 <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title> 練習 </title> <link href="base.css" rel="stylesheet" type="text/css"> </head> <body> </body></html>

2009-05-02

見る

UNIQLO新宿西口にopenしたUNIQLOのファサードは、おもしろく洋服と広告がディスプレイされてます。今まで、あまり見たことのないデザインだなと思いました。一見ゴチャゴチャとしているかなと思いましたが、離れて見ると外壁はシンプルなので夜になると照…

2009-05-01

tag用語

Web

Document TYPE(ドキュメントタイプ) その HTML ファイルで使用している HTML のバージョンを宣言。ドキュメントタイプ宣言。※タグではない。 <head>Head(ヘッダ) 文書全体に関する指定など <title>ブラウザのツールバーに表示される/span> <body>Body(ボディ) 文書の本文を記述 <h1></h1></body></head>…

2009-04-26

Web基本

Web

HTMLで記述するべき内容情報の優先順位を決める優先順位の高い情報から→h1〜h6(一般的にはh5まで) 何の要素マークアップすればよいか迷ったら P 要素を設定する見出し＋本文の関係の次に箇条書きul, ol, dl の3種類を使い分けるテキストデーター(txt)か…

2009-04-19

site基本

Web

site plan構図 Point!! -site作成- ・ファイル管理はきちんとする。そのときはカナ文字は使用しない。・玄関となるindex.htmlをしっかり作成する。ファイル管理 Point!! -ファイル管理- ・ファイル管理は誰が見ても(他の人が修正する時など)分かりやすくし…

2009-04-18

card

作品 Photoshop

Happy Birthday授業で使った写真をアレンジして、Birthday cardにしてみました。ケーキの写真だったので、テーマを誕生日にしました。今月は母親の誕生日でもあったので、母親宛に贈ることを想定しました。 Photoshop、Illustrator使用制作時間 40分

2009-04-16

カレンダー

作品 Illustrator

Aplil4月のカレンダーを作りました。もう、4月中旬ですが。 4月は春。春はさくら。さくらはピンク色。と連想して色を決めました。 DICカラーを使い、2色とも同系色にし、明るいイメージにしました。日にちの部分は、Illustratorのスレッドテキストを使いま…

2009-04-13

web基本

Web

HTMLとtag ・HTML(HyperText Markup Language) Webページを記述するためのマークアップ言語・tag＝荷札、付箋といった意味の英単語 (例) → image source 英単語の母音を取り省略したもの。テキストエディター mi設定モード：HTML サイズ：9 改行コード：CR…

2009-04-12

ロゴ練習

練習

無印良品Illustratorの練習しました。まず、花びら１枚を楕円ツール・ペンツール・パスファインダを使用し完成させ、コピーして仕上げました。同じフォントではありませんが・・。 ※練習として使用させて頂きました。 Illustrator使用制作時間 20分

2009-04-11

Photoshop：メニューボタン(btn)作成

Web Photoshop

メニューボタン幅150pixel、高50pixel ■Photoshop新規作成→数値入力：pixel、解像度：72、カラーモード：RGB→ 長方形ツール選択→シェイプレイヤー選択→オプション：固定にチェック、幅：150pixel 高さ：50pixe→ スタイルパレットの中から選択→サムネイルをc…

2009-04-11

ボタン(btn)デザイン

Web Photoshop

美容関係美容関係のHPをイメージして、ボタンを作ってみました。女性がターゲットなので、色は薄めのピンクにしました。丸もグラデーションを使った所がポイントです。作り終えて見て、全体的に文字が窮屈にみえる気がします。境界線が太すぎた・・？も…

2009-04-09

Web基本

Web

WebとDTPの違い Point!! -Webの場合-・色（モード）:RGB ※DATAを軽くする為・ファイル形式： ai→gif eps→jpg ・互換 Webパーツを作成素材を使う■グラデーションの場合 Downlord完了→Photoshop開く→グラデーションツール→ プリセットマネージャ→読み込み→Do…