本日の授業内容
[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の簡単インストールが可能
など
なお、お申し込みの際のリンクが分かりづらいので、以下補足します。
【申し込み手順】
1. トップページより以下赤枠部分のリンクをクリックします。
2. 以下赤枠部分のリンクをクリックします。
3. メールアドレスの登録を行います。
4. 登録したメールアドレスに、
「【Xdomain】お申し込みメールアドレスの確認」メールが届いたら。
お申し込みURLから、会員登録手続きを行います。
5. 申し込みフォームに必要事項を入力し、登録を完了させます。
6. 「【Xdomain】■重要■会員登録完了のお知らせ」メールが届いたら申し込み完了です。