↓ホームページ作成のポイントチェックはこちら↓ ホームページを作る前に - 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の場合は、カラー設定[プリプレス用−日本2]にする。
webの勉強を始めて2週間。 知識ゼロからのスタート。 ブログももちろん、知識ゼロ。ブログタイトルは「webクリエイター手帖 〜たまご編〜」。 ー覚えた事を忘れないように、成長できますようにーたまごがかえる日を楽しみに、今日からブログを使って復習し…
大見出し 小見出し 番号なし箇条書き 番号つき箇条書き