求職者支援訓練webサイト制作科授業資料

フェリカテクニカルアカデミー池袋の求職者支援訓練webサイト制作科7月クラスの授業解説ブログです。

Webデザイン

グリッドデザイン計算ツール

グリッドデザインを制作する場合、各コンテンツのサイズを1px単位でしっかり計算し、正しい値を出すことが大事です。どこかで1pxでもズレてしまうと、それが後々色々な所に影響が出てしまうので、事前にしっかりと計算しておきましょう。web上には便利な計算…

Website of the Year 2016

ここ数年、年末恒例となっている「Website of the Year 2016」が発表されました。CSS Design Awardsが主催しているこの「Website of the Year 2016」は現役クリエイターが審査員となり、デザインやアイデアが素晴らしいWebサイトを選出する、といったもので…

デザインガイドライン

各OSベンダーのデザインガイドラインを知る webサイトを「ユーザーが使う製品」として考えるならば、その製品に伴うデザインやカラースキームは個人の思いつきや突然のヒラメキで作るものでは無く、ある種のガイドラインに沿った物であるべき、という考え方…

無料の動画ライブラリーサイト

動画ライブラリー 最近は無料の動画ライブラリーも増えてきたので、上手く使いましょう。mazwai.com www.openspc2.org www1.nhk.or.jp www.videezy.com orangehd.com videos.pexels.com

Webフォントの使い方

Webフォントとは? 元来、ブラウザは端末にインストールされているフォントを呼び出し文字を表示する。端末のフォント如何では、Webデザイナーが意図しないフォントが表示されてしまい、デザインに制約が生じてしまう。フォントを画像にして表示するという手…

2カラムレイアウトまとめ

http://yachin29.webcrow.jp/2col-img.zip 使用テキスト PickupStreamHOME ABOUT CONTACT海岸のデコレーション海岸には砂や貝殻しかないように思ってしまいますが、よく見ると草花も生えていることがわかります。ただし、海水や潮風、強い日差しなどの影響で…

好きなサイトをまとめる

webデザインを勉強するのに1番必要なものはやはり、既存のwebサイトを見ることです。もちろん初学者がいきなりプロの作ったサイトを真似して同じ物を作れるようにはなりませんが、色の使い方など参考になる事は山程あります。まずは自分のデザインの引き出…

Webサイトを見る、知る

Webサイトを見る Webの勉強を始めるうえで大事な事はまず数多くのWebサイトを見る事です。 もちろん見ているだけで作れるようにはなりませんが、画家を志している人が名画を見るように、建築家を志している人が建築物を見るように、音楽家を志している人が音…