7月の授業日記

7/4 絶対配置とwebフォント

PSのアセット機能

psdファイルからレイヤー毎の最適化ファイルを自動でかき出してくれる機能

アセット使用時のレイヤー名

  • 書き出しファイル名.最適化拡張子

z-index

絶対配置では重なるので前後関係が発生し後に記述したものが上

z-index;で数値が多いものを上にできる

 

webフォント

フォントファイルを埋め込めば環境に依存せずフォントが指定できる

  • ファイルbの重たさに注意(日本語フォントは重い)

フォントの埋め込み

linkタグ htmlで指定
@import CSSファイルにも指定可能

CSSフォントファミリー指定

font-family:’第一候補’,’第二候補’;

きょうのひとこと

グーグルフォントで字を選んだので綺麗になった。

7/11 ポートフォリオサイト

ポートフォリオをwebで作るメリット

  • 手渡す必要がなく好きな時にみてもらえる
  • コストが掛からず部数ページ数気にせず作れる
  • 最新のものにアップデートできる

きょうのひとこと

フォントの利用によりメインビジュアルがよくなった。

 

7/17 ポートフォリオサイトレイアウト

サムネイルの作成

  • 大きな画像を並べても閲覧し辛く読み込みに時間がかかる
  • サムネイル(小さい画像)で並べると一覧しやすい
  • クリックして拡大させて大きな画像を見せる

きょうのひとこと

ポートフォリオサイトは見やすく便利なので作り込みたくなった