Course Information
Course Overview
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)
Course Content
- 9 section(s)
- 55 lecture(s)
- Section 1 Introduction
- Section 2 Preparing the HTML Content and Structure
- Section 3 Creating the Style and Layout with CSS
- Section 4 Creating a Menu System with CSS
- Section 5 Making Layout Adjustments for Large and Medium Screens
- Section 6 Making Adjustments for Small Screens
- Section 7 Making Adjustments for the Smallest Screens
- Section 8 Making Layout and Content Adjustments for Print
- Section 9 Where To Go From Here
What You’ll Learn
- Strategize the HTML needed for a web design, Create CSS rules to target specific HTML elements, Work with web graphics (in HTML and CSS), Transform user experiences with CSS, Adapt layouts for varying screen sizes, Optimize a web page's printing capabilities
Skills covered in this course
Reviews
-
RRose Craig
Good course. You'd need to be relatively familiar with HTML/CSS before taking this. The default speed is kind of fast, but I was able to follow along with the instructor on .75 speed, pausing sometimes to catch up. Really good to work along side the video and check the webpage in the browser to make sure I'd typed things in correctly.
-
MMahdi D
The course does what it promises: creating a responsive design with HTM5 and CSS. I am happy that no JavaScript is used. However, this course is not for beginners. It is more suitable for intermediate developers. The presenter is clearly a "visual"person. He talks fast and does not go into details as much as necessary for beginners. While I learned a lot in this course, I had problem understanding some techniques and concepts. It would have been a better course if the presenter slowed down and introduced some complex issues in more detail. Instead, he just gives a one-line explanation and moves on quickly!
-
SShailendra Chopra
Excellent course - to the point and yet taught me many new things!!
-
SStreamdr
Truly excellent course. It's a very satisfying feeling to have not only enjoyed a course from start to finish, but also crucially, to have taken so much valuable and new information from it. Thank you