CSS3 – Zero To HERO, 5 days

4.0
3 reviews
  • I have as of late been on the CSS and HTML 5 course in Manchester. This is the second time I have been on courses with Academy Class, the first being the After Effects course in London. My After Effects course went so well, I genuinely thought there would be no way I can take in the system in 5 days however the coach taught us so well that I really completed the course with an enormous measure of learning for After Effects. I now utilize it consistently and can make some staggering adverts because of Academy Class. My HTML 5 and CSS course as of late in Manchester was fascinating and again I didn't think I will have the capacity to learn it inside 5 days, however again i wasn't right, I can now make stunning sites that are CSS driven and I am sufficiently sure to know how it functions not exactly how to outline the sites. I exceedingly suggest The Academy Class for any course, you absolutely get your cash worth and increase the experience you require. I am planning to return in the new year for a photoshop course. Because of all the staff for helping me acquire involvement in a profession I appreciate doing.
    |
  • I have been exceptionally fortunate to discover Academy Class around 8 months back. I took a gander at couple of various preparing venues yet picked Academy Class. Extremely upbeat about my decision. Have taken HTML, CSS, PHP, Photoshop and planned to take couple of more training's. Teachers are great ! HTML and CSS teacher Tareq is completely excellent. The person knows everything, instructs exceptionally well and is continually upto date with the most recent stuff. Not just that you learn real material you get entire bundle of amazingly helpful connections to outside assets. As a rule classes are composed exceptionally well. The environment is exceptionally casual and imaginative. Teas, espresso, rolls and similar dispatch are dependably there for you amid the breaks. Institute Class truly helped me so far to finish my first venture. I am depending on their courses to set me up for my other greater attempt.
    |
  • I discovered Academy Class a warm and well disposed spot to be in. The learning is fun despite the fact that can be very testing on occasion. I would prescribe Academy Class to any individual who cherishes web outline.
    |

Course

In London

£ 997 + VAT

Description

  • Type

    Course

  • Location

    London

  • Class hours

    12h

  • Duration

    2 Days

  • Start date

    Different dates available

CSS Fundamentals with CSS3 properties This class provides the web professional with the ability to control the rendering, e.g. fonts, colours, leading, margins, typefaces, and other aspects of style of a Web document without compromising its structure using Cascading Style Sheets.

Using common desktop publishing terminology, Cascading Style Sheets makes it easy for professional as well as untrained designers to make use of its features. Also – This class provides the web professional with the ability to design using next-gen’s technology of CSS3 for modern, mobile and future browsers. The course will include design for mobile devices for rendering the visualisation of web pages using CSS3 and adding custom fonts. You’ll also be able to control the rendering, for opacity, multi-column, drop-shadows and many more. Using the same CSS syntax, adding enhanced advanced effects makes it easy for professionals as well as untrained designers to make use of these new features. This Jumpstart is not delivered over 5 consecutive days, which helps you when planning your training and absence from your office.


Test your level!

Take this quiz to ensure you will be selecting the right course for you:

https://www.academyclass.com/wp-content/plugins/AC_quiz/CSS_201_quiz/index.html

Facilities

Location

Start date

London
See map
Elizabeth House 39 York Road, SE1 7NQ

Start date

Different dates availableEnrolment now open

About this course

Upon successful completion of this course you’ll be able to; convert an existing page, styling for print, styling a press release, making an input form look good, styling an events calendar, creating an online greeting card, bringing hyperlinks to life, multicolumn layout, how to skin a menu, sneaking out of the box, positioning a better design and fixing your backgrounds. You’ll also be able to; work with the media query, add custom web fonts, apply text shadows, work with the REM unit, add CSS3 Gradients, round corners, apply a transparency, multicolumn layout, build CSS3 menus, working with CSS3 & jQuery, rotating objects, adding transitions and 3D in CSS3.

Web professionals who are seeking to provide a more accessible design structure using Cascading Style Sheets and a moe advanced & modern design visualisation using Cascading Style Sheets.

You should have a good working knowledge of HTML before joining this class

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

4.0
fantastic
  • I have as of late been on the CSS and HTML 5 course in Manchester. This is the second time I have been on courses with Academy Class, the first being the After Effects course in London. My After Effects course went so well, I genuinely thought there would be no way I can take in the system in 5 days however the coach taught us so well that I really completed the course with an enormous measure of learning for After Effects. I now utilize it consistently and can make some staggering adverts because of Academy Class. My HTML 5 and CSS course as of late in Manchester was fascinating and again I didn't think I will have the capacity to learn it inside 5 days, however again i wasn't right, I can now make stunning sites that are CSS driven and I am sufficiently sure to know how it functions not exactly how to outline the sites. I exceedingly suggest The Academy Class for any course, you absolutely get your cash worth and increase the experience you require. I am planning to return in the new year for a photoshop course. Because of all the staff for helping me acquire involvement in a profession I appreciate doing.
    |
  • I have been exceptionally fortunate to discover Academy Class around 8 months back. I took a gander at couple of various preparing venues yet picked Academy Class. Extremely upbeat about my decision. Have taken HTML, CSS, PHP, Photoshop and planned to take couple of more training's. Teachers are great ! HTML and CSS teacher Tareq is completely excellent. The person knows everything, instructs exceptionally well and is continually upto date with the most recent stuff. Not just that you learn real material you get entire bundle of amazingly helpful connections to outside assets. As a rule classes are composed exceptionally well. The environment is exceptionally casual and imaginative. Teas, espresso, rolls and similar dispatch are dependably there for you amid the breaks. Institute Class truly helped me so far to finish my first venture. I am depending on their courses to set me up for my other greater attempt.
    |
  • I discovered Academy Class a warm and well disposed spot to be in. The learning is fun despite the fact that can be very testing on occasion. I would prescribe Academy Class to any individual who cherishes web outline.
    |
100%
4.5
excellent

Course rating

Recommended

Centre rating

Anonymous

4.5
12/04/2016
What I would highlight: I have as of late been on the CSS and HTML 5 course in Manchester. This is the second time I have been on courses with Academy Class, the first being the After Effects course in London. My After Effects course went so well, I genuinely thought there would be no way I can take in the system in 5 days however the coach taught us so well that I really completed the course with an enormous measure of learning for After Effects. I now utilize it consistently and can make some staggering adverts because of Academy Class. My HTML 5 and CSS course as of late in Manchester was fascinating and again I didn't think I will have the capacity to learn it inside 5 days, however again i wasn't right, I can now make stunning sites that are CSS driven and I am sufficiently sure to know how it functions not exactly how to outline the sites. I exceedingly suggest The Academy Class for any course, you absolutely get your cash worth and increase the experience you require. I am planning to return in the new year for a photoshop course. Because of all the staff for helping me acquire involvement in a profession I appreciate doing.
What could be improved: Nothing.
Would you recommend this course?: Yes

Jay Curtis

4.0
10/03/2016
What I would highlight: I have been exceptionally fortunate to discover Academy Class around 8 months back. I took a gander at couple of various preparing venues yet picked Academy Class. Extremely upbeat about my decision. Have taken HTML, CSS, PHP, Photoshop and planned to take couple of more training's. Teachers are great ! HTML and CSS teacher Tareq is completely excellent. The person knows everything, instructs exceptionally well and is continually upto date with the most recent stuff. Not just that you learn real material you get entire bundle of amazingly helpful connections to outside assets. As a rule classes are composed exceptionally well. The environment is exceptionally casual and imaginative. Teas, espresso, rolls and similar dispatch are dependably there for you amid the breaks. Institute Class truly helped me so far to finish my first venture. I am depending on their courses to set me up for my other greater attempt.
What could be improved: It was good.
Would you recommend this course?: Yes

Leanne

3.5
10/02/2016
What I would highlight: I discovered Academy Class a warm and well disposed spot to be in. The learning is fun despite the fact that can be very testing on occasion. I would prescribe Academy Class to any individual who cherishes web outline.
What could be improved: Everything OK.
Would you recommend this course?: Yes
*All reviews collected by Emagister & iAgora have been verified

This centre's achievements

2016

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 16 years

Subjects

  • Property
  • Web
  • Rendering
  • Inheritance
  • Design
  • CSS3
  • Zero To HERO
  • Cascading Style
  • CSS
  • HTML
  • Typography
  • Styling tables
  • Styling Forms.
  • Selectivizr
  • CSS minify

Teachers and trainers (1)

Ian  Gilbert

Ian Gilbert

Adobe Certified Design and media Instructor

Training is a job I enjoy and involves many tasks: creating engaging course content and adapting the learning to suit the individual learners needs and requirements. All my training has a focus on practical projects with time for delegates to practice techniques so ensuring a higher retention of information. Some of the organisation I have undertaken training for include: NHS, BUPA, Ikea, police force, army, Canon, councils, and universities. I trained and worked for many years as a technical illustrator in England and Germany creating illustrations for companies such as Ford, Opal, George

Course programme

Introduction

  • What is Cascading Style Sheets (CSS)
  • How it works
  • Selector and declaration
  • Properties and values

Including CSS

  • HTML style attribute
  • Internal CSS using style tag
  • External CSS using link tag (recommended)

Selectors

  • Universal
  • Tag selector
  • Class selector
  • ID selector
  • Child selector
  • Descendant selector
  • Cascading Inheritance

Colours

  • Foreground colour (text colour)
  • Background colour
  • Named colours value
  • HEX colour value
  • RGB colour value RGBA and opacity

Text

  • Terminology
  • Typography
  • Font style
  • Availability
  • Font family property
  • Font size property
  • Type size units
  • Font weight property
  • Font style property
  • Text transform property
  • Text decoration property
  • Line height property
  • Letter and word spacing properties
  • Text align property
  • Vertical align property
  • Text ident property
  • Styling links and their states

Box model

  • Understanding box model
  • Dimensions
  • Border, margin and padding
  • Shorthand properties
  • Limiting width
  • Limiting height
  • Content overflow
  • Display property
  • Visibility property

Lists, tables and forms

  • Styling Lists
  • Styling tables
  • Styling Forms
  • Taking advantage of inheritance
  • Practical examples

More on CSS Page Layout

  • Alternative methods of CSS positioning
  • Centering blocks
  • Styling lists
  • Redefining the behaviour of inline and block elements
  • Hiding and revealing blocks
  • Table formatting in CSS
  • Styling table cell borders
  • Page layout with table display properties

Cascade, Precedence, Specificity & Inheritance in CSS

  • Taking control: ensuring that CSS rules interact in the way you want
  • Combining styles: different types, origins, importance, specificity and order
  • Examples: combining rules
  • Cascading and cascade order
  • Resolving style conflicts by origin
  • Resolving style conflicts by importance
  • Resolving conflict by selector specificity
  • Resolving conflict by order
  • Non-CSS presentational hints
  • Property inheritance

CSS Layers & Translucency

  • Different forms of layered presentation in CSS
  • Layering with the Z-index property
  • Different methods for creating translucency effects
  • The CSS3 opacity property
  • Opacity example
  • Fixed attachment backgrounds in layers
  • Background-attachment example
  • Transparency and semi-transparency with Alpha-Blended PNGs
  • PNG translucency example and sample code
  • Pseudo-transparency with JPEG positioned backgrounds
  • JPEG pseudo transparency example

CSS3 on Mobile Devices

  • CSS3 media queries
  • Different sizes
  • Orientation change

Fonts & Text

  • Using custom fonts
  • @font property
  • Importing fonts
  • Web font formats
  • Buying web fonts
  • TypeKit, fontsquirrel
  • Using google font api
  • Text shadows
  • Font sizing with REM
  • Enhanced text gradients

Enhancing Your Boxes

  • Box rounding
  • Adding a shadow to objects
  • Opacity & Transparency
  • Colouring with RGB and Alpha
  • Adding a CSS3 gradient
  • Rotating objects
  • Applying animations and transitions

Backward compatibility tools

  • CSS3Pie,
  • CSS3Please and generators
  • Transformie, Modernizr
  • Selectivizr

Useful CSS Tips

  • Usage of CSS sprites
  • Pseudo selectors
  • CSS minify
  • Cheat sheet for CSS3

CSS3 – Zero To HERO, 5 days

£ 997 + VAT