本日の課題の企業系サイトが完成しました。 ＜諸条件＞ 授業内５時間で画像制作からコーディングまで 色彩計画・キービジュアル画像は適宜 全体は、#conatiner幅「980px」 ヘッダー情報とフッター情報の見栄えは、ブラウザ幅全体を利用する 横幅「140px」ピ…
来週作成する企業系サイトのポイント。
サイトや印刷物のデザインのイメージをガラッと変えてしまう力のあるフォント。 一般的にもよく使われるフォントを集めてみました。 こちらのまとめがとっても詳しいのでご参考に 【デザイナー必見】直感で選んでない？シーン別欧文フォントリスト【サンセリ…
自習時間に注意された、「排他制御」について調べてみました。
＜初心者向け＞Dreamweaverの初期設定とワークスペースのリセット方法
PhotoshopでCSSスプライトでの横ナビゲーション画像の作成手順
完成図 イラストレーターで横ナビゲーション用のボタンを作る 上が通常時、下がマウスオン時ボタン１個のサイズは幅140px 高さ50px ＝ 全体幅980px 1pxでもズレないように、画像作成時は時々チェックすること ①枠線・・黒 1pxで長方形を作る （幅980px 高さ5…
ナビゲーション用の簡単なボタンのIllustratorでの作成方法
グローバルナビゲーション用ボタンをつくる（CSSスプライトで） ［Illustratorの設定］ ①新規作成→・新規ドキュメントプロファイルは「Web」 ・800px以上のサイズのものの場合は1024×768pxにする ・「新規オブジェクトをピクセルグリッドに整合」を必ずチェ…
間違いやすいCSSのおさらい
HTMLとCSSの、間違いやすいポイント ＜条件＞ #container：幅 840px・上の空き無し・左右は自動空き #header：高さ100px #nav：幅160px・高さ50pxのナビゲーションボタンが５個（nav1～nav5） #content：幅500px・高さ300px #footer：下余白50px 背景色は、…
Illustratorのペンツールでトレースの練習をしました
HTMLのフォームの目的は、ユーザーの情報・意見の収集です。フォームで集めたい情報から、内容・体裁・信頼性などからプログラムをくみ上げることが大事です。とりあえずHTML・CSSでのフォームのマークアップについて書いていきます。
１．コピースタンプツール 「コピースタンプツール」機能は、指定した場所の画像をコピーして、別の場所にペイントする機能です。この機能を使用すると、画像からゴミやキズなどの不要な部分を綺麗に取り除いたり、複数の画像を合成したりできるため大変便利…
リストを横ナビゲーション ナビゲーションの種類 グローバルナビ →実はあまり使われない サイドナビ →ローカルナビ フッターナビ →ローカルナビ パンくずリスト →現在位置を示す役割 横ナビゲーションの特徴・注意点・各メニューの横幅指定が必要・float: le…
解像度とレイヤーマスク - Webデザインの勉強 風姿花伝 | 2月20日開講クラス 練習課題（1） - Webデザインの勉強 風姿花伝 | 2月20日開講クラス 解像度について １インチあたりのピクセル数Macは72 dot/inch (dot per inch, dpi)Winは96 dot/inch紙データは7…
3月10日 午後 ぼかしの練習 写真の補正 ＜ショートカットキー＞ Ctrl + A 画像全体を選択 Alt + backspace 描画色で塗りつぶす Ctrl + backspace 背景色で塗りつぶす Ctrl + I 選択範囲を反転 画像 角版 ・・・全体の情報（背景も含む） 例えば洋服なら、着…
３月10日 午前 レイアウトの種類 floatの練習 レイアウトの種類 固定レイアウト 可変レイアウト ：情報の優先順位が付けられないと難しい ・リキッドレイアウト ・フレキシブルレイアウト 例：ケンコーコム - 健康メガショップ、Amazon.co.jp ・可変グリッド…
午前のカリキュラム タイピングテスト（約10分） CSSの記述のバリエーション ７種類 午後のカリキュラム CSSの記述のバリエーション ７種類の続き Photoshop ＜Memo＞ ファイルの新規作成 Ctrl + N ファイルに名前を付けて保存 Ctrl + Shift + S で時間短縮…
東京・池袋のフェリカテクニカルアカデミー web制作科での半年間の勉強の記録を綴っていきます。 独学でWordPressサイトを作ったり、Dreamweaverを勉強したこともありますが、独学での習得に限界を感じ、フェリカテクニカルアカデミーにお世話になることにな…
ナビゲーションをlist で作る <ul>で作るメリット ＝ 順番を入れ替えても成立する ◆記述例 <ul> <li class="nav01"><a href="#">ホーム</a></li> <li class="nav02"><a href="#">サービス</a></li> <li class="nav03"><a href="#">セミナー</a></li> <li class="nav04"><a href="#">会社について</a></li> </ul> １．リスト<li>にidをふる方法（上の例、一般的） ２．アンカー<a>にdをふる方法 → スタイルシートが複雑になる 例①…</a></li></ul>
