Online Courses
Universities
Scholarships
AI Advisor
Home
›
Online Courses
›
Web Development
›
コーディング不要!新世代ウェブ制作ツール...
コーディング不要!新世代ウェブ制作ツール「STUDIO」で超速レスポンシブウェブデザイン
Udemy
Certificate
USD 199.99
Enroll now →
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分でページの立ち上げ〜公開できるデザインへの仕上げ〜までを確認できますので、時間のない方にもおすすめです。■ こんな方におすすめウェブサイト制作初心者の方、企業の中でウェブ管理を担当している方、プロの方でとりあえずページを立ち上げたいけど、良いツールが見つからない方におすすめです。
What you'll learn
STUDIOの機能を使ったウェブデザインの基礎
レスポンシブウェブサイトの構築方法
デザインのための独自の動きやテンプレートの使用
Course objectives
STUDIOを使用して直感的にウェブサイトを構築する能力を養う
企業向けコーポレートサイトのデザインを完成させる
デザインツールの全機能の理解
Skills you'll gain
html
css
studio
ウェブデザイン
レスポンシブデザイン
デザインツール
サイト公開
コンテンツ管理
初心者向け
コーポレートサイト
Related courses
ASP.NET Core y Clean Architecture con DDD : Parte 2
USD 19.99
Cloud Application Development Foundations
USD 49
Information Systems Foundations
USD 49
Cloud Application Development Foundations
USD 49
Computational Thinking with JavaScript
USD 49
C Programming for Everybody
USD 49
Object Oriented Programming in Java
USD 49
Augmented Reality/WebXR. How to Be a Pro and Create Anything
USD 49.99
Course details are provided by the platform and may change — always confirm on the provider's site. Links may be affiliate links.