コース内容
環境構築
0/2
Google Chromeのインストール方法
VSCodeのインストール・使い方
現在主流のシングルページ！自己紹介サイトを作ろう！(HTML)
0/9
完成例の確認
教材・テキスト・完成例ダウンロード
準備
00:43
サイト構成
01:21
趣味の部分の記述
01:06
私が撮影した写真の部分の記述
00:52
お問い合わせ部分の記述
00:46
フッター部分の記述
00:35
ここまでの確認
現在主流のシングルページ！自己紹介サイトを作ろう！(CSS)
0/14
CSSの準備
00:38
基本的なCSS
01:59
displayプロパティについて(ブロック要素・インライン要素)
02:04
ヘッダー画像を配置する
00:40
自己紹介の文字の装飾
00:38
趣味と私が撮影した写真、お問い合わせ内容の装飾
00:36
私が撮影した写真の中の国名の装飾
00:40
paddingの値の書き方
00:51
display:flexについて
00:46
その他趣味の部分の装飾
01:11
私が撮影した写真の装飾
01:41
お問い合わせ部分の装飾
01:21
その他調整
00:58
送信などのボタンやコピーライトの装飾
01:02
マンスリーマンション紹介サイトを作ろう：共通ページの作成(準備、HTML)
0/5
完成例の確認
教材・テキスト・完成例ダウンロード
準備
制作の流れ
00:39
各ページ共通で使用するHTMLとCSSを記述
01:52
マンスリーマンション紹介サイトを作ろう！：共通ページの作成(CSS)
0/5
CSSファイル作成
00:38
基本的なCSS
01:02
ヘッダー部分の装飾
02:48
メイン部分の装飾
01:02
フッター部分の装飾
00:56
マンスリーマンション紹介サイトを作ろう！(各ページの作成)
0/10
トップページの作成(HTML)
00:57
トップページの作成(CSS)
00:00
お知らせページの作成(HTML)
00:54
お知らせページの作成(CSS)
01:05
料金プランページの作成(HTML)
01:07
料金プランページの作成(CSS)
02:28
契約の流れのページを作成(HTML)
00:57
契約の流れのページを作成(CSS・準備)
01:02
お問い合わせページの作成(HTML)
00:39
お問い合わせページの作成(CSS)
00:46
はじめてのレスポンシブwebデザイン：準備知識
0/6
完成例の確認
教材・テキスト・完成例ダウンロード
レスポンシブwebデザインとは
01:27
実現するための主な方法Part1
02:18
実現するための主な方法Part2
00:57
ブレークポイントとは
01:17
自己紹介サイトを作ろう！(スマートフォン向けサイト作成)
0/7
準備
記述の確認
00:00
基本的なCSS
00:42
ヘッダー部分
00:44
タイトルなど
00:42
趣味～私が撮影した写真
01:22
お問い合わせ
00:48
練習問題にチャレンジ！！
0/1
レスポンシブWebデザインのサイトを作ろう！
【1時間以内で学ぶ！HTML/CSS中級編】本格的なWebサイトを作ろう！PCサイトからスマホサイトまで〜
レッスン内容

https://www.google.com/intl/ja_jp/chrome/にアクセス

以下のアイコンをダブルクリック(Double-click the following icon.)

ユーザーアカウント制御画面で「このアプリがデバイスに変更を加えることを許可しますか？」が表示された場合は、「はい」をクリック

 

インストールが始まり、終了するとGoogle Chromeが起動します
※起動しない場合には、スタートボタン→Google Chromeで起動して下さい

前
次
0% 完了