Learning Lab Home/Design/Responsive Design HTML CSS Web design - Dreamweaver CC

Responsive Design HTML CSS Web design - Dreamweaver CC

Course From:
Udemy
Free

Hi there, my name is Dan and together we’re going to build a portfolio website using Adobe Dreamweaver.

We’ll use Dreamweaver's handy templating tools to make updates to our site super easy. We’ll create our very own mobile 'burger menu' from scratch learning some basic JavaScript & jQuery.

I am an Adobe Certified Instructor and better yet I work closely with Adobe themselves to develop their own online help videos. I am also a Dreamweaver speaker at the huge Adobe Max conference in Las Vegas. I’m even inside your version of Dreamweaver right now... go on try it... open Dreamweaver > Go to Help > quick tutorial - I’m right there!

This course is for beginners. You do not need any previous knowledge in Dreamweaver or web design. We will use Dreamweaver ‘split’ view so we can use all the good visual tools as well as doing some simple amends down here in the code as well. 

In this series we will take this static design from either Illustrator or Photoshop and together, step by step, build everything in HTML5, CSS3 & JavaScript. We will make our own responsive design navigation. We will make adjustments so that everything looks great on different mobile devices. 

We will work with beautiful fonts & colours & even add Google Analytics to our site to get amazing information about exactly who visits your site.  Now web design can sometimes be tricky so I am here to help - just message me if you get stuck. There are also exercise files so you can follow along. I even save a full copy of the website at the end of every video so that you can check yours again mine if you’re is not working quite right.

Let's get excited about finally being able to build a website like a professional web designer. See you in class.

 

Course
Beginner
Careers

Careers Related to Responsive Design HTML CSS Web design - Dreamweaver CC

Jobs

Jobs Related to Responsive Design HTML CSS Web design - Dreamweaver CC

Certifications

Certifications related to Responsive Web Design or Web Design

General Assembly’s Visual Design course helps you explore the art and science of visual communication and the process of creating beautiful digital products. Create a production- ready composition for a responsive webpage, conveying your vision through typography, layout, and color. You’ll learn to give and receive design critique and implement feedback to improve your designs.

 

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although many students have used software such as Photoshop, Sketch, Figma, or Adobe XD* previously and may be familiar with basic design principles. Beginners will have access to optional tutorials to practice using software and boost their confidence ahead of class. Throughout this expert-designed program, you’ll:

  • Conduct research to inform content strategy and design decisions.
  • Create a digital design solution that balances client needs and user goals.
  • Design digital layouts with industry-standard tools such as Figma and Sketch.
  • Implement visual design best practices in composition, typography, imagery, and colors.
  • Communicate design decisions to stakeholders and collaborators.
  • Apply what you’ve learned to create a portfolio project: a production-ready mockup for a responsive webpage and a presentation deck to document your process.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly

Learn the tools and techniques to design products that are equal parts useful, functional, and delightful. Focusing on both theoretical frameworks and practical applications, students in General Assembly’s User Experience Design course will develop a portfolio project of their choosing — receiving expert feedback along the way.

 

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although many students are familiar with digital design concepts. Whether you’re new to the field or you’re looking to formalize your practice, our curriculum helps you gain fluency in end-to-end UX processes, tools and documentation and put them to work for you, your company, and your career. Throughout this expert-designed program, you’ll:

  • Discover how to identify, ideate, articulate, and develop design solutions for UX challenges.
  • Describe how UX designers work with product managers, developers, and visual designers.
  • Explore the current UX design landscape through relevant, real-world examples.
  • Develop and document personas, journey maps, user flows, and annotated wireframes.
  • Utilize industry-standard tools to propose and refine design decisions.
  • Apply what you’ve learned to create a portfolio project: a new or redesigned digital product experience.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly

General Assembly’s Front-End Web Development course equips complete beginners with the cutting-edge tools they need to build rich, interactive websites. Dive into essential programming languages, then round out your skill set with industry-relevant topics like responsive design, APIs, and version control. You’ll apply what you’ve learned to build a custom website from scratch.

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although some students may have coded previously. First-time programmers will have access to pre-course preparatory lessons and additional resources to boost their confidence with key concepts. Throughout this expert-designed program, you’ll:

  • Discover how the web works.
  • Create the structure and style of a website using HTML and CSS.
  • Apply interactivity to a site with JavaScript programming fundamentals.
  • Host a website on a server.
  • Learn the basic technical vocabulary to communicate with front-end web developers and other technical stakeholders.
  • Apply what you’ve learned to create a portfolio project: a dynamic, responsive website.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly
Courses

Courses related to Responsive Web Design or Web Design

General Assembly

Are you interested in UX Design, but have no prior experience or an idea of where to start? You’ve come to the right place!

4.5
(462)
General Assembly

Interested in exploring the programming languages that power the web, or looking for guidance writing your first lines of code? You’ve come to the right place!

4.5
(462)
Udemy

Hi there, my name is Daniel Scott and together we’re going to learn how to build professional responsive websites. which look good on mobiles, tablets and desktop screens.

We will build 4 sites together...

Udemy

Hi there, my name is Dan and together we’re going to build a portfolio website using Adobe Dreamweaver.

We’ll use Dreamweaver's handy templating tools to make updates to our site super easy. We’ll create our very own mobile 'burger menu'…