↓ホームページ作成のポイントチェックはこちら↓ ホームページを作る前に - web勉強ホームページ作成でいばらの道かな

クラスメイト（プロのカメラマンさん）に、モニターのキャリブレーションをしていただきました。 「Eye-One Match」をインストール後、キャリブレーター（高額！）を使いモニターの色調整。 私のmacbookは古く、モニターも劣化しているそうで限界はあるもの…

■バナー広告風 ActionScriptではなく、タイムライン制御でムービーを作成。

■キャラを歩かせる

■減速スライド（横バージョン） ■減速スライド（縦バージョン）

CMS(Contents Management System)HTML,CSSなどが出来なくても簡単にWebサイトを作る事が出来るツールの総称。専門知識が必要な部分はすべてシステム側に制御させ、テキストや画像などの情報のみを入れていくだけでwebサイトが作れる。例として、WordPress,Bi…

■jQueryを使ったドロップダウンメニュー 「メニュー」をクリックするとドロップダウンで「サブメニュー」表示。「サブメニューA」の一番下は更にドロップダウンで「サブサブメニュー」表示。 ↓クリックすると実際の動きとソースを確認できます↓

今、クラスで話題の「塩娘」。 クラスメイトの方のご実家で作られている塩です。 せっかくの塩味を楽しみたいと、朝は「塩むすび」、夜は「枝豆とビール」でいただきました。 スーパーの安い、しおっからい塩とは違う、やさしい甘みを感じます。 丁寧に作ら…

■jQueryを使ったscrollable+LightBox 横スクロールのサムネイルをクリックするとライトボックス表示。ライトボックスのボタンをカスタマイズ。 ↓クリックすると実際の動きとソースを確認できます↓

■jQueryを使ったタブ タブをクリックするとテキスト表示。 ↓クリックすると実際の動きとソースを確認できます↓

■jQueryを使った角丸の背景 ↓クリックするとソースを確認できます↓

■jQueryを使ったアコーディオンパネル 項目をクリックするとテキストがアコーディオン風に表示。 ↓クリックすると実際の動きとソースを確認できます↓ Headerをクリックするとテキストがアコーディオン風に表示。Headerに画像を挿入。 ↓クリックすると実際の…

■縦に可変する背景画像 テキストの長さに合わせて、枠の画像も伸び縮みさせる方法 htmlのブラウザプレビューをキャプチャー。 photoshopで開き、必要な枠幅を確認。ドロップシャドウ分をみてcontent幅よりやや小さめ。 角丸シェイプで枠作成。ドロップシャド…

今日の授業を振り返って、整理してみる。 XAMPPをインストール。 WordPressをダウンロード→解凍。 XAMPPのhtdocs内に解凍したwordpressフォルダを入れる。 XAMPP→ApacheとMySQLを起動。 セキュリティのページで、MySQLのパスワードの設定。 XAMPP→ApacheとMy…

■ワイヤーフレームを作成 ワイヤーフレーム…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

■Jimdoに登録 Jimdo

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

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

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

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

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

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

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

webの勉強を始めて２週間。 知識ゼロからのスタート。 ブログももちろん、知識ゼロ。ブログタイトルは「webクリエイター手帖 〜たまご編〜」。 ー覚えた事を忘れないように、成長できますようにーたまごがかえる日を楽しみに、今日からブログを使って復習し…

大見出し 小見出し 番号なし箇条書き 番号つき箇条書き