CSS AND CSS3 CRASH COURSE

[headline style=”big” hedaline_alignment=”headline-align-center”]

What is this course about?

[/headline]

This Crash Course takes you from a CSS and CSS3 beginner to an expert in no time. You can enroll for this course as an absolute beginner, or just use the course to refresh your skills.

Who should do this course?

  • Beginning website developers
  • Beginning website designers
  • Experienced website developers
  • Experienced website designers
[faq title=”Click here for Course Preview ” icon=””]MODULE 1 – INTRODUCTION TO THE COURSE

1.1 WHAT WILL YOU LEARN PREVIEW

1.2 INTRODUCTION AND THE BASICS PREVIEW

1.3 INSTALLING NOTEPAD PLUS PLUS

MODULE 2 – CSS AND CSS3 BASICS

2.1 SELECTORS (PART 1 OF 4)

2.2 SELECTORS (PART 2 OF 4)

2.3 SELECTORS (PART 3 OF 4)

2.4 SELECTORS (PART 4 OF 4)

2.5 STYLING LINKS (HYPERLINKS)

2.6 WIDTHS AND HEIGHTS

2.7 POSITIONING

2.8 CENTERING A CONTAINER

2.9 COLORS

2.10 DISPLAY PROPERTY

2.11 HIDING AN ELEMENT

2.12 FONT BASICS

MODULE 3 – INTERMEDIATE CSS AND CSS3

3.1 FORCING UPPERCASE, LOWERCASE AND CAPITALISATION

3.2 TEXT ALIGNMENT

3.3 TEXT INDENTING

3.4 BORDERS 12:8

3.5 ROUNDED BORDERS

3.6 MARGINS AND PADDING

3.7 OVERFLOW 9:39

3.8 STYLING HEADERS

3.9 FLOATING ELEMENTS

3.10 CLEARFIX FOR CLEARING FLOATS

3.11 STYLING UNORDERE LISTS

3.12 HORIZONTAL MENU (PART 1 OF 2)

3.13 HORIZONTAL MENU (PART 2 OF 2)

3.14 VERTICAL MENU

3.15 CREATING A BUTTON

3.16 BACKGROUNDS

3.17 MULTIPLE BACKGROUND IMAGES

3.18 BACKGROUND SIZE

3.19 BORDER IMAGES

MODULE 4 – ADVANCED INTERMEDIATE CSS AND CSS3

4.1 SPRITE

4.2 ELEMENT SHADOWS (BOX SHADOW)

4.3 TEXT SHADOWS

4.4 OPACITY

4.5 ELEMENT STACK ORDER (Z INDEX)

4.6 IMAGE OVERLAY EFFECT (PART 1 OF 2)

4.7 IMAGE OVERLAY EFFECT (PART 2 OF 2)

4.8 2D TRANSFORMATIONS (PART 1 OF 4)

4.9 2D TRANSFORMATIONS (PART 2 OF 4)

4.10 2D TRANSFORMATIONS (PART 3 OF 4)

4.11 2D TRANSFORMATIONS (PART 4 OF 4)

MODULE 5 – BUILD YOUR FIRST WEBSITE

5.1 BASIC SITE LAYOUT (PART 1 OF 3)

5.2 BASIC SITE LAYOUT (PART 2 OF 3)

5.3 BASIC SITE LAYOUT (PART 3 OF 3)

5.4 STYLING TABLES (PART 1 OF 2)

5.5 STYLING TABLES (PART 2 OF 2)

5.6 CURSORS 8:37

5.7 BOX SIZING

5.8 STYLING FORM ELEMENTS (PART 1 OF 2)

5.9 STYLING FORM ELEMENTS (PART 2 OF 2)

5.10 DASHED LINK UNDERLINE

5.11 DROP DOWN STYLE MENU

5.12 QUICK AND EASY CSS TRIANGLES

5.13 PURE DROPDOWN LIST MENU (PART 1 OF 2)

5.14 PURE DROPDOWN LIST MENU (PART 2 OF 2)

MODULE 6 – FUN ADVANCED TOPICS

6.1 CREATING CUBE WITH CSS3

6.2 CREATE A AVATAR PROFILE PICTURE EFFECT

6.3 CREATE A SPEECH BUBBLE IN COMMENT LIST

6.4 CREATE A HEADLINE BACKGROUNG EFFECT[/faq]

[featuredbox type=”left-big”]

KEY FEATURES

  • 12 Hrs of HQ e-learning content
  • 3 CSS projects included
  • Covers 2D transformations
  • Course Completion Certificate

[/featuredbox]

Click here to find out how the online programs work.

Are you interested in this course but would like to have more information about it before registering? Simply give us your email address to receive samples, discounts and more information.

[dp-flipbox icon_size=”48″ icon_color=”#1e73be” front_title=”Interest form” front_content=”Are you interested in this course?” front_txt_color=”#ffffff” front_bg_color=”#1e73be”]

Fill this form and get more information

[/dp-flipbox][contact-form-7 id=”5650″]