ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/09/10
NEW
『Go言語入門 制御構造編』をリリースしました
2024/09/05
NEW
【週刊ドットインストール】 レッスン制作の進捗、256timesのエディター更新、メンタリングの現場から
PREMIUM
【旧版】実践!ウェブサイトを作ろう
サービスを紹介するウェブページを作りながら、様々なレイアウト手法について学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
実践!アプリのランディングページを模写しよう
架空アプリのランディングページを組み上げながら、模写コーディングの練習をしていきます。
0%
動画レッスン一覧
(17)
質問と回答
(9)
#01 ウェブサイトを制作していこう
(02:42)
無料公開中
概要
完成版の確認
必要となる知識
対応ブラウザ
作業用フォルダの説明
未完了
#02 normalize.cssとfaviconを導入しよう
(01:53)
無料公開中
normalize.cssのダウンロード
faviconの設定
未完了
#03 styles.cssを作っていこう
(02:02)
無料公開中
styles.cssの作成
未完了
#04 ヘッダーのマークアップをしていこう
(01:53)
無料公開中
header
未完了
#05 ヘッダーの背景を設定してみよう
(02:39)
background
未完了
#06 ヘッダーのスタイルを整えよう
(02:50)
テキストの配置
ボタンの配置
未完了
#07 FontAwesomeを導入しよう
(02:26)
FontAwesomeの導入
未完了
#08 トップ画像を配置しよう
(02:54)
画像の配置
未完了
#09 sectionのマークアップをしよう
(02:47)
sectionのマークアップ
未完了
#10 sectionのスタイルを整えよう
(02:51)
sectionのスタイル
未完了
#11 特徴紹介欄のマークアップをしよう
(02:25)
特徴紹介欄の作成
未完了
#12 要素を左右に振り分けてみよう
(02:58)
float
未完了
#13 利用者の声欄を作っていこう
(02:43)
利用者の声欄の作成
未完了
#14 要素を横並びにしてみよう
(02:44)
flexbox
未完了
#15 アイコンをずらして配置しよう
(02:45)
アイコンの配置
未完了
#16 最後のセクションを作り込もう
(02:34)
最後のセクションの作成
未完了
#17 フッターを作ってみよう
(01:37)
footer
未完了
#02 normalize.cssとfaviconを導入しよう
Safariでfaviconが表示されません
2017年6月4日
#03 styles.cssを作っていこう
HTMLにないのにaやpのセレクタが出てくるのはなぜですか?
2017年6月3日
#05 ヘッダーの背景を設定してみよう
p タグ には margin-top は設定されていないのに余白ができてしまっているのはなぜですか?
2017年10月13日
pタグにmargin-topを設定していないのに余白ができてしまうのはなぜですか?
2017年8月31日
containerが中央揃えになっていないのではないでしょうか?
2017年6月3日
820pxはどうやって決めたのでしょうか?
2017年6月3日
色はどうやって決めているのでしょうか?
2017年6月3日
#09 sectionのマークアップをしよう
nth-child(odd)は奇数なのに偶数番目のセクションに背景がついてしまいます
2017年6月3日
#12 要素を左右に振り分けてみよう
何故 float させていない img 画像も左右に振り分けられるのでしょうか
2017年1月25日
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2017年1月19日
バージョン情報
HTML5 / CSS / CSS3