『はじめてのコーディング入門』を開催いたしました!
みなさんこんにちは!
デジタルハリウッドSTUDIO 山口運営スタッフです。
みなさんはWebサイトがどうやって作られているか知っていますか?
Webサイトはデザインができれば、すぐにサイトとして見れる訳ではありません。
デザインを元に、HTMLやCSSなどのマークアップ言語を用いて画像や文字を配置することで、初めてユーザーはインターネット上でそのサイトを見ることができます。
制作したデザインを元に、ブラウザ上で見える形にする作業を「コーディング」といいます。
今回のイベントでは、そんな「コーディング」について、フリーランスとしても活躍する澄田トレーナーを講師に迎え、学んでいきました。
Webサイトはどういう流れで作成するの?
ライブ授業の前半は座学形式で、Webサイト制作のワークフローを学びました。例えばサイトを作成する前の設計を考えるワイヤーフレームの作成、HTML、CSS、Javascriptなどがコーディングでどの役割を担っているかなどを教えていただきました。
実際に、澄田TRが制作されたサイトを画面に映しながらHTMLのみのバージョン、HTMLとCSSのみのバージョンで見せていただき、WEB制作のフローを簡単に理解することができました。
実際の現場で使われるコードエディター(コードを書くツール)や、Webブラウザの種類、CMSの実装なども教えていただきます。
実際にコードを動かしてみよう!
後半は、パソコンで一緒にコードを書いていきました!
ブラウザ上で動くVIsual Studio Codeというコードエディターを使い、テキストや画像を配置していきます。悪戦苦闘しながらも止まることなく順調に進んでいきました。
HTMLの属性や、コードの意味なども、スライドを踏まえながら説明していただきます。実際の業務でどのように書いているのかなども踏まえながらの実習でしたので、とても有意義な時間となりました。
まとめ
今回の授業では、Web制作に必須な「コーディング」について学びました。今回は座学だけではなく、実際にコードを自分の手で書いていくという内容でした。もちろん知識は大切ですが、実際に手を動かして体感してみることが学習の大きな一歩目になります。
デジタルハリウッドSTUDIO山口にはWebデザイナー専攻の他にも、デザインを学ぶことのできるグラフィックデザイン講座が開設されています。「デザインを仕事に活かしたい」「デザインについて学びたいけど何を勉強すればいいの?」とお悩みの方、ぜひ一度、STUDIO山口にお問い合わせください!以上、イベント報告でした!
体験入学・説明会は随時開催中!お気軽にご参加ください。
STUDIO山口では【無料体験入学会】を定期開催しております。学習環境を実際使用してみることで、オンライン学習の進め方やトレーナーへの質問方法など細部までご確認いただける機会を用意しています。