コーディング不要!新世代ウェブ制作ツール「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デザインでよく使う動きを学びます。各動画はショートサイズにおさえていますので、一通り目を通すことで動作を確認しましょう。前半動画の各項目は、ほぼ独立しておりますので、コースを終え、ご自身でデザインを起こす際にリファレンスとしても使用できます。コース後半では、ステップバイステップとして1ページレイアウトのコーポレートサイトをスクリーンキャストでデザインしていきます。セクションごとに、独自デザインとテンプレートを組み合わせ、構成を確立していきます。約30分でページの立ち上げ〜公開できるデザインへの仕上げ〜までを確認できますので、時間のない方にもおすすめです。■ こんな方におすすめウェブサイト制作初心者の方、企業の中でウェブ管理を担当している方、プロの方でとりあえずページを立ち上げたいけど、良いツールが見つからない方におすすめです。
Price shown by Udemy — confirm on their site.
Enroll on UdemyYou'll be redirected to Udemy to complete enrollment.
- Listed & compared by CourseAsk
- English · All Levels
More courses like this
JavaScript: de cero hasta los detalles (ES5)
Udemy · MOOC / Non-credit
Aprende Canvas HTML5
Udemy · MOOC / Non-credit
Coursera
Full-Stack React with Spring Boot: Unit 2
Coursera · MOOC / Non-credit
WordPress(ワードプレス)仕事で使えるブロックエディタの教科書-初心者からホームページ・ブログを使いこなす
Udemy · MOOC / Non-credit
More courses from Udemy
CCP Certified Cost Professional Exam Prep: Videos + Exams
Udemy · MOOC / Non-credit
CompTIA SecAI+ - 1500 MCQs
Udemy · Certificate
AI-103: Azure AI App & Agent Developer Associate EXAMS 2026
Udemy · Certificate
Google Cloud Generative AI Leader Practice Exams + Answers
Udemy · Certificate