My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

7/14 Portfolio 制作に向けて (1)

本日の授業テーマ

Portfolio制作に向けて

ポートフォリオ制作に向けての学習メモ

本日の授業内容

[Tips] マウスオーバー

hoverがうまくいかないときに参考にしたいサイト

hover疑似クラスは宣言順序に注意が必要です - Web標準普及プロジェクト

http://www.mozilla.gr.jp/standards/webtips0012.html


ロールオーバーの実装

[ 参考サイト一覧 ]
オンズ » 【JavaScript】onmouse属性を使った簡単なロールオーバーの作り方。 :
http://on-ze.com/archives/1516

jQuery Easy Rollover :
http://y-kogawa.github.io/snippet/JavaScript/jquery.easy-rollover/

今すぐ使いたい!jQueryマウスオーバーエフェクトまとめ - NAVER まとめ :
http://matome.naver.jp/odai/2137181527906055501



[Tips] 画像の修正
シャドウ・ハイライト
逆光で影になった暗い部分を明るくしたり、ハイライトになっている明るい部分を暗くしたり、
画像の明暗を調整することができる機能です。

以下サイトが参考になります。

[参考サイト]
Photoshop ヘルプ | シャドウとハイライトのディテールの調整 :
https://helpx.adobe.com/jp/photoshop/using/adjust-shadow-highlight-detail.html

上級者も使える「シャドウ・ハイライト」 | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO :
http://shuffle.genkosha.com/software/photoshop_navi/color/8526.html


アンシャープマスク
ピンぼけを直すのに役立ちます。

料理写真などで、ツヤ、テカリを強調するのにも役立ちます。 


[参考サイト]
フォトショップ:アンシャープマスクの使い方 : Retouch WebLaboratory :
http://retouch-weblab.com/photo/usm/

3.9. アンシャープマスク... :
https://docs.gimp.org/ja/plug-in-unsharp-mask.html

1-(4)アンシャープマスク | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive - :
http://www.mdn.co.jp/di/articles/553/?page=6



階層構造のリスト
階層構造の箇条書きをページに入れたい時に参考になります。

[参考サイト]
2/4 クリックで深い階層が現れるリストの作り方 [ホームページ作成] All About :
http://allabout.co.jp/gm/gc/377237/2/



その他

初心者が習熟すべきスキル

[ HTML/CSS ハンドコーディング ]


【無料レンタルサーバー

ここがおススメのサーバーだそう
Xdomain(エックスドメイン)サーバー
www.xdomain.ne.jp

【長所】
・大量アクセスに強い
WordPressの簡単インストールが可能
など


【 PR 】



なお、お申し込みの際のリンクが分かりづらいので、以下補足します。

【申し込み手順】
1. トップページより以下赤枠部分のリンクをクリックします。
f:id:sntkk3:20151213204544p:plain

2. 以下赤枠部分のリンクをクリックします。
f:id:sntkk3:20151213204612p:plain

3. メールアドレスの登録を行います。
f:id:sntkk3:20151213205005p:plain

4. 登録したメールアドレスに、
「【Xdomain】お申し込みメールアドレスの確認」メールが届いたら。
 お申し込みURLから、会員登録手続きを行います。

5. 申し込みフォームに必要事項を入力し、登録を完了させます。


6. 「【Xdomain】■重要■会員登録完了のお知らせ」メールが届いたら申し込み完了です。