Webデザインノート｜デザインNo.5 今日から隊員だ！

【Webデザイン】

【もくじ > Webデザインノート｜デザインNo.5 今日から隊員だ！】協和発酵キリン presents THUNDERBIRDS Lab.超javascript&Flashなイカしたサイトｗ前々回日記のThunderbirdつながりで“つい”チョイスしてしまいました…。当方、マニアでもフリークでもなん…

2011-06-12

Webデザインノート｜HTML〜CSS　ボタン実験

HTML CSS

【もくじ > Webデザインノート｜HTML〜CSS ボタン実験】ボタンにJavaScriptを使わない簡単な方法。 (黄色い矢印はマウスカーソルの代わりです。) ※画像クリックで私のサイトへ飛びます。「css/index.css」： div#nav { width: 750px; height: 40px; } div…

2011-06-11

Webデザインノート｜イラストレーター・練習その１

Illustrator

【もくじ > Webデザインノート｜イラストレーター・練習その１】サンダーーー♪バードーー♪ …じゃなくて。メーラーソフト「Thunderbird」のロゴ。トレースに１時間(笑) さすがにペンツールは手に馴染んできました(笑) というか、こだわると更にものすごく…

2011-06-10

Webデザインノート｜グローバルナビのボタン・つくりかた

CSS JavaScript HTML

【もくじ > Webデザインノート｜グローバルナビのボタン・つくりかた】こちら先輩ブログで技を盗むべく研究。【一人前のwebデザイナーを目指して｜web designbook】非常にありがたいので、リンク集にも貼らせて頂いております。ブログの名前も似てますし♪…

2011-06-09

Webデザインノート｜イラストレーター・内部素材その２

【もくじ > Webデザインノート｜イラストレーター・内部素材その２】先生の過去ブログです。 →web画像で利用するstyleライブラリ

2011-06-09

Webデザインノート｜HTML〜CSS　練習サイトの作成

HTML CSS

【もくじ > Webデザインノート｜HTML〜CSS 練習サイトの作成】実は以前の日記に書きましたが、練習・実験用サイトを作りました。サイドメニュー「Webデザイン｜リンク集」の一番下のリンクにあります。練習用なので、どんどん「チェーーンジ！」します。恥…

2011-06-08

Webデザインノート｜イラストレーター・内部素材その１(追記あり)

Illustrator

【もくじ > Webデザインノート｜イラストレーター・内部素材その１】↓コチラから Web 2.0 Gradient Swatches↓上のリンク先の赤丸のとこクリックダウンロードしたものを解凍し、中にある「Dezinerfolio.ai」を… →Adobe Illustratorのメニューバー「ウインド…

2011-06-07

ひとりごと｜Fireｆoxの簡単なセキュリティ設定

【もくじ > Webデザインノート｜Fireｆoxの簡単なセキュリティ設定】自宅のPCではよくても、不特定多数の人が使うPCではやっといたほうが無難。漏れてから慌てるんじゃなくて、とりあえず最低限、自分の情報は自分で守りましょう。（本当はセキュリティ…

2011-06-07

Webデザインノート｜HTML〜CSS作成手順

HTML CSS

【もくじ > Webデザインノート｜HTML〜CSS作成手順】 HTML〜CSS作成手順これはとても大事なので、自分で実際に描いて勉強。割とこの手順は崩れがちなので気をつける。とりあえずサクっとこんな感じ。ついでに「cacoo」で書く〜練習。誰でも簡単に使えるよ…

2011-06-07

Webデザインノート｜CSS基礎その１

CSS

【もくじ > Webデザインノート｜CSS基礎その１】 Webデザイン授業ノート【さくいん】 ●ユニバーサルセレクター ●margin ●文字の上下の空き ●em ●padding ●div ●ば◯IE ●ユニバーサルセレクター「*」で表す。「このページ全体を」という意味。CSSで最初に宣言…

2011-06-06

Webデザインノート｜イラストレーター　06/06

Illustrator

【もくじ > Webデザインノート｜イラストレーター 06/06】イラストレーター授業ノート ●複合パス(ctrl＋8) ※選んだオブジェクト全てを同じ"階層"にする。二つのオブジェクトを選択 →「オブジェクト」→「複合パス」●クリッピングマスク(ctrl＋7) "一番上のオ…

2011-06-06

Webデザインノート｜HTML・CSS　06/06

CSS HTML

【もくじ > Webデザインノート｜HTML・CSS 06/06】授業ノート●DTDについて charsetではshift-jisはあまり使わない。上記metaを記入しないと文字化けする。・「UTF-8」データベースを使う場合必要。(大文字と小文字の区別は特にない。) ・XHTMLの利点。そ…

2011-06-06

Webデザインノート｜Mac

【もくじ > Webデザインノート｜Mac】 MacBOOK購入を考えております。 win系マシンは自作経験あるので、パーツ性能〜ある程度の影響（計算すれば詳細）は判るのですが、Apple系はまだちょっと...。ちらっと見ましたが、少なくとも現段階ではi5以上で確定で…

2011-06-06

Webデザインノート｜デザインNo.4 ダンススクール東京

【Webデザイン】

【もくじ > Webデザインノート｜デザインNo.4 ダンススクール東京】ダンススクール東京中央のFlashにはみ出るようにメニューが配置してあるのが印象的。ちょっとした躍動感が表現できるのでしょうか。ソースチェックもしてみましたが、本日授業で習った、…

2011-06-05

Webデザインノート｜環境設定

PHP MySQL サーバー

【もくじ > Webデザインノート｜環境設定】 ◯「PHP」「MySQL」「Apache」のインストール＆初期設定を行いました。参考サイトはこちらなお、「FFFTP」については既に使用していたので省略したします。◯GIMP2という無料ツールを使って以前試し書きした画像をIl…

2011-06-04

Webデザインノート｜実験用サイト

只今、制作中。 …リンク、どこかに貼ってます。でもまだ、ないしょ(笑)

2011-06-03

Webデザインノート｜ブロックレベル要素・インライン要素

HTML

【もくじ > Webデザインノート｜ブロックレベル要素・インライン要素】インライン要素主にアンカータグ<a>。参考までに → インライン要素一覧ブロックレベル要素 <div> … ブロックレベル要素化 <dl> … 定義型リスト <h1〜6> … 見出し <hr> … 横罫線 <ol> … 番号付きリスト <p> … 段落 <table> …</table></p></ol></hr></h1〜6></dl></div></a>…