Dreamweaver uses the to create the responsive web design

When designing a website, you have to think that it will be seen on a computer, but also on a smartphone or iPad. Phone use is gaining more and more weight and this places designers in a new scenario, in which they must design for various formats, thinking about the multi-screen user’s comfort.

In this course, web designer Arturo Servín—also known as Monky Lab—will teach you how to make a responsive website with Adobe Dreamweaver in a visual way, using a graphical interface with construction and writing tools, with HTML and CSS code. By fusing basic programming and design, you will gain greater control in the elaboration of any web file.

This is already the fourth course by Arturo Servín and, to make the most of this one, you can complement it with his Adobe Photoshop for Web Design course, in which you will learn the key aspects of responsive design and layout in a simple way.

Arturo Servín starts the course explaining how he got started in web design and how he has been facing various technological changes and advances. He will talk about his influences and show you functional web design references.

Get to know the basic principles of web design, to then learn how to differentiate UX from UI. Arturo will also give you some advice on art direction and the construction of the site and its standards.

Learn how to use the tools Adobe Dreamweaver offers to build a website, in which you will be placing the base tags with HTML language and establishing parameters. You will experiment with placing text and images, as well as links to different kinds of files.

Complement the visual structure using CSS windows. You will learn to generate selectors and values, then to establish the box model oriented to responsive parameters and through CSS elements you will style your page: fonts, box design, position application, display, and floats; and you will apply background images, borders or lists, and classes, among other elements.

How to make your site responsive? Establish the construction parameters of the site using Media Queries for the different measures required, create a simple menu that works for both smartphones and computers, and see how to review and correct it before uploading your website.

Everything is now ready to publish! Using the FTP window of the program, you will synchronize the local folders of the site with the folders of the remote site. This way you’re able to make changes immediately on your website.

You will develop a basic one-page responsive website, with functional deliverables, both for clients and for more advanced programming teams.

Graphic designers who haven't made the move to web design, beginner web designers, initiated UI designers, and anyone who wants to learn how to design their responsive web page.

For this course, it is not necessary to have any previous knowledge in web design, since you will learn HTML and CSS from scratch, but completing Arturo Servín’s, Adobe Photoshop for Web Design, may be useful.

As for tools, you will need a computer with Adobe Dreamweaver CC 2019 or higher installed.

Hi, I'm Dan and in this short-course we'll quickly go through all the basics to creating a simple responsive website using Dreamweaver CC 2018. We'll look at responsive web design techniques, as well as making sure you understand exactly what you're doing. We'll make the most of the most up to date web techniques, using HTML5 and CSS3 to present the best site possible. We'll use Media queries to manipulate the sites styling at different widths to give our site responsiveness. 

I built this course for the super-newbies. I've even got fail-safe exercise files so you can never fall behind. This would be the perfect starting point for anyone that wants to dip their toes into building responsive websites. We'll make 3 different responsive points, desktop, tablet and mobile.

We'll start with defining the site in Dreamweaver. I'll give you a basic starting point of the site to get the ball rolling, then we'll preview our site and improve the responsiveness.

What are the requirements?

• You'll need a copy of Dreamweaver CC 2017 or above. A free trial can be download from Adobe here.
• No previous Dreamweaver or web design experience is necessary.
• If you're not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.

What am I going to get from this course?

• Forum support from me. 
• All the techniques used by professional website designers.
• Basic understanding of responsive web design.

What is the target audience?

• YES: This course is for beginners. Aimed at people new to the world of web design. No previous Dreamweaver experience is necessary. People with knowledge of previous versions of Dreamweaver and below will also get great value from this course as the software has changed so much.
• NO: This course is NOT suited to people experienced in using HTML & CSS. If you prefer to work in code only then this course isn’t right for you.

What is the use of Dreamweaver in web designing?

How do I use Dreamweaver to create a website?

Which technology is used for Responsive web design?