ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/11/12
NEW
【週刊ドットインストール】 256timesのクラスを運営中、Figmaのロードマップページを公開!
712
レッスン
1391
質問と回答
0
文字起こし
0
ソースコード
390
件のレッスンと
322
件のレッスン動画が見つかりました。
#08 リストのスタイリングを進めよう
実践!ECサイトを模写しよう
ブラウザがデフォルトでリストにつけているスタイルについて解説していきます。
#09 リストの要素を3列に並べよう
実践!ECサイトを模写しよう
フレックスボックスを使ってli要素を3列に並べる方法について見ていきます。
#10 footerを設置していこう
実践!ECサイトを模写しよう
footerのマークアップとスタイリングを進めていきます。
#11 ページ全体の余白を調整していこう
実践!ECサイトを模写しよう
ページ全体の余白を調整していきます。
#12 下層ページへのリンクを作ろう
実践!ECサイトを模写しよう
商品をクリックすると下層ページに飛ぶようにリンクを設定していきます。
#13 下層ページのマークアップを進めよう
実践!ECサイトを模写しよう
下層ページに必要な要素をマークアップしていきます。
#14 フレックスボックスを使ってみよう
実践!ECサイトを模写しよう
フレックスボックスを使って下層ページのスタイリングを進めていきます。
#15 下層ページを完成させよう
実践!ECサイトを模写しよう
これまで見てきた余白の考え方を使って、下層ページの余白を調整していきます。
#16 トップページへのリンクを作ろう
実践!ECサイトを模写しよう
下層ページからトップページへのリンクを設定していきます。
#08 次のステップを確認しよう
GitHub PagesでWebサイトを公開しよう
学習ロードマップを振り返ったのちに、次のステップについて確認していきます。
前へ
46
47
48
49
50
51
52
53
54
55
56
次へ