2011-03-01から1ヶ月間の記事一覧

ワイヤーフレーム作成

■ワイヤーフレームを作成 ワイヤーフレーム…webサイトの骨組み、設計図、構成図。header,content,bannerなどブロック分け。 好きなホームページをスクリーンショット。全面表示→Pearl Crescent/Flashコンテンツをキャプチャー Illustratorにテンプレートで…

ボタンによる制御

■スロット ■レモン ■ピーチ

文字のサイズ

■見出しの文字サイズ比較 ■ブラウザ基準値 16px≒1em≒100% 14px≒0.875em ※正方形に近いmを基準とする ■DTP基準値 9pt≒13Q 中明朝体 正体/ベタ/タテ組 単位Q…Quarter 1Q=0.25mm=1/4mm (1mm=4Q) Q(級)≒H(歯)

ブログ作成ツール-はてなDiary

■はてなDiaryに登録 はてなDiary

ホームページ作成ツール-jimdo

■Jimdoに登録 Jimdo

レンタルサーバー-NINJA TOOLS

■レンタルサーバーに登録 NINJA TOOLS

ファイル転送ソフト-FFFTP/Cyberduck

■ファイル転送ソフトをインストール FFFTP (Windows版) Cyberduck (Mac版/Windows版)

エラーチェックサイト

■エラーチェックサイト Another HTML lint (HTMLのチェック) CSS Validation Service (CSSのチェック)

テキストエディタをインストール

■テキストエディタをインストール TeraPad (Windows用テキストエディタ) 秀丸 (Windows用テキストエディタ) Crescent Eve (Windows用テキストエディタ) mi (Mac用テキストエディタ) ■TeraPadの設定 編集モード:HTML 表示メニュー(設定は下記参照) ※拡張子…

Firefoxをインストール

■Firefoxをインストール web業界の標準ブラウザであるFirefoxをインストールする。 ■Firefoxにアドオンを追加 Firefoxにアドオン(拡張機能)を追加し、エラーチェックや記述ミスを発見する。 HTML Validator JS View Web Developer 更に、こちらのアドオン…

Photoshopの起動時のリセット

■Photoshop起動時のリセット Photoshopをダブルクリックで起動。 すぐに[Command]+[option]+[Shift]を同時に押す。 設定ファイルを削除する。 ※Photoshopのエラーを防ぐ為の方法なので、起動時の習慣にする。 〜なぜPhotoshopはエラーを起こしやすいのか?〜…

Photoshopのカラー設定

■Photoshopのカラー設定 [編集メニュー]→[カラー設定] 下記のように設定。 ※ちなみにDTPの場合は、カラー設定[プリプレス用−日本2]にする。