Skip to content

CSS Floating Layouts

Stone River eLearning

Summary

Price
£12 inc VAT
Study method
Online
Duration
3 hours · Self-paced
Qualification
No formal qualification

Overview

Ever struggled trying to figure out how to build a floating layout using only elements and CSS? CSS Floating Layouts takes the mystery and headache away, and shows you how to build amazing CSS-based floating layouts from the ground up. With Geoff Blake's trademark non-jargonny approach, you'll have fun and learn a heap as you discover the world of floating layouts. You'll learn about floats and clears, then delve into creating three different types of layouts: flexible layouts, fixed layouts, and combination flexible/fixed layouts…all from scratch, all with floats, all by hand!

What Will I Learn?

  • A clear, demystified approach to building floating layouts. You’ll be feeling like a pro in no time!

Description

Class Curriculum

1.Welcome To CSS Floating Layouts!

Start

Introduction (0:46)

Start

A Note About Setup (2:42)

2.CSS Float Fundamentals

Start

Basic Floating (10:29)

Start

Using Floats On Multiple Items (7:07)

Start

Introducing Clear (4:37)

Start

A Practical Example - Creating A Thumbnail Gallery With Float And Clear (17:39)

3.Building A Flexible Layout

Start

Creating The Basic Structure (4:58)

Start

Setting Properties And Testing The Layout (7:30)

Start

Inserting The Header (4:20)

Start

Inserting The Footer And Finalizing (6:09)

Start

Understanding How The Layout Works (3:01)

4.Building A Combination Flexible / Fixed Layout

Start

Building The Basic Layout Structure (5:06)

Start

Adding In Some Dummy Content (2:13)

Start

Setting Properties, Part 1 (6:59)

Start

Setting Properties, Part 2 (7:31)

Start

Final Layout Options (7:05)

5.Building A Fixed Layout

Start

Setting Up The Stucture (3:39)

Start

Setting Properties, Part 1 (4:20)

Start

Setting Properties, Part 2 (12:16)

Start

Final Layout Options (7:48)

6.Conclusion

Start

Wrapping It Up (1:58)

Still Want More? Check Out These Exclusive Bonus Lessons!

Start

Building Dreamweaver CS3 - CS4 Essentials Layouts Using Floats, Part 1 (8:14)

Start

Building Dreamweaver CS3 - CS4 Essentials Layouts Using Floats, Part 2 (8:57)

Start

Creating Floating Layouts In Dreamweaver (11:45)

Who is this course for?

  • Those looking to build a strong foundation in CSS and web layouts

Requirements

  • Basic computer skills

Career path

Graphic Designer

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Ask a question

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

Leave a review

Legal information

This course is advertised on reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.
View all
Related searches: Online courses

Interest free credit agreements provided by Zopa Bank Limited trading as DivideBuy are not regulated by the Financial Conduct Authority and do not fall under the jurisdiction of the Financial Ombudsman Service. Zopa Bank Limited trading as DivideBuy is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority, and entered on the Financial Services Register (800542). Zopa Bank Limited (10627575) is incorporated in England & Wales and has its registered office at: 1st Floor, Cottons Centre, Tooley Street, London, SE1 2QG. VAT Number 281765280. DivideBuy's trading address is First Floor, Brunswick Court, Brunswick Street, Newcastle-under-Lyme, ST5 1HH. © Zopa Bank Limited 2024. All rights reserved.