コーディング不要！新世代ウェブ制作ツール「STUDIO」で超速レスポンシブウェブデザイン

About this course

HTMLコーディングを行わずに、デザインやコンテンツに集中し、そのまま公開できたら・・！そんな夢を叶えるデザインツールが、「STUDIO（https://studio.design/ja）」です。直感的な操作で見た目のデザインを整えるだけで、ウェブサイトが完成します。しかもレスポンシブ対応です！これまでにもデザインツールはありましたが、表でレイアウトを行っていたものや、z-indexを多用したものがほとんどでした。STUDIOではHTML5+CSS3の概念を汲んでいるので、HTML構成を極力崩さずに、最新のBOXレイアウトでデザインを組み上げることができます。この講座では、STUDIOの機能をより直感的に、すばやく作業を行えるように構成を行いました。■ STUDIOとはSTUDIOは、デザイン・公開・運用までを完結できる、次世代のウェブデザインプラットフォームです。コーディングを行わずに、レスポンシブデザインのウェブサイトを構築することが可能ですので、ウェブサイト制作初心者の方にもおすすめできます。HTML5とCSS3におけるHTMLに準拠した構造を持つことも可能ですので、ウェブデザインやコーディングの知識を持っている方なら、より手軽にウェブサイトを作成できることを体感できるはずです。準備するものは、パソコンと、最新版GoogleChrome、メールアドレスだけ。STUDIOでは、デザインツールの全機能と、ライブプレビューを共有するところまでを、無料で行うことができますので、初期コストが低いのも特徴です。■ この講座の構成コース前半では、STUDIOの機能の中から、Webデザインでよく使う動きを学びます。各動画はショートサイズにおさえていますので、一通り目を通すことで動作を確認しましょう。前半動画の各項目は、ほぼ独立しておりますので、コースを終え、ご自身でデザインを起こす際にリファレンスとしても使用できます。コース後半では、ステップバイステップとして１ページレイアウトのコーポレートサイトをスクリーンキャストでデザインしていきます。セクションごとに、独自デザインとテンプレートを組み合わせ、構成を確立していきます。約30分でページの立ち上げ〜公開できるデザインへの仕上げ〜までを確認できますので、時間のない方にもおすすめです。■ こんな方におすすめウェブサイト制作初心者の方、企業の中でウェブ管理を担当している方、プロの方でとりあえずページを立ち上げたいけど、良いツールが見つからない方におすすめです。

Course objectives

• STUDIOを使用して直感的にウェブサイトを構築する能力を養う
• 企業向けコーポレートサイトのデザインを完成させる
• デザインツールの全機能の理解