Responsive Web Design with Adobe Dreamweaver
A course by Arturo Servín , Web designer
Learn the basics of HTML and CSS to create a responsive website with a visual interface step by step
Learn the basics of HTML and CSS to create a responsive website with a visual interface step by step
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.
What will you learn in this online course?
31 lessons & 39 downloads
- 97% positive reviews (210)
- 4,800 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
Recommended software for this course
Adobe DreamweaverWhat 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.
Reviews
A course by Arturo Servín
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 .
Content
-
U1
Introduction
-
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
PlusIf 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.
FAQs
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.
Adobe Dreamweaver
andreskarlo
Muy buen cruso. No solo aprendes sobre el programa, sino el proceso de crear una web con todos los detalles.
View translation
Hide translation
reavcion
El profe, tiene buena metrodologia y se aprende mucho
View translation
Hide translation
elinejackjm
Excelente Curso! O professor sabe o conteudo e sabe transmitir tb!
View translation
Hide translation
cristhofer_11_96
10 de 10 todo muy genial.
View translation
Hide translation
jordy_nuno16
Muy buen curso para personas que están empezando en el mundo del diseño web a la vez aprendiendo tips cruciales de Html y Css
View translation
Hide translation