独学からIT企業インハウスのWebデザイナーへ転身。個人では講師業や初学者のメンターとして制作アドバイスも行っている。印刷・Webサイトデザイン、コーディング、ディレクター、採用担当、フリーランスを一通り経験。twitterでは様々な立場になって分かったWeb制作実務の話やデザイン初学者に向けた学習のヒントを発信。デザイン制作をするSNS企画 #バナーお題 #Webデザインお題 生みの親。【twitter・Instagram】@kobayas_s【note】https://note.com/kobayas/【Webサイト】https://kobayas.net/
個人Webサイトを立ち上げをした、または立ち上げを考えているあなたへ「Webデザインのはじめ方」をご紹介します。 副業の解禁により、アフィリエイトやブログなど個人Webサイトを立ち上げを考えている方、そして立ち上げを行っている方が増えています。 サイトを立ち上げには設定だけでなくデザインなどの見せ方も重要です。しかし、Webデザインを実施するには、デザインの原理原則だけでなく、NoCodeやCanvaなどノンデザイナーでも使える最新のツール、CSSやJavaScript、Photoshopなど従来のツールやプログラミング言語も学ばなければらず、どこから手を付ければ上達するのか迷っている人も多いはずです。 この授業では、個人サイト立ち上げにあたりWebデザインを学ぶ必要性を感じている方を対象に、「Webデザイン習得に何から学べばいいのか」そして「どんなツールをつかうとデザインが上達するか」などWebデザインのはじめ方をご紹介いたします。 先生には、IT企業インハウスのWebデザイナーで、個人では講師業や初学者のメンターとして制作アドバイスなども行っているこばさすさんをお迎えします。こばやすさんは、未経験からWebデザイナーに転身したため、独学方法なども体験ベースでお話してくださいます。 授業を受けて、Webデザインを学ぶ筋道を見つけましょう。
デモサイトを模写しながら基礎的なコーディングスキルを習得する このコースでは初学者向けにHTML・CSSを使ったコーディング方法を架空の料理教室デモサイトの作成を通しながら学びます。 ※コードを用いた演習は「Visual Sutudio Code」を使用します。受講前にインストールをお願いします。ダウンロードページはコチラをご確認ください。 ※サンプルコードとサンプル画像は事前に授業ページ上の「授業で使用する教材」からダウンロードをお願いします 【コース構成】 １コマ目：Webサイト制作の工程とコーディングする前の準備 ２コマ目：HTMLコーディング① ３コマ目：HTMLコーディング② ４コマ目：CSSコーディング① ５コマ目：CSSコーディング② ６コマ目：CSSコーディング③ ７コマ目：CSSレイアウト レスポンシブデザイン① ８コマ目：CSSレイアウト レスポンシブデザイン② ９コマ目：WEBサイト公開 １０コマ目：SEO対策とアクセス対策 【コースのゴール】 ・ HTML・CSS言語の文法ができ、かつサンプルコードが読解出来るようになる ・自分オリジナルのホームページやコーポレートサイト、ビジネスサイトが作成できるようになる 【受講対象者】 ・フロントエンドエンジニア（を目指す方を含む） ・Webディレクター
