■［学習動画］ 一覧
※学習の閲覧や質問の際にご利用ください。閲覧が終了した動画をチェックして、学習の進行状況を確認しましょう！Dreamweaver/HTML5/CSS3講座
時間 ( 計10時57分 ) 約 40分 01_学習の進め方 約 03分 02_リファレンスの紹介 約 09分 03_サンプルファイルの確認 約 02分 04_Dreamweaverでの学習の準備(1) 約 12分 05Dreamweaverでの学習の準備(2) 約 09分 06GoogleCromeでの学習準備 約 05分 約 14分 01_webページを表示するしくみ 約 07分 02_webページをつくるファイル 約 07分 約 32分 01_HTMLとは 約 02分 02_HTMLの基本構文 約 07分 03_HTMLに必須の要素 約 09分 04_ブロックレベル要素とインライン要素 約 08分 05_属性を詳しくみる 約 06分 約 16分 01_HTMLを記述する際の注意 約 08分 02_実体参照 約 03分 03_HTMLのコメント 約 05分 約 13分 01_aアンカー 約 07分 02_相対パスと絶対パス 約 06分 約 02分 01_すべての要素を確認する 約 02分 約 29分 01_p_段落 約 03分 02_ul_順序なしリスト 約 03分 03_ol_順序つきリスト 約 03分 04_dl_説明リスト 約 05分 05_div_コンテンツ分割 約 02分 06_hr_主題分割 約 02分 07_blockquote_ブロック引用 約 05分 08_figure_図表、自己完結コンテンツ 約 04分 09_pre_整形済みテキスト 約 02分 約 24分 01_h1_h6_見出し 約 03分 02_header_main_footer 約 05分 03_article_記事など、自己完結コンテンツ 約 04分 04_section_セクション 約 02分 05_nav_目次 約 04分 06_address_連絡先 約 04分 07_aside_間接的な関係の文章 約 02分 Chapter04 HTMLを記述する際の注意 Chapter05 リンク構造を作る Chapter06 全ての要素を確認する Chapter07 テキストコンテンツに関する要素 Chapter08 コンテンツセクショニングに関する要素 HTML／CSS リファレンス 閲覧 チェック 動画タイトル Chapter01 オリエンテーション Chapter02 Webの基本 Chapter03 HTMLの基本約 19分 01_img_画像 約 05分 02_audio_音声 約 03分 03_video_ビデオ 約 03分 04_map_クリック可能な領域指定 約 08分 約 14分 01_table_テーブル 約 05分 02_table_行、列の結合 約 05分 03_table_その他の要素 約 04分 約 55分 01_formフォーム 約 07分 02_1行のテキスト 約 10分 03_1行のテキスト_emailアドレス 約 04分 04_1行のテキスト_パスワード 約 02分 05_複数行のテキスト 約 06分 06_セレクトボックス 約 07分 07_ラジオボタン 約 09分 08_チェックボタン 約 10分 約 16分 01_br_改行 約 02分 02_span_行内汎用コンテナ 約 02分 03_small_注釈 約 02分 04_strong_em_重要性、強調 約 03分 05_del_ins_編集範囲の特定 約 04分 06_iframe_インラインフレーム 約 03分 約 43分 01_設定されているメタデータの概要 約 04分 02_viewport_スマートフォン対応 約 06分 03_IE互換モード 約 02分 04_タッチアイコン 約 02分 05_ファビコン 約 03分 06_自動リンクの設定 約 02分 約 21分 01_SEO対策とは 約 03分 02_SEO対策の設定 約 07分 03_SNS対応、OGPとは 約 03分 04_OGPの設定 約 06分 05_Twitter専用の設定 約 05分 約 09分 01_youtubeの読み込み 約 04分 02_GoogleMapの読み込み 約 05分 約 06分 01_コンテンツモデルについて 約 06分 約 27分 01_CSSとは 約 05分 02_CSSの基本構文 約 06分 03_CSSを記述するところ 約 11分 Chapter16 コンテンツモデルについて Chapter17 CSSの基本 Chapter10 テーブルに関する要素 Chapter11 フォームに関する要素 Chapter12 その他、覚えておきたい要素 Chapter13 その他、覚えておきたい要素 Chapter14 SEO対策、SNS対策 Chapter15 地図、動画の読み込み Chapter09 画像とマルチメディアに関する要素
約 16分 01_セレクターの種類 約 02分 02_要素セレクター 約 02分 03_classセレクター 約 03分 04_idセレクター 約 04分 05_属性セレクター 約 02分 06_全称セレクター 約 03分 約 26分 01_擬似クラスとは 約 03分 02_hover 約 03分 03_checked 約 03分 04_active 約 02分 05_focus 約 03分 06_firstChild_lastChild 約 07分 07_firstOfType_lastOfType 約 05分 約 11分 01_擬似要素 約 02分 02_before_after 約 05分 03_fisrtLetter_firstLine 約 04分 約 17分 01_セレクターの組み合わせ 約 02分 02_複数のセレクタを同時に指定 約 03分 03_子孫結合子AB 約 04分 04_子結合子A-B 約 05分 05_隣接兄弟結合子A+B 約 03分 約 19分 01_CSSを記述する再の注意 約 02分 02_コメント 約 02分 03_カスケード 約 02分 04_スタイルの継承 約 06分 05_スタイルの優先順位 約 07分 約 31分 01_フォント全般の指定 約 03分 02_フォントスタイル 約 02分 03_フォントの太さ 約 02分 04_フォントサイズ 約 03分 05_行高の指定 約 02分 06_フォントファミリー 約 04分 07_文字色の指定 約 05分 08_文字横揃えの指定 約 03分 09_縦揃えの指定 約 05分 10_文字装飾の指定 約 02分 約 29分 01_CSSでの色の指定 約 14分 02_CSSでの長さの指定（1） 約 04分 02_CSSでの長さの指定（2） 約 11分 Chapter22 CSSを記述する際の注意 Chapter23 文字・行に関するプロパティ Chapter24 トピックス Chapter18 セレクターの種類 Chapter19 擬似クラス Chapter20 疑似要素 Chapter21 セレクターの組み合わせ
約 16分 01_背景全般の指定 約 02分 02_背景色 約 03分 03_背景画像 約 02分 04_背景画像のサイズ 約 03分 05_背景画像の繰り返し 約 03分 06_背景画像の位置 約 03分 約 51分 01_ボックスとは 約 04分 02_ボックスモデルとは 約 03分 03_border枠線 約 04分 04_borderradius枠角 約 02分 05_影をつける 約 05分 06_padding_内余白 約 05分 07_margin_外余白 約 03分 08_マージンの相殺 約 05分 09_高さの指定 約 05分 10_幅の指定 約 04分 11_高さ、幅の計り方 約 06分 12_アウトライン 約 05分 約 28分 01_表示に関する指定 約 06分 02_はみ出しに関する指定 約 04分 03_配置に関する指定 約 09分 04_配置位置に関する指定 約 03分 05_表示順に関する指定 約 06分 約 15分 01_時間変化 約 05分 02_アニメーション 約 07分 03_変形 約 03分 約 08分 01_フレックスボックス_flex 約 08分 02_floatとclear 約 06分 03_clearfix 約 05分 約 10分 01_@規制について 約 03分 02_画面の種類に応じたスタイル変更 約 07分 約 03分 01_JavaScript 約 03分 Chapter28 アニメーションに関するプロパティ Chapter29 レイアウト Chapter30 ＠規則について Chapter31 JavaScript Chapter25 背景に関するプロパティ Chapter26 ボックスに関するプロパティ Chapter27 表示・配置に関するプロパティ
時間 ( 計11時32分 ) 約 156分 01 完成形の確認と制作の流れについて 約 05分 02 コードエディタと制作環境について 約 08分 03 HTMLと使用するwebブラウザについて 約 09分 04 HTMLを作成してみる 約 11分 05 HTML5つの基本 約 08分 06 HTMLの組み方の手順（1） 約 06分 06 HTMLの組み方の手順（2） 約 09分 07 ヘッダー／フッダー／メインタグ 約 10分 08 見出しのタグ 約 12分 09 ブラウザの確認とHTML5 outliner 約 05分 10 What's tempwave？のマークアップ（1） 約 12分 10 What's tempwave？のマークアップ（2） 約 14分 11 ヘッダー 約 11分 12 アプリの機能紹介部分（1） 約 06分 12 アプリの機能紹介部分（2） 約 10分 13 フッター 約 04分 14 headタグの中身について 約 10分 15 W3C Validation Service 約 06分 約 337分 01 CSSとは？ 約 08分 02 reset.css 約 07分 03 CSSの記述ルールについて 約 12分 04 CSSコーディングの流れについて 約 08分 05 文字のサイズと色の設定 約 06分
06 font familyとweb fontについて 約 13分
07 フルードイメージについて 約 05分 08 ヘッダーエリア（1）ボックスの説明 約 07分 08 ヘッダーエリア（2）Margin-auto 約 08分 08 ヘッダーエリア（3）line-height 約 08分 08 ヘッダーエリア（4）marginとPaddingの違い 約 11分 09 横並びレイアウト float（1） 約 06分 09 横並びレイアウト float（2） 約 15分 10 floatの続き（1） 約 10分 10 floatの続き（2） 約 05分 11 背景画像の調整 約 12分 12 フッターエリア（1） 複数の背景画像の設定 約 14分 12 フッターエリア（2） 中央揃え 約 12分 12 フッターエリア（3） spanタグ 約 12分 12 フッターエリア（4） 仕上げ 約 07分 13 font-awesome 約 13分 14 背景関連 約 09分 15 flexboxの基礎（1） 約 08分 15 flexboxの基礎（2） 約 09分 16 flexboxを使った様々なレイアウト 約 05分 17 特徴エリア 約 11分 18 flex-direction 約 12分 19 様々なセレクター 約 10分 20 アイコン部分の設定 約 14分 21 特徴部分の仕上げ 約 16分 22 What's tempwave（1） 約 07分 22 What's tempwave（2） 約 11分 22 What's tempwave（3） 約 12分 22 What's tempwave（4） 約 14分 01-01. アプリサイト - HTML 01-02. アプリサイト - CSS - PC HTML／CSS ワーク 閲覧 チェック 動画タイトル
約 120分 01 スマホサイトのコーディングのポイント 約 13分 02 ヘッダーのスマホ用レイアウトの調整 約 08分 03 スマホ用レイアウト（1）What's tempwave 約 06分 03 スマホ用レイアウト（2）weather now 約 06分 04 box-sizing-border-boxについて 約 09分 05 ヘッダー 細部の調整 約 12分 06 What's tempwave 細部の調整 約 07分 07 オーバーレイ 細部の調整 約 07分 08 weather now（1） 約 06分 08 weather now（2） 約 07分 08 weather now（3） 約 08分 09 フッター 細部の調整 約 14分 10 文字周りの調整 約 09分 11 タブレットで見たときの見た目の調整 約 08分 約 41分 Google Chromeの検証ツールの使い方 約 18分 CSSが効かない時に確認したいこと(1) 約 12分 CSSが効かない時に確認したいこと(2) 約 11分 約 38分 FTPについて(1) 約 10分 FTPについて(2) 約 10分 サイトの公開方法(1) 約 06分 サイトの公開方法(2) 約 12分 時間 ( 計0時51分 ) 約 51分 01.Webってなに？ 約 21分 02.Ｗebサイトを作るのに必要なもの 約 12分 03.Ｗeb制作の流れ 約 18分 01-05. サーバーへのアップロード Web概論 閲覧 チェック 動画タイトル Web概論 01-03. アプリサイト - CSS - SP 01-04. 番外編
