「自分の仕事は自分でクリエイト」をコンセプトとしたWebデザイナーのための体験型オンラインスクール。自分の力で生きていくWebデザイナーを目指します。

学長通信 【No.23】Zoom勉強会の準備・カフェサイトコーディングの添削動画(2019-06-25 配信分)

Webクリエイターズオンライン学長通信  福本智子

今日の学長通信では、以下についてお知らせします。

  • カフェサイトコーディングの添削動画アップしました。
  • Zoom勉強会の準備をお願いします!

カフェサイトコーディングの添削動画アップしました。

あと、もうひと頑張りでコーディングスキルのレベルがひとつ上がるメンバーからの課題提出です。

同じように「ひとつのサイトを自分の力でコーディングしたい」方に役に立つ内容となっています。

id・classの違い、id・class名の付け方のルールなどについてもお答えしています。

ぜひ、ご覧ください!

カフェサイトコーディングの添削動画 20分30秒

Zoom勉強会の準備をお願いします!

今週6月29日(土)午前10:00~Zoom勉強会があります。

テーマは4月の勉強会の続き。

仮案件
【HTML5コーディング入門セミナーの告知ページ】の制作を進めていきます。

先日の学長通信【No.21】でもお伝えしましたが、

この勉強会の内容をまとめて、今後の学習用にワイヤーフレーム・デザインカンプ・コーディング素材をアップしています。

(動画下・学習素材からダウンロードできます。)

4月の勉強会動画ページ

ワイヤーフレームはデザインから挑戦していきたい方向け

デザインカンプはカンプを基に自力でコーディングしていきたい方向け

コーディング用ファイルは「何から始めてよいかわからない」HTML初心者向けに用意しました。

土曜日の勉強会では、これを基に一からコーディングをしていきます。

答えあわせにもなると思いますので、ぜひ、上記ファイルを使ってコーディングを進めてみて下さい。

また、メンバーからも「コーディングやってみました」とデータが届いています。

こちらのデータは勉強会で一緒に公開添削していきます。

もし、自分のデータも見てほしいという方は、木曜日の夜までにコーディングデータをお送り下さい。

提出して下さったメンバーからのコメント

告知ぺージの作成についてご質問が2つございます。

質問(1)

先生が下さった資料のワイヤーフレームに近いstyle.cssを作成してみたのですが、figureタグのある講師紹介のセクションだけが、floatを使ってもうまく表示する事ができなかったので、flexboxを使用しています。floatでの作成方法を教えていただきたいです。

質問(2)
デザインカンプのようにとはいきませんが、セクションごとに色分けをしたかったのですが、widthを100パーセント表示すると画面いっぱいに広がってしまい読みづらくなってしまいます。
またwidthを指定するとセクションの色分けした横のマージンが開いてしまい上手く表示できません。

解決方法をおしえていただきたく、また次回のを勉強会等で取り上げていただければと思います。

また、このようなコメントも。

皆様から出た意見を元に作成されたワイヤーフレームを観て驚きました。
初級編といえ他の方々はここまでできるのかと思うのと、このような実力で参加してよいものかと恥ずかしくなりました。

初心者だからって何も恥ずかしくないです。
手を動かせば、動かしただけ実力が付きます。

今回、このメンバーのコメントを紹介したのは、きっと、同じように「自信が持てずにいる」メンバーもいるんじゃないかなと思ったからです。

気にしない、気にしない。

周囲の目を気にするのなんてやめてしまいましょ!(笑

未来に向かって、頭を、手を動かしていきましょう!

※個別相談も随時受付中です。
どんな初歩的なことでもOK!

勉強法や仕事の方向性、ブランディングの方法などの相談は「いつでも何度でも」無料です。(ウェルカムです!)

個別相談はこちら

ご質問・ご感想をお寄せください。

今回のコンテンツはいかがだったでしょうか?ぜひ、あなたのご感想をお待ちしております!

【会員マイページ>サポートデスク】からどうぞ!

関連記事

「自分の仕事は自分でクリエイトする」

当サイトは、Webクリエイターズオンラインスクール メンバー専用サイトです。