Coses que es poden fer a classe

CSS

• Creació de plantilles amb el dreamweaver
• Instal·lació i execució de WordPress i Joomla (per part de Pedro Medina)
• Fluid design (templates de 2 i 3 cols, centrat horitzontal i vertical)
• Botons segons imatges de background
• directrius @import
• hacks de CSS
• jQuery (estils dinàmics)
• TBODY, THEAD, TFOOT
• FRAMES, iFRAMES, DIV (google) amb overflow: auto;
• Webexcelence (consells a l’hora de planificar un site)… usabilitat… etc.
• SEO i bones pràctiques
• Aplicació de CSS3… propietats i a on. Aplicació segons els estàndards W3C
• Apps que manegen CSS.

Flash

• Flash & SEO
• Vídeo
• Sound
• Soft 3D i altres (Swift3D, etc)

A més… hem de preparar la tenda del videoclub.

Creació de fragments (snippets) i framework Spry

A partir de l’ajuda online d’Adobe Dreamweaver CS3 podem veure com es fa:

Utilización de fragmentos (és molt senzill)

Creación visual con Spry (és un framework de javascript i CSS)

Rollovers i menús CSS

Típicament els rollovers s’han fet amb imatges diferents. Veiem quins avantatges té usar-ne només una

Fast Rollovers Without Preload (wellstyled.com)

A l’hora de fer una navegació de les diferents seccions ens convé planejar el tipus d’estructura que necessitarem.
Normalment ho farem amb llistes no ordenades (UL) ja que precisament són això.

Mirau els següents enllaços de exploding-boy:
12 menús
12 menús més

Pots trovar més referències a Razvan.
71 de meniuri CSS – Utopic

Alguns més:

CSSmenus 

CSSPlay

 

I això seria per fer pestanyes fixes:

Sliding Dors (AListApart)

CSS standard layouts

22 Resources to Easily Create CSS Layouts (http://vandelaydesign.com/blog/design/css-layout-tools/)

CSS Creator (http://csscreator.com/?q=tools/layout)

Frameworks:

BlueprintCSS (http://www.blueprintcss.org/)

jQuery (http://www.jquery.com/)

Cantos redondejats

La possibilitat de fer els cantos redons no existeix en l’estàndard CSS més estès entre els navegadors actuals.

 

A Diseñorama fan tota una disertació sobre tècniques i mètodes adients per aconseguir cantos redons amb avantatges i desavantatges.

Position (I)

Valors possibles per a la propietat position:

• Static
  • És el valor per defecte.
• Relative
  • On apareixeria normalment segons el flow, la reserva però és respecte a la caixa que el mateix element generaria.
• Absolute
  • Es refereix respecte al contenidor superior i més proper que tengui una propietat position: absolute, relative, or fixed.
• Fixed
  • Similar a absolute, però aquí sempre és respecte al viewport. No l’accepta IE.