ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/09/10
NEW
『Figma入門 基本操作編』をリリースしました
2025/09/04
NEW
【週刊ドットインストール】 Seoul Startup Hubがおすすめ、レッスン制作・256timesの進捗
682
レッスン
1390
質問と回答
0
文字起こし
0
ソースコード
386
件のレッスンと
296
件のレッスン動画が見つかりました。
#03 Windowsで作業用フォルダを設定しよう
実践!ECサイトを模写しよう
作業用フォルダをWindowsで設定する手順について見ていきます。
#04 headerのマークアップを進めよう
実践!ECサイトを模写しよう
headerのマークアップを進めたのちに、要素についているスタイルをリセットしていきます。
#05 コンテンツに最大幅を設定しよう
実践!ECサイトを模写しよう
常に左右に余白を設けつつ、コンテンツに最大幅を設定していきます。
#06 商品一覧のマークアップを進めよう
実践!ECサイトを模写しよう
商品一覧をリストとしてマークアップしていきます。
#07 要素のスタイルをリセットしよう
実践!ECサイトを模写しよう
要素についているスタイルのリセットや、文字サイズの設定を進めていきます。
#08 リストのスタイリングを進めよう
実践!ECサイトを模写しよう
ブラウザがデフォルトでリストにつけているスタイルについて解説していきます。
#09 リストの要素を3列に並べよう
実践!ECサイトを模写しよう
フレックスボックスを使ってli要素を3列に並べる方法について見ていきます。
#10 footerを設置していこう
実践!ECサイトを模写しよう
footerのマークアップとスタイリングを進めていきます。
#11 ページ全体の余白を調整していこう
実践!ECサイトを模写しよう
ページ全体の余白を調整していきます。
#12 下層ページへのリンクを作ろう
実践!ECサイトを模写しよう
商品をクリックすると下層ページに飛ぶようにリンクを設定していきます。
前へ
44
45
46
47
48
49
50
51
52
53
54
次へ