Learn to create responsive web layouts for different screen sizes and printing with this comprehensive step-by-step course covering HTML, CSS, and graphics.
This course is all about building a web page that looks good on any device, plus even on paper! You’ll dive into HTML, CSS, and some cool design tricks to make everything responsive and user-friendly.
A step-by-step course showing how to create a web layout that responds to screen sizes and printing.
This course was designed to teach you to create a web page that can adapt it’s layout to fit on any screen size, as well as on paper when printed.
Web design requires the coordination of HTML, CSS, and graphics in order to construct a layout and design that can respond to the varying needs of your websites visitors.
In this step-by-step course, we’ll cover every aspect of converting a design into a fully functioning web page. We’ll create navigation menus, style typography, format and position graphics, create CSS animations, import free web fonts from Google, as well adjust our layout to fit a wide range of screens and devices.
And for those new to HTML, CSS, or web graphics, we have a few lessons explaining the core fundamentals of each, so you’ll be able to work through the course without missing a beat.
To get a full sense of the scope of this course, watch the first chapter — it’s FREE.
Running Time: 3:47 (225 minutes)
Strategize the HTML needed for a web design
Create CSS rules to target specific HTML elements
Work with web graphics (in HTML and CSS)
5 Lectures
9 Lectures
13 Lectures
5 Lectures
3 Lectures
6 Lectures
10 Lectures
1 Lectures
Chris has 30 years experience in graphic, animation, and interactive design, with a unique focus on both design and development. He earned his BFA in Graphic Design at the Rochester Institute of Technology (R•I•T), and has continued to study the landscape of design and its crossroads with various technologies. In addition to design and development, Chris has authored a wide...
Great
I felt the first part was 'backwards'. It was 'here is the html and here is what it looks like'. I would have appreciated the narrative as 'here is what I want it to look like and here is how I code it.' That is the way one does it in real life. The building of the media tags worked that way and worked well. Other than that, it worked pretty well for me and kept me involved by trying to match the code and make it work.
This if the first front-end course I've found on Udemy that actually looks like a proper tutorial prepared by a professional rather than just someone bashing out code while you watch and calling it a learning course; my only regret is that having been produced in 2015 I suspect that it's somewhat out of date but as I'm upskilling from my early noughties web skills it's got me significantly closer to a modern skillset.
Fantastical Styling from Selection Element content.
Nice to have is a little bit to slower on the code example for trainig.
was fantastic in 2014, but now things have changed, no reference to rem, vh or vw, or mobile first coding.
Even though i discovered things I did not knew.
its very excellent...i am very happy...easy to understand in intermediate level..shall i get PDF for these code?
as i expected
Es muy buena la explicación, se avanza rápido pero a veces se le pierde el foco como los tamaños que no se explican al inicio y ciertas propiedades que no funcionan en conjunto
good
Your email address will not be published. Required fields are marked *
Chezhian P.
I have around 23 years of experience in Mobile app development. Last 8 years having hands on experience in React Native. Tried many times to learn Web development but failed in understand it structure, css styes and how to visualise the layout to use right elements. This tutorial gives me what I expected and easy me. Thanks to the Author.