7月の授業日記

絶対配置とwebフォント

PSのアセット機能

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

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

z-index

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

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

webフォント

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

  • ファイルの重たさに注意(日本語重い)

ファイルの埋め込み

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

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

font-family:'第一候補’、’第一候補’;

今日の一言

問題なく進めることができているのでこの調子で進めていきたいです。

 

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

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

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

今日の一言

久しぶりにやる内容が少しあったが、問題なくついていくことができたのでこの調子で次も頑張りたいです。

フォトショップのところは少し怪しいところがあったので復習します。

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

サムネイルの作成

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

今日の一言

一個ずつやるのではなくまとめた少し手間がかかるがテンプレートを作ってからの方が後々作業が楽になると感じました。