web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

14日目

本日は…

午前中はCSSでliを横並びにしてナビゲーションを作る

午後はフォトショでいろいろ

 

CSS

■liでつくる…

・ナビ以外にもパンくずリストなどを作れる

 →現在位置を教える

・クライアントは会社の説明を書きたがるが、閲覧者は何を取り扱ってるかの方に興味があるので、項目名が一致しない

・ナビはクリックされない。パンくずやキーワード、テキストリンクのほうがクリックされる

・デザイン、見栄え上必要

スマホでも押しやすいように、面で提示することが求められる→ボタン

 

※ulには必ず幅を指定する

※liにはalignや幅、floatを指定

 ※※それ以外はすべてli aに指定すること!

・id名に幅を指定するのはフロートを落ち着かせるため

:インライン要素でやると、画像では間にスキマが出来る

 

Fs編

■コピースタンプツール

 スキャナでの映り込み修正などで使った

alt + クリックでスタンプを作る→クリックで複製

 ※似たような画像で一部を埋めるなら、範囲選択して、編集→塗りつぶし→コンテンツに応じる でもできる 向き不向きあり

 

■文字に対してドロップシャドウ

・文字を書く…(文字オプションで行間変更なども可能)

・文字を白くしてから、文字レイヤーを選ぶ→レイヤースタイル→レイヤー効果

 →ドロップシャドウ →暗い色(乗算なので背景がちゃんと見える)

・文字は黒いままで →光彩 →明るい色(スクリーンなので背景は見えない)

 ※文字が黒いときは、レイヤーオプションをスクリーンにすると黒が消える

 

■ペンツールで…

 ・選択範囲を作る→大きいパスの中に小さいパスを描いた場合、自動で複合パスになってくれる→パスの名前をつける

 ・パスのサムネイルをctrl+クリックで選択範囲にできる

 ※選択範囲をざっと選ぶには→選択ツールのアイコンから探せ

 ※細かい部分を取る…選択範囲→「境界線を調整」→エッジ検出か、出力☑不要なカラーの除去で毛などを細かく抜ける

 ・DTP用に、パスをクリッピングパスにするときは平滑度は入れない

 ※※レイヤーマスクにしたりできないのが、タイトル背景のレイヤー

 ※背景レイヤーには出来ないことが色々ある!!