マガジンのカバー画像

見出しレイアウト教則動画

9
運営しているクリエイター

記事一覧

見出しデザイン_06【動画解説+サンプルコード公開中】

見出しデザイン_06【動画解説+サンプルコード公開中】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる下記の画像のような見出しのデザインの作り方を動画でレクチャーさせていただきます。

動画解説サンプルデータダウンロードはこちら↓
HTML,CSS初期設定の方法
HTML,CSS初期設定の方法はこちら

サンプルコードHTML

<body> <h1>見出し</h1> </body>

CSS

h1{ margin: 1em

もっとみる
見出しデザイン_07【動画解説+サンプルコード公開中】

見出しデザイン_07【動画解説+サンプルコード公開中】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる下記の画像のような見出しのデザインの作り方を動画でレクチャーさせていただきます。

動画解説
サンプルデータダウンロードはこちら↓
HTML,CSS初期設定の方法
HTML,CSS初期設定の方法はこちら

サンプルコード
HTML

<body> <h1>見出し</h1> </body>

CSS

h1{ margin:

もっとみる
見出しデザイン_09【動画解説+サンプルコード公開中】

見出しデザイン_09【動画解説+サンプルコード公開中】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる下記の画像の「見出しデザイン」の作り方を解説させていただきます。

動画解説
サンプルデータダウンロードはこちら↓
HTML,CSS初期設定の方法
HTML,CSS初期設定の方法はこちら

サンプルコード
HTML,CSS

<body> <h1>見出しのサンプル</h1> </body>

CSS

h1{ margin

もっとみる
見出しデザイン_08【動画解説+サンプルコード公開中】

見出しデザイン_08【動画解説+サンプルコード公開中】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる下記の画像の「見出しデザイン」の作り方を解説させていただきます。

動画解説サンプルデータダウンロードはこちら↓
HTML,CSS初期設定の方法HTML,CSS初期設定の方法はこちら

サンプルコード
HTML

<body> <h1>見出しのサンプル</h1> </body>

CSS

h1{ margin: 1e

もっとみる
見出しデザインサンプル_01【動画解説】

見出しデザインサンプル_01【動画解説】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる見出しのデザインの作り方を動画でレクチャーさせていただきます。

サンプルデータも公開していますので、ぜひダウンロードしてお使いください。

今回の「見出しサンプル_01」は一般的なよくある見出しデザインの作り方から解説させていただきます。

解説動画はこちら↓完成図

サンプルデータダウンロードはこちら↓HTMLの部分<body>

もっとみる
見出しデザインサンプル_02【動画解説】

見出しデザインサンプル_02【動画解説】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる見出しのデザインの作り方を動画でレクチャーさせていただきます。

サンプルデータも公開していますので、ぜひダウンロードしてお使いください。

今回の「見出しサンプル_02」は一般的なよくある見出しデザインの作り方から解説させていただきます。

解説動画完成図

サンプルデータダウンロードはこちら↓
HTML,CSS初期設定の方法HTML

もっとみる
見出しデザインサンプル_03【動画解説】

見出しデザインサンプル_03【動画解説】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる見出しのデザインの作り方を動画でレクチャーさせていただきます。

サンプルデータも公開していますので、ぜひダウンロードしてお使いください。

今回の「見出しサンプル_03」は一般的なよくある見出しデザインの作り方から解説させていただきます。

完成図

解説動画はこちらサンプルデータダウンロードはこちら↓
HTML,CSS初期設定の方法

もっとみる
見出しデザインサンプル_04【解説動画】

見出しデザインサンプル_04【解説動画】

ホームページ制作初心者のために『HTML,CSSのみ』で作れる見出しのデザインの作り方を動画でレクチャーさせていただきます。

サンプルデータも公開していますので、ぜひダウンロードしてお使いください。

今回の「見出しサンプル_04」は一般的なよくある見出しデザインの作り方から解説させていただきます。

完成図

解説動画はこちら見本ファイルダウンロードはこちら↓
HTML,CSS初期設定の方法H

もっとみる
見出しデザインサンプル_05【解説動画】

見出しデザインサンプル_05【解説動画】



ホームページ制作初心者のために『HTML,CSSのみ』で作れる上記の画像のような見出しのデザインの作り方を動画でレクチャーさせていただきます。

サンプルデータも公開していますので、ぜひダウンロードしてお使いください。

今回の「見出しサンプル_05」は一般的なよくある見出しデザインの作り方から解説させていただきます。

完成図

動画解説サンプルデータダウンロードはこちら↓
HTML,CSS

もっとみる