Cloud Workshop
scopri Azure in una giornata

Una serie di eventi di una giornata in Aula Virtuale per conoscere Azure e implementare i suoi servizi.

LEGGI TUTTO

Prepara gli esami Cisco con i Practice Test Measure Up

Disponibili i Practice Test per preparare alcuni esami di certificazione Cisco.
Fruibili via web per 180 giorni.

LEGGI TUTTO

PRINCE2

PRojects IN Controlled Environments: PRINCE2 è la metodologia di Project Management applicabile a tutti i tipi di progetto.

In Pipeline è disponibile la formazione elearning e in aula, nonché gli esami di certificazione.

LEGGI TUTTO

Disponibili i corsi ufficiali Microsoft
MOC On-Demand

Si tratta di corsi Microsoft fruibili in modo individuale via Internet.
La soluzione ideale per chi incontra problemi di calendario a partecipare ad un normale corso MOC.

LEGGI TUTTO

Aula Virtuale: una nuova modalità di frequenza dei corsi Pipeline

E' disponibile una nuova modalità di frequenza dei corsi Pipeline. Si tratta dell'Aula Virtuale.

LEGGI TUTTO

Catalogo corsi
corsi-personalizzati
Corsi in promozione
Voucher microsoft


ARVWEB003AV - Advanced CSS (Video Corso)


In questo corso eLearning avanzato gli allievi apprendono l'uso dei Cascading Style Sheets (CSS) per la formattazione dei form, per creare liste, per creare layout di pagina di tipo avanzato, e per creare coinvolgenti effetti di background.

Nel corso vengono anche approfondite convenzioni e proprietà relative alla codifica.

Il corso è aggiornato a CSS3.

Il corso è composto da video (in lingua inglese), tutorial, quiz e esercitazioni.

Durata del corso: 16 ore

Il corso è accessibile per 12 mesi dal momento della attivazione. L'attivazione deve avvenire entro 6 mesi dalla data di acquisto.

Lingua del corso: Inglese

Contenuti del corso

Positioning and Visibility

  • Element Flow
  • Position
  • Absolute Positioning
  • Relative Positioning
  • Fixed Positioning
  • Exercise: Positioning
  • Z-index
  • Display
  • Visibility
  • Float
  • Clear

Advanced CSS Page Layout

  • Resetting Styles
  • Full Width Layouts
  • Two-column
  • Three-column
  • Exercise: Positioning the Headings
  • Fixed Width Layouts
  • A Recommendation on Positioning
  • Exercise: Laying Out a Page - The Power of Float
  • Other Methods of Layout
  • CSS Text Columns
  • Flexible Box Model
  • Exercise: Flexible Box Layout

Media Queries

  • Media Queries
  • What Are Media Queries?
  • The Viewport Meta Tag
  • A First Example
  • Responsive Design
  • Exercise: Responsive Design for a Simple Blog
  • Image Widths
  • Exercise: Responsive Design for a Simple Blog (Three Views)

CSS Shorthand Properties

  • What is CSS Shorthand?
  • Benefits of Using CSS Shorthand
  • Value Order of CSS Shorthand Properties
  • CSS Initial Values
  • Shorthand Margin and Padding
  • Shorthand Border
  • Shorthand Backgrounds
  • Shorthand Fonts
  • Shorthand Lists
  • Exercise: Using Shorthand

CSS Lists as Hierarchical Navigation

  • Menus as Lists
  • CSS Horizontal Menu
  • CSS Vertical Menu
  • CSS Dynamic Menus
  • CSS Dropdown Menu
  • CSS Flyout Menu
  • Exercise: Combining Dropdown and Flyout Menus
  • CSS3 Menus
  • Dropdown Menus
  • A Mobile-Friendly Menu
  • Accessibility

CSS Background Tricks

  • Rounded Corner Boxes
  • Fixed-width Rounded Corner Boxes
  • Rounded Corners with CSS
  • Mountaintop Corners
  • Exercise: Creating a Rooftop Panel
  • Tabbed Navigation
  • Exercise: Tabbed Navigation: Rounding the Corners
  • Drop Shadows
  • CSS Drop Shadows: The box-shadow Property
  • CSS Sprites
  • Background Opacity and Images
  • The opacity Property
  • Exercise: Using HSL and Opacity
  • Backgrounds
  • Exercise: Multiple Background Images with background-clip, background-origin, and background-size

Laying out and Styling Forms with CSS

  • Laying out the Questions
  • Creating the Form
  • HTML
  • Form Fields
  • Adding the Form Fields
  • Reset Revisited
  • Styling the Form
  • Exercise: Expanding the Form

CSS Best Practices

  • Considerations
  • Use CSS
  • Use External Style Sheets
  • Organize Your Style Sheets/Preprocessors
  • Exercise: Using Sass
  • ID the Body
  • Use CSS Shorthand
  • Combine CSS Rules
  • Use a CSS Reset
  • Use the "LoVe HAte" Rule
  • Use HTML Lists for Navigation Menus
  • Avoid CSS Hacks
  • Use a CSS Compressor
  • Use a Master Style Sheet
  • Summary of Best Practices

Browser-compatibility Issues

  • Quirks Mode
  • Controlling Browser Modes
  • Design Strategy
  • Internet Explorer Conditional Statements
  • Common Browser Bugs / Issues
  • Positioning Legends

 

A chi è rivolto

Il corso si rivolge a programmatori HTML.

 

Prerequisiti

Per partecipare con profitto a questo corso è necessario che gli allievi abbiano familiarità con l'uso di HTML e con l'uso basilare dei CSS. E' consigliabile aver frequentato i corsi eLearning ARVWEB001AV - Introduction to HTML e il corso ARVWEB002AV - Introduction to CSS.

 

Obiettivi

Al termine del corso gli allievi saranno in grado di:

  • Learn to position elements with CSS.
  • Learn advanced CSS page layout techniques.
  • Learn how to use shorthand CSS properties.
  • Learn to create cool effects with background images using CSS.
  • Learn to lay out forms without tables.
  • Learn to use CSS with lists to create hierarchical navigation.
  • Learn to organize your CSS code.
  • Learn about browser support for CSS.

 
 

 

 

Corso erogato in modalità eLearning  

Corsi Confermati

MOC 10975 - Introduction to Programming
25-02-2019 - Aula Virtuale
MOC 10975 - Introduction to Programming
25-02-2019 - Pipeline Milano
VMW_ICM - VMware vSphere: Install, Configure, Manage [V6.7]
18-03-2019 - Systematika Saronno
VMW_ICM - VMware vSphere: Install, Configure, Manage [V6.7]
18-03-2019 - Systematika Roma
VMW_ICM - VMware vSphere: Install, Configure, Manage [V6.7]
18-03-2019 - Aula Virtuale
VMW_ICM - VMware vSphere: Install, Configure, Manage [V6.7]
18-03-2019 - Systematika Padova

I nostri Partners

Video corsi

pipeine-video

Ricerca Corsi

catalogo-corsi-pipeline

SCARICA IL CATALOGO CORSI

studenti

STUDENTI

Le Nostre Aule