ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/915/room ーーーーーーーーーーーーーーーーーーーーーーー

2. 本日のアジェンダ
DreamWeaverのセッティング
制作仕様書に基づいてhtmlを
宿題と質問
5分
20分
5分
本日のアジェンダ
photoshopの設定
ssから、カンプ制作！
宿題と質問
5分
20分
5分

5. chromeのスクショ拡張機能 http://goo.gl/YxzxtN
スクロール
でスクショ
するにゃ便利にゃ
!
http://akikito.com/
schoo/20140522/
ローカルのhtmlは
スクショとれないにゃ。
ネットに上げてない人は
これを使うにゃ

7. フリー写真素材サイトまとめ15選
http://liginc.co.jp/web/design/material/36659
商用利用ＯＫ・クレジット表示不要の
フリー画像素材配布サイト30選
http://e1116.blog.fc2.com/blog-entry-4.html
!
今日の仕上がり見本
akikito.com/schoo/20140529/schoo_fashion.zip

9. 本日のアジェンダ
DreamWeaverのセッティング
制作仕様書に基づいてhtmlを
宿題と質問
5分
20分
5分
本日のアジェンダ
前回宿題の添削
!
サムネールの制作
宿題と質問
10分
10分
5分

12. フリー写真素材サイトまとめ15選
http://liginc.co.jp/web/design/material/36659
商用利用ＯＫ・クレジット表示不要の
フリー画像素材配布サイト30選
http://e1116.blog.fc2.com/blog-entry-4.html
!
今日の仕上がり見本
akikito.com/schoo/20140603/schoo_fashion.zip

15. 本日のアジェンダ
DreamWeaverのセッティング
制作仕様書に基づいてhtmlを
宿題と質問
5分
20分
5分
本日のアジェンダ
photoshopのスライス切り出し
宿題と質問
25分
5分

18. フリー写真素材サイトまとめ15選
http://liginc.co.jp/web/design/material/36659
商用利用ＯＫ・クレジット表示不要の
フリー画像素材配布サイト30選
http://e1116.blog.fc2.com/blog-entry-4.html
!
今日の仕上がり見本
akikito.com/schoo/20140605/schoo_fashion.zip

19. 次の授業「カンプからスライス切り出しした画像を
webページに組み込む「HTML＆CSS特訓」では
本日スライス切り出しした
画像をページに配置して行きます。
!
全３回で制作したビルボード３枚と、
サムネール１５枚、そしてTopsとBottoms
計12枚のサムネールに対応した
ライトボックス画像を準備しておきましょう。
（大きさは横幅790px以下で600px以上程度）