Design and Build a Custom Responsive Website with STUDIO 2.0
4.4 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,877 students enrolled

Design and Build a Custom Responsive Website with STUDIO 2.0

Learn STUDIO. A responsive web design and publishing tool that requires no coding
4.4 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,877 students enrolled
Created by Caleb Kingston
Last updated 3/2019
English
English [Auto-generated]
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 3,500+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Design and publish your responsive website in the same day.
  • Design pages to adapt to multiple screen sizes
  • Publishing your website without knowing any code
  • Collaborate live with other team members
  • Adding forms, YouTube videos, and other embedded content on your pages
Requirements
  • Basic Computer Skills
  • There is NO coding knowledge required
Description

STUDIO is for designers who want more control, STUDIO is centered around our pioneering code generation technology. With every stroke you make, code is populated real-time for you behind the scenes. So your design works automatically on every device and browser. Gain back the creativity compromised in pre-existing templates, and the time lost in the back and forth with developers in design handoffs. Save them for designing your next best website.

This course will teach you how to master responsive design and publishing using STUDIO. We'll start off with how to begin your first project, an introduction to the interface, and we'll finish with steps you need to master your designs and publish your website in just a few clicks.

Who this course is for:
  • Designers who are frustrated with prototyping and coding
  • Designers that want complete control over the look and flow of there website
  • People wanting to get an elegant website up in a short amount of time
  • Designers who don't want to work with programmers on their website
Course content
Expand all 29 lectures 01:30:52
+ Designing your layout
8 lectures 30:10
Grouping items
05:11
Setting the Margin & Padding
05:03
Using Relative Positioning
03:05
Using Fixed Positioning (How and when to use)
03:46
Using Absolute Positioning (How and when to use)
03:55
Using Z-index to arrange the stacking order of elements
03:18
+ Adding and Styling Elements
7 lectures 27:14
Adding and styling boxes
09:00
Adding and styling images
03:02
Adding and styling text
03:07
Adding and modifying icons
01:37
Embedding iFrames like Youtube videos, maps, and more.
03:40
Styling the Hover and Focus State of elements
03:09
Adding and customizing forms
03:39
+ Adding and linking pages and creating popup windows
4 lectures 11:19
Adding, duplicating, and eliminating pages
01:19
Creating modals (pop ups, drop downs, etc)
03:00
Creating a hamburger menu for mobile
03:36
Creating links and link tags
03:24
+ Learning responsive desigin
2 lectures 06:16
What is responsive design
01:29
Making page elements responsive using auto, percent, flex, and pixel sizing
04:47
+ SEO and sharing settings
1 lecture 04:08
Editing HTML, Title, and Meta tags and setting social sharing settings
04:08
+ Get ready to publish
1 lecture 03:17
Publishing your website
03:17