Responsive Web Design with Adobe Dreamweaver

A course by Arturo Servín , Web designer

Web designer. Mexico City, Mexico.
Joined July 2016

Learn the basics of HTML and CSS to create a responsive website with a visual interface step by step

  • Spanish with subtitles in English
  • 97% positive reviews (201)
  • 4416 students

Learn the basics of HTML and CSS to create a responsive website with a visual interface step by step

A course by Arturo Servín

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.

Read more ↓

What will you learn in this online course?

31 lessons & 39 downloads

What will we do in the course?
4 minutes, 44 seconds
What are UX and UI?
9 minutes, 11 seconds
Art direction
11 minutes, 32 seconds
Why use Dreamweaver?
7 minutes, 33 seconds
Work area overview
9 minutes, 39 seconds
Spanish with subtitles in English
  • 97% positive reviews (201)
  • 4416 students
  • 31 lessons (5h 1m)
  • 39 additional resources (19 files)
  • Online and at your own pace
  • Available on the app
  • Audio: Spanish
  • Spanish, English, Portuguese, German, French, Italian, Polish, Dutch
  • Level: Beginner
  • Unlimited access forever

What is this course's project?

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

Projects by course students

Who is this online course for?

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.

Requirements and materials

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.


4416 Students
201 Reviews
97% Positive ratings

Arturo Servín

A course by Arturo Servín

Teacher Plus
Web designer

Arturo Servín is a graphic designer specialized in web design and has been a web designer for the magazine a! Design, in addition to Community Professional for Adobe Systems for two years, and professor at different universities in Mexico, including Miami Ad School Mexico City. Guest instructor from different educational institutions, such as the Iberoamerican University, Anáhuac University Cancún campus, Tecnológico de Monterrey, Universidad de las Américas in Puebla, Universidad Autónoma de Guadalajara, among others. Founder of his own studio focused on ecommerce , web design and branding .


  • U1


    • Presentation
    • Influences
    • What will we do in the course?
  • U2

    Principles of web design

    • What are UX and UI?
    • Art direction
    • The advantage of standardizing
  • U3

    Losing fear of Dreamweaver: building a basic web page

    • Why use Dreamweaver?
    • Work area overview
    • Creation of work folders
    • HTML syntax using tags, attributes and values
    • General structure of a web page
    • Placing text and images
    • Links
  • U4

    Adding style to a web page

    • Linking a CSS file and its Syntax
    • Selectors and values
    • The box model and resetting a style sheet
    • Typographic styles
    • Styles for designing P1 boxes
    • Styles for the design of P2 boxes
    • Applying position, display and floats P1
    • Applying position, display and P2 floats
    • CSS decoration
  • U5

    A responsive site

    • Creating Media Queries
    • Mobile first
    • Making a responsive menu simple P1
    • Making a responsive menu simple P2
    • Using previews
    • Check and correct
  • U6

    Website publishing

    • Defining a remote site from Dreamweaver
    • Uploading the website
    • Synchronize the local site and the remote site
  • FP

    Final project

    • Introduction to responsive web design with Adobe Dreamweaver

What to expect from a Domestika course

  • Learn at your own pace

    Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.

  • Learn from the best professionals

    Learn valuable methods and techniques explained by top experts in the creative sector.

  • Meet expert teachers

    Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.

  • Certificates

    If you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.

  • Get front-row seats

    Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.

  • Share knowledge and ideas

    Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.

  • Connect with a global creative community

    The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.

  • Watch professionally produced courses

    Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.


Domestika's courses are online classes that provide you with the tools and skills you need to complete a specific project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the teacher and with other students, creating a dynamic course community.

All courses are 100% online, so once they're published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.

The courses are divided into different units. Each one includes lessons, informational text, tasks, and practice exercises to help you carry out your project step by step, with additional complementary resources and downloads. You'll also have access to an exclusive forum where you can interact with the teacher and with other students, as well as share your work and your course project, creating a community around the course.

You can redeem the course you received by accessing the redeeming page and entering your gift code.

If you're a Plus member, when you complete a course you've purchased, you'll instantly get your personalized certificate. You can see all your certificates in the Certificates section of your profile. You can download your certificates as PDFs and share the link online. Learn more about certificates.
Responsive Web Design with Adobe Dreamweaver. Web, and App Design course by Arturo Servín

Responsive Web Design with Adobe Dreamweaver

A course by Arturo Servín
Web designer. Mexico City, Mexico.
Joined July 2016
  • 97% positive reviews (201)
  • 4416 students