|
DESCRIÇÃO
Separar o design do conteúdo é a principal função das CSS – Cascading Style Sheets. Graças a elas é possível que o documento HTML tenha apenas o código e os conteúdos necessários ao site, pois todos os aspectos relacionados com o design são trabalhados via CSS num documento à parte. Isto resulta em código mais simples e fácil de editar, sites mais rápidos e também mais acessíveis aos motores de busca e aos utilizadores com necessidades especiais. Este livro mostra como criar sites 100% CSS, sem recurso a tabelas na sua construção. Desde a forma como se podem criar layouts base, passando pela abordagem criativa de imagens e listas na criação de menus funcionais, o leitor tem também uma completa e metódica explicação das principais propriedades e funcionalidades das CSS 2.1. Contém inúmeros exemplos práticos, ilustrativos das diversas acções e um tutorial, passo a passo, para a criação de um site exclusivamente em CSS. O leitor ficará assim apto a criar os seus sites em rigoroso cumprimento dos standards W3C.
PRINCIPAIS TÓPICOS
Entre outros, são abordados os seguintes temas:
- Construção e base das CSS;
- Controlo do (X)HTML via CSS;
- Formatação e estilo das componentes do site;
- Design do texto e parágrafos;
- Uso de imagens nas CSS;
- Arrumação dos conteúdos;
- Layout das páginas;
- Processamento dos conteúdos;
- Webdesign exclusivamente via CSS;
- Funções avançadas;
- Imagens, navegação e menus;
- Design e elementos HTML preexistentes;
- Design de layouts típicos de sites.
PÚBLICO ALVO
- Profissionais web e designers;
- Autodidactas e estudantes;
- Profissionais de design e comunicação.
O(S) AUTOR(ES)
Vico Ughetto
Bacharel em Publicidade e Marketing pela Escola Superior de Comunicação Social, possui ainda curso de estudos superiores especializados com licenciatura em Marketing. Profissional com larga experiência na área da comunicação, com ênfase nas novas tecnologias – multimédia e Internet – sendo, actualmente, colaborador de empresa na área do design, programação, publicação e alojamento de web sites.
ÍNDICE
1. Introdução
1.1 A quem se dirige e o que esperar deste livro
1.2 Termos e convenções usados no livro
1.3 CSS 1, CSS 2, CSS 2.1, CSS 3 – HTML e XHTML
1.4 Vantagens de usar CSS no design
PARTE I – Como usar as CSS: Statements, Selectors e Properties
2. Construção e base das CSS
2.1 Princípios gerais na aplicação das CSS
2.2 Statements – tipos e definição
2.3 Aplicação prática das statements
2.4 Resumo temático sobre statements
3. Controlo do (X)HTML via CSS
3.1 Introdução aos selectors e seus diferentes tipos
3.2 Os selectors no design de áreas específicas do site
3.2.1 Criação e definição de selectors tipo e de autor
3.2.1.1 Selectores tipo – type selectors
3.2.1.2 Selectores de autor – class selectors
3.2.1.3 ID selectors
3.2.2 Hiperligações e estádios dinâmicos/virtuais
3.2.2.1 Selectores tipo – type selectors
3.2.2.2 Dynamic pseudo-class selectors
3.2.2.3 Pseudo-element selectors
3.2.3 Conteúdos dinâmicos via CSS
3.2.4 Hierarquia e o efeito cascata dos selectors
3.2.4.1 Descendant selectors
3.2.4.2 Child selectors
3.2.4.3 First-child selectors
3.2.4.4 Adjacent selectors
3.2.5 Definições de condições específicas no design
3.2.5.1 Language selectors
3.2.5.2 Atribute selectors
3.2.6 Afectar vários selectors em simultâneo
3.2.6.1 Selector groups
3.2.6.2 Universal selector
3.3 Resumo temático sobre selectors
4. Formatação e estilo das componentes do site
4.1 Propriedades e valores
4.2 Tipos de valores
4.2.1 Unidades de medida
4.2.1.1 Tamanho
4.2.1.2 Percentagem
4.2.2 Definição de cores
4.2.2.1 Cores predefinidas
4.2.2.2 RGB
4.2.2.3 Hexadecimal
4.2.3 Localização de imagens ou ficheiros
4.2.4 Palavras-chave na definição de valores (values)
4.3 Categorias das properties e suas funções no design
5. Design do texto e parágrafos
5.1 Tipos de letra e sua estilização genérica – cor, tamanho, etc.
5.1.1 Color
5.1.2 Font-weight
5.1.3 Font-family
5.1.4 Font-size
5.1.5 Font-variant
5.1.6 Font-style
5.1.7 Text-decoration
5.1.8 Text-transform
5.2 Estilização de parágrafos
5.2.1 Letter-spacing
5.2.2 Word-spacing
5.2.3 Line-height
5.2.4 Vertical-align
5.2.5 Text-indent
5.2.6 Text-align
5.2.7 Direction
6. Uso de imagens nas CSS
6.1 Definição de cores e imagens de fundo
6.1.1 Background-color
6.1.2 Background-image
6.1.3 Background-attachment
6.2 Repetição e posicionamento de imagens
6.2.1 Background-repeat
6.2.2 Background-position
6.3 Uso criativo das imagens
7. Arrumação dos conteúdos
7.1 Margens e espacejamento
7.1.1 Margin (Margem)
7.1.2 Padding (Espacejamento)
7.2 Definição e controlo das bordas
8. Layout das páginas
8.1 Posicionamento e flutuação
8.1.1 Position
8.1.2 Top, Right, Bottom, Left
8.1.3 Float
8.1.4 Clear
8.2 Definição das dimensões – comprimento, altura
8.2.1 Width
8.2.2 Min-width e max-width
8.2.3 Height
8.2.4 Min-height e max-height
8.3 Controlo das dimensões dos conteúdos e sua visualização
8.3.1 Visibility
8.3.2 Overflow
8.3.3 Clip
8.3.4 Z-index
9. Processamento dos conteúdos
9.1 Os elementos e o seu processamento pelos browsers
9.2 Manipulação do processamento
9.2.1 Display
9.2.2 White-space
9.3 Uso e definição de listas
9.3.1 List-style-type
9.3.2 List-style-image
9.3.3 List-style-position
9.4 Interface do utilizador
9.4.1 Cursor do rato e caixas de formulários
9.4.1.1 Cursor
9.4.1.2 Outline
10. Webdesign exclusivamente via CSS
10.1 DIVs e caixas de conteúdos
10.2 Tipos de posicionamento dos conteúdos
10.3 Como criar, alterar ou manipular um layout
PARTE II – Aplicação prática de técnicas avançadas de CSS
11. Funções avançadas
11.1 Introdução
11.2 Abreviação e compactação das CSS
11.3 Estilos condicionais
11.3.1 Gestão de estilos
11.3.2 Acessibilidade e tipos de media
11.3.4 Definições de impressão via CSS
11.4 Ultrapassar as limitações das inerências de estilos
12. Imagens, navegação e menus
12.1 Lógicas de formatação HTML
12.2 Uso criativo de listas
12.2.1 Mapas de sites
12.2.2 Trilhos de navegação
12.3 Efeitos com imagens
12.4 Criação de menus de navegação
12.4.1 Caixas redondas via CSS
12.4.2 Caixas redondas e navegação
12.4.3 Menus com pop-ups
13. Design de elementos HTML preexistentes
13.1 Design de formulários atractivos e funcionais
13.2 Design de tabelas atraentes
14. Design de layouts típicos de sites
14.1 Introdução
14.2 Layouts de uma caixa
14.3 Layouts de 2 colunas
14.4 Layouts de 3, ou mais, colunas
15. Tutorial
15.1 Design de um site passo a passo
15.2 Resumo temático
16. Universalidade das CSS
16.1 Browsers e as CSS
16.2 Validação das CSS
17. Conselhos na criação das CSS
17.1 Cuidados e métodos de abordagem
17.1.1 Conselhos gerais no uso das CSS
17.1.1.1 Validar o código
17.1.1.2 Testar se o estilo é correctamente aplicado
17.1.1.3 Unidades de medidas, borders, margins e paddings
17.1.1.4 Diferentes browsers assumem diferentes valores por predefinição
17.1.1.5 Localizar problemas
17.1.1.6 Estádios dos links
17.1.1.7 Na dúvida confirme a possibilidade de execução
17.1.1.8 Comentar o código CSS
17.1.1.9 Nomes relevantes
17.1.1.10 Organizar o código
17.1.1.11 Não desanimar
17.2 Resumo temático
18. Conclusão
18.1 Sites exemplo
18.1.1 www.espn.com
18.1.2 www.ign.com
18.1.3 www.adobe.com
18.1.4 www.wired.com
18.1.5 www.blogger.com
18.1.6 www.zengarden.com
18.2 Site de apoio ao livro
18.3 Últimas notas
ANEXO 1
Anexo 1 Guia de consulta às CSS 2.1
A.1 Lista das properties
A.2 Lista dos selectors, pseudo-classes e pseudo-elements
Índice Remissivo
|
