7月の授業日記

PSのアセット機能

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

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

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

z-index

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

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

webフォント

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

• ファイルの重たさに注意（日本語フォント重い）

フォントの埋め込み

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

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

きょうのひとこと

次回からポートフォリオを作っていきます。

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

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

きょうのひとこと

素敵なポートフォリオを作りましょう

サムネイルの作成

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

きょうのひとこと

次回もポートフォリオサイトを作っていきます。