tags:レイアウト
![Canvaでデザインのアクセシビリティをチェックする!初心者向け制作ガイド](https://sakuweb.liruu.com/wp-content/uploads/2023/11/canva103.jpg)
Canvaでデザインのアクセシビリティをチェックする!初心者向け制作ガイド
Canvaでフッターにコピーライトを表記する方法と、デザインのアクセシビリティをチェックと、代替テキストの設定方法も紹介します。
TRY to MAKE![Canvaで背景画像を暗くしておしゃれにする!初心者向け制作ガイド](https://sakuweb.liruu.com/wp-content/uploads/2023/11/canva102.jpg)
Canvaで背景画像を暗くしておしゃれにする!初心者向け制作ガイド
Canvaで背景画像を透過させる方法や、アイコン付きボタンの作り方を紹介します。また、無料メールフォームサービスも紹介します。
TRY to MAKE![Canvaでページ内に飛ぶリンクボタンを作る!初心者向け制作ガイド](https://sakuweb.liruu.com/wp-content/uploads/2023/11/canva82.png)
Canvaでページ内に飛ぶリンクボタンを作る!初心者向け制作ガイド
Canvaでページ内の特定の場所に飛ぶボタン「ページ内リンクボタン」を作ります。またレイアウトのテンプレートの使い方も紹介します。
TRY to MAKE![Bootstrapブレイクポイントで要素の表示順を変えよう](https://sakuweb.liruu.com/wp-content/uploads/2023/06/sakuweb51.png)
Bootstrapブレイクポイントで要素の表示順を変えよう
orderクラスを使って、要素の表示順を変える方法と、ブレイクポイントを利用した順番の変更方法を学びます。
TRY to MAKE![Bootstrapお知らせリストを作ろう](https://sakuweb.liruu.com/wp-content/uploads/2022/10/sakuweb04.png)
Bootstrapお知らせリストを作ろう
Bootstrapの「リスト」を作って、お知らせとお問合せを2カラムで作ります。見やすくするために仕切り線も作ります。
TRY to MAKE![Bootstrapテーブルをつくろう](https://sakuweb.liruu.com/wp-content/uploads/2022/10/sakuweb02.png)
Bootstrapテーブルをつくろう
エクセルでも使われるテーブルをBootstrapでも利用できます。tableタグでフロアガイドを作っていきましょう。
TRY to MAKE![Bootstrap空白カラム(Offset)を学ぼう](https://sakuweb.liruu.com/wp-content/uploads/2022/10/sakuweb28.png)
Bootstrap空白カラム(Offset)を学ぼう
Bootstrapのoffset(空白カラム)を使って、1カラムレイアウトを作ります。背景画像を暗くする方法も学びます。
TRY to MAKE![Bootstrapレスポンシブデザインを学ぼう](https://sakuweb.liruu.com/wp-content/uploads/2022/10/sakuweb06.png)
Bootstrapレスポンシブデザインを学ぼう
レスポンシブ対応とは何かを学んで、レイアウトを実践で組んでいきましょう。スマホサイトでどのように表示されるのかも一緒にみていきます。
TRY to MAKE