Macaw یک نرم افزار ویرایشگر عکس و کدهای وب است که به کمک آن می توانید بدون نیاز به کدنویسی و با ابزارهای گرافیکی، وب سایت خود را ایجاد کنید.

اگر میخواهید بدون حتی یک خط کدنویسی وب سایت های واکنشگرای مبتنی بر HTML و CSS  ایجاد کنید می توانید از Macaw استفاده کنید. در این دوره آموزشی مهارت های لازم برای شروع طراحی محتوای وب سایت حرفه ای زیبا واکنشگرا را فرا خواهید گرفت.

این دوره آموزشی محصول موسسه Udemy است.

سرفصل های این دوره:

  • شروع به کار
  • Macaw چیست؟
  • مبانی Macaw
  • شبکه و تنظیمات صفحه
  • منابع لازم برای ساخت طرح اولیه
  • ایجاد و اعمال سبک جهانی
  • : Java Jive طراحی وب سایت
  • معرفی Java Jive
  • منابع Java Jive
  • ایجاد هدر مورد استفاده در سراسر وب سایت
  • ایجاد نوار منو وب سایت
  • پایان طراحی اولیه وب سایت
  • میانبرهای صفحه کلید
  • قراردادن یک ویدیو یوتیوب
  • و …

عنوان دوره: Udemy Build Responsive Web Designs With No Code Using Macaw

مدت دوره: 3 ساعت و 30 دقیقه

نویسنده: Bob Creigh


Udemy Build Responsive Web Designs With No Code Using Macaw

Bob Creigh
3.5 Hours
All Levels

Have you always wanted to build dazzling and responsive Websites from the ideas you have imagined but didn't have or want to devote the time to dig into HTML and CSS code? Or maybe you are a designer that is tired of paying a coder to mock up your designs to present to your customers. Or perhaps you are a seasoned coder who wants to be able to mock up a design quickly and then manipulate the code later on.
If any of this sounds familiar to you, then Macaw may be the answer. In this course, I will lead you through the tools and user interface of Macaw and show you how to build a real world Web design that could actually be put into production with very little extra effort.
Did you know that mobile devices have outpaced the desktop market. This means that you have to make your Web presence responsive to these smaller screens. This course will teach you how to take your design and make it "Responsive" to all sizes including the mobile market which as of July of 2015 represents over 51% of all Internet users.
Build a strong foundation in Web Design using Macaw
Learn about the Macaw tool
Learn the basics of the interface
Create some real-world examples
Content and Overview
The good folks that built Macaw have delivered a wonderful tool that allows you to draw your Web ideas instead of coding them but as with all new tools, there is a learning curve. I help you navigate the uncharted waters and get you up to speed quickly so you can enjoy bringing your design ideas to life.
This course will give you the necessary skills to start designing Web content today and realize the dream of turning ideas into reality.
What are the requirements?
Mac OS X or Windows computer
Macaw Application - Free 30 Day trial available
A desire to build beautiful and responsive Web content
What am I going to get from this course?
Over 39 lectures and 3.5 hours of content!
Build real Web sites with no code
Fully understand the Macaw tools and interface
Necessary skills to build real-world websites: professional, beautiful and truly responsive websites
Downloadable lectures, code and design assets for the entire project
Access to an active community where I will personally answer any of your questions
What is the target audience?
Anyone wanting to build captivating and responsive Web sites
Designers that want to take there ideas and build them out without coding
Students who have struggled with turning design ideas into useable HTML and CSS code

Section 1: Getting Started
Lecture 1
Course Introduction
Introduction to the course
Lecture 2
What is Macaw?
A quick synopsis of what the Macaw tool is and what it can do for you.
Lecture 3
Get Macaw
In this lecture, I show you how to get the Macaw free 30 day trial and how to install it on your machine.
Section 2: Macaw Basics
Lecture 4
Macaw Interface
In this lecture, we explore the user interface of Macaw so you fully understand all of the tools.
Lecture 5
The inspector is a critical piece of the Macaw toolset and this lecture guides you through the nuances of using it to speed your workflow.
Lecture 6
Grid and Page Settings
This lecture shows you how to use and manipulate the responsive grid and page settings.
Lecture 7
Basic Layout Resources
This lecture provides the necessary resources to build the basic layout along with the instructor.
Lecture 8
Basic Layout
This lecture shows you how to create a simple Web layout using the Macaw tools.
Lecture 9
Global Styles
This lecture shows you how to create and apply global styles to your design.
Lecture 10
Basic Responsive
This lecture demonstrates how to take a design and make it responsive to the mobile environment.
Section 3: JavaJive Website Design
Lecture 11
JavaJive - Intro

This lecture describes the Java Jive Website we are going to build
Lecture 12
JavaJive Resources
This lecture provides the necessary resources to build the JavaJive site along with the instructor.
Lecture 13
JavaJive - Setup
In this lecture we setup our environment and import graphics to complete the Java Jive Website.
Lecture 14
JavaJive - Header Part 1
In this lecture I take you step-by-step on how to create the header used throughout the Java Jive Website.
Lecture 15
JavaJive - Header Part 2
This lecture provides some fine-tuning and finishing off the site header.
Lecture 16
JavaJive - Menu Bar
This lecture we create the site menu bar.
Lecture 17
JavaJive - Tagline and Description
In this lecture we layout the tagline and descriptive blocks of our home page.
Lecture 18
JavaJive - Breakpoints and
In this lecture we learn about breakpoints that allow for different layout properties for differeint screen sizes as well as demonstrate how to  our design in a browser.
Lecture 19
JavaJive - Callout Boxes Part 1
this lecture we will create a section of callout blocks and add graphics and text to each one describing various features of our company.
Lecture 20
JavaJive - Callout Boxes Part 2
In this lecture we finish off and fine tune our callout blocks.
Lecture 21
JavaJive - Hours and Address
In this lecture I show you how to create hours of operation and address blocks of our design.
Lecture 22
JavaJive - Footer
In this lecture we finish off our basic home page design by adding the footer.
Lecture 23
JavaJive - Responsive Header
This lecture we get into the nuts and bolts of making our site responsive by working through the header section.
Lecture 24
JavaJive - Responsive Part 2
In this lecture we finish off making our home page responsive.
Lecture 25
JavaJive - Links
In this lecture we dive into hyperlinks for our site linking our social icons and the menu links.
Lecture 26
JavaJive - Adding Pages
In this lecture we add the remaining pages of our site. We learn how to do this without having to re-create the basic header and footer for each page.
Lecture 27
JavaJive - Menu Page Part 1
In this lecture we layout our coffee shop menu page.
Lecture 28
JavaJive - Menu Page Part 2
In this lecture we finish off our coffee shop menu page.
Lecture 29
JavaJive - Events Page Part 1
In this lecture we layout our coffee shop events page.
Lecture 30
JavaJive - Events Page Part 2
In this lecture we finish off our coffee shop events page.
Lecture 31
JavaJive - Contact Page Part 1
In this lecture we layout our coffee shop contact us page.
Lecture 32
JavaJive - Contact Page Part 2
In this lecture we finish off our coffee shop contact us page.
Lecture 33
JavaJive - Final QA
In this lecture we give our site a good once over and  the entire project in the browser ensuring it is what we envisioned.
Section 4: Macaw Quick Tips
Lecture 34
Quick Tips Introduction
Lecture 35
Quick Tips - Keyboard Shortcuts
Demonstration of some of the more useful keyboard shortcuts in Macaw.
Lecture 36
Quick Tips - Down and Dirty Positioning
This quick tip demonstrates the differences between the three positioning types in Macaw.
Lecture 37
Quick Tips - Using Visual Properties
Quick tip on how to use visual properties.
Lecture 38
Quick Tips - Embed a YouTube Video
A quick demonstration on how to embed a YouTube video in your Macaw design.
Lecture 39
Quick Tips - Add JavaScript
A simple tutorial on how to add a JavaScript dropdown menu.