02.初めてのcssでwebデザイン:index.html

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 02.初めてのcssでwebデザイン:index.html [2018/12/07] – 作成 adash333
+++ 02.初めてのcssでwebデザイン:index.html [2018/12/08] – [Bulmaを利用したホームページの作成] adash333
@@ 行 52: / 行 52: @@
 https://adash333.github.io/bulma-test/column.html
+{{:02.初めてのcssでwebデザイン:pasted:20181209-020732.png}}
+スマホでの表示
+{{:02.初めてのcssでwebデザイン:pasted:20181209-020752.png}}
 参考
@@ 行 70: / 行 74: @@
 以下のような1ページのみからなるホームページを作成してみます。
 https://adash333.github.io/bulma-test/
+{{:02.初めてのcssでwebデザイン:pasted:20181209-020848.png}}
 ==== 0.用意するもの（開発環境） ====
@@ 行 200: / 行 203: @@
 簡単な割には、それっぽいデザインになっているのではないでしょうか？
+==== Bulma利用のためのテンプレートhtmlファイル ====
+Bulmaを利用したサイトのためのテンプレートファイルを以下に作りましたので、もしよろしければお使いください。
+<html>
+<script src="https://gist.github.com/adash333/69c4a5df13a0e6d3c105260f318f7f94.js"></script>
+</html>
+なぜかはよく分からないのですが、CSSフレームワークBulmaを用いる場合は、以下のように、最初に<wrap hi>section class="section"とdiv class="container"</wrap>で囲んでおくと、思ったようなデザインにできることが多いです。
+<code>
+<section class="section">
+  <div class="container">
+    <!-- ここにコンテンツを記載 -->
+  </div>
+</section>
+</code>

02.初めてのcssでwebデザイン/index.html.txt · 最終更新: 2019/01/29 by adash333