CODING LESSON
HTML＆CSSのレッスン用ページです。
Webページ作成の実践レッスン
ここでは実際にこのページを使ってコーディングの基礎学習と練習を行います。
HTMLやCSSは基本「覚える」のではなく、「使うものを探しながら」コードを足していきましょう。
HTMLやCSSの組み合わせ方は何通りもあります！
エキスパートウェブアカデミーでは「駆け出しのWebデザイナーさんが特に覚えておくべきこと」をポイントで学びますが、
他のあらゆる方法でも実装が可能です。
ルールの「なぜ？」は
気づいた時に学ぶのが正解。
疑問すらも浮かばない段階で、ルールばかりを詰め込むのは効率が悪いです。
まずは実践。コードに触れてみて、その上で「ここ、なんでこうならないんだろう？」「ここ、どうやってるんだろう？」といった“「課題」を自分自身で見つけ出せること”ことこそが、今後一人でも成長し続ける『鍵』となります。
本当に役に立つ裏ワザを
Webデザイナー達は知らない。
photoshopもXDも不要になりつつある時代に、そればかりを極めようとするのは良くありません。
ボックスを並べたよくあるデザイン
-
イラスト × BOX
-
イラスト × BOX
-
イラスト × BOX
-
イラスト × BOX
ボックスを並べたよくあるデザイン
-
01 イラスト × BOX
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
-
02 イラスト × BOX
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
-
03 イラスト × BOX
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
-
04 イラスト × BOX
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
基本の形を学んだら、コピペで使える！
- お知らせの内容が入ります。
- お知らせの内容が入ります。お知らせの内容が入ります。お知らせの内容が入ります。
- お知らせの内容が入ります。お知らせの内容が入ります。お知らせの内容が入ります。お知らせの内容が入ります。お知らせの内容が入ります。お知らせの内容が入ります。
- お知らせの内容が入ります。お知らせの内容が入ります。お知らせの内容が入ります。