PREMIUM
スライド資料
授業の概要
チャプター
-
自己紹介&アジェンダ
02:52 -
制作に入る前に
05:51 -
環境構築
06:30 -
htmlファイルを制作
00:48 -
ドリームウィーバー起動 新規ドキュメント制作
01:01 -
【質問】Dreamweaverが入ってない場合は?
01:00 -
【質問】ドリームウィバーCS6でも大丈夫?
03:57 -
headに設定を記述する <meta> <titele>
00:59 -
Dreamweaverのデータを保存する
02:48 -
headタグに設定を書き込む
01:50 -
metaタグのcontentの説明
03:41 -
cssのlinkをペースト
02:00 -
bodyに書き込む
01:09 -
DLしたHTMLファイルのheaderタグを制作データのbodyの中にコピーする
00:46 -
headerタグの中身の解説
00:25 -
挿入されている画像データを制作ファイルに移す
00:50 -
挿入画像のwidth設定の解説
01:19 -
navタグの説明
03:11 -
div class=mainをコピーして制作データにペースト
01:20 -
metaの電話番号リンクの解説
01:42 -
データの保存
00:44 -
現在の制作状況の解説
00:48 -
制作フォルダの中にCSSフォルダを制作
01:15 -
Dreamweaverでcssファイルの制作
01:33 -
Chromeのインスペクタを使いCSSを制作
00:08 -
クイズ cssの書き方覚えていますか?
02:04 -
基本のcssを書く
00:40 -
・基本のcssを書くbody
03:53 -
【質問】ハイフンから始まってるプロパティって何か特別なのかな??
02:36 -
・基本のcssを書く img
01:07 -
・基本のcssを書く a
01:57 -
Chromeのインスペクタを使いCSSを制作
02:56 -
Chromeのインスペクタの使用方法
04:57 -
Chromeインスペクタの便利な機能
00:30 -
デザインを見ながらCSSをインスペクタを使って書く
02:06 -
headerのcssを書く
03:13 -
navのcssを書く
05:35 -
【質問】!マークでエラーが出た箇所はどうやったら消せますか?
02:29 -
【質問】完成形のhtmlファイルをインスペクタで見た場合は今の内容はどのタグ部分を選択したら見ることができますか?
01:46 -
ulのcssを書く
03:54 -
・aのcssをコピー&ペーストする
02:37 -
・ulの中身のタグのcssをコピー&ペーストする
01:19 -
ソーシャルメディアボタンのcssをコピー&ペーストする
01:11 -
【質問】操作の仕方で確認したいのですがインスペクタで見え方を確認しながらコードを作ってstyle.cssにコピペして保存することで作っていくということでしょうか?
02:27 -
残りのCSSを全てコピー&ペースト
00:52 -
完成したHTMLファイル、CSSファイルの解説
01:31 -
・imgのcss
00:55 -
・navのcss
01:46 -
・aのcss
00:53 -
・電話番号部分のcss
02:30 -
・footerのcss
01:34 -
jsファイルや関連ファイルを紐付けてインタラクティブな動きを実現
00:02 -
jsファイルフォルダを制作データのあるフォルダにコピーする
01:12 -
jsファイルの内容解説
02:43
-
Q:インスペクタでの変更はPCのメモリ上に反映されるだけで、ファイル(style.css)が変更されるのではないのですね
01:00 -
Q:スマホサイト用を勉強する場合、どのような書籍で勉強すれば良いでしょうか?
01:43 -
Q:先生が今までに手がけたスマホサイトの中から、参考にするべきものを教えていただきたいです
01:53 -
Q:スマホサイトに関して高解像度対応のため画像の大きさを2倍で制作するということなのですが・・・
01:50 -
Q:スマホ制作で一番気をつけないといけない事は?
01:35 -
Q:スマホでしか見られないサイトのソースを見る方法はどうすればいいんでしょうか?
02:20 -
Q:ネット検索は情報が沢山あって大変です。その中で正しい情報をどう探していけばいいのか、コツを教えて下さい
03:56 -
課題発表