Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06.

Slides:



Advertisements
Apresentações semelhantes
Tutorial Joomla! Gerenciando Artigos Inclusão ou Edição de Artigos
Advertisements

Atividade 5 Objetivos: Conhecer as regras CSS “width”, “margin-left:auto” e “margin-left:right” e verificar que elas não funcionam no IE a menos que coloquemos.
Faculdades Integradas Santa Cruz
Microsoft Power Point Profa. Jiani Cardoso
Power Point Continuação....
E. Município Prof. Regente: Disciplina: Ensino …. Turno:
Criando um gráfico no Excel
Informática Aplicada.
Informática Aplicada.
Como salvar imagens do 1º Clico em Imagens 2º Digito o nome ou assunto que quero pesquisar e clico em Pesquisa Google.
Como criar um website utilizando programas da Macromedia
Encontro Construindo um Web Site com o Nvu
PUCRS Introdução a gráficos.
Filtro no Excel PUCRS Profa. Jiani Microinformática
Wagner Santos C. de Jesus Roberto Cordeiro Walts
Tutorial de utilização do
Equações e gráficos
BR.OFFICE IMPRESS E MICROSOFT OFFICE POWER POINT 2003
WIKISPACES.
Aula 8 - Sumário Inserir painel rolante.
OSA - Operação de Software e Aplicativos
HTML O que é? HiperText Markup Language
Os slides mestre Profª Helena Vauthier
HTML Técnicas em Programação para Internet
Gpnet Criando um novo módulo.
Aula02 TAGS Estrutura de uma página html Como salvar página web
Treinamento do Microsoft® Word 2010
INFORMÁTICA PARA CONCURSOS
Estrutura HTML – Parte I
AULA DE POWER POINT HIPERLINK
HTML HyperText Markup Language Uma linguagem de marcação.
POWER POWER POINT POINT.
Aula de Word Básico Séries Iniciais.
Ambiente de trabalho Barra de ferramentas padrão Barras de rolamentos
1. Digite o que você cadastrou no Blogger 2. Digite a senha 3. Desmarque a caixa: Continuar conectado 4. Clique em LOGIN.
Aula sobre o Power Point
PrograMação para internet
Escola de Engenharia de Piracicaba Sistemas de Apoio a Decisão
Um guia simples para o aluno Etebrax elaborar suas atividades.
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
1º passo Forneça endereço de válido.
Academia de Ensino Superior Prof. André Morais Desenvolvimento de Aplicações Web na plataforma Microsoft Elaborando o design.
7 - Criação de Páginas Web
Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula.
CONFIGURANDO O FORMATO GERAL DO SEU JORNAL ESCOLAR
Tutorial Wikispaces Edição de páginas Modificado por Ricardo Pimentel a partir de um original de Jennifer TIC – Ano lectivo 2008/2009.
O que é CSS? O CSS (Cascading Style Sheets) ou Folhas de Estilo em Cascatas é uma documentação que define as regras de formatação que serão aplicadas aos.
MENU ARQUIVO Comando Imprimir Imprimi o documento atual # Impressora
Abra um novo arquivo Siga o roteiro desta apresentação para fazer sua atividade.
Coordenação Regional de Tecnologia na Educação
Como fazer uma publicação no Blog de P TCC
Profº Cláudio Barbosa HTML - Introdução  HTML – Hypertext Markup Language – Linguagem de Marcação de Hipertexto;  Linguagem.
Introdução ao Web Design Prof° Ms. Claudio Benossi
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 03 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 03.
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 02 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 02.
Como usar HTML em seus anúncios no MercadoLivre
Academia de Ensino Superior Prof. André Morais Desenvolvimento de Aplicações Web na plataforma Microsoft Desenhando a página.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 05 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 05.
Aula sobre o Power Point
TECNOLOGIA DA INFORMAÇÃO
Posicionamento Prof. Wolley. Centralizando conteúdo Abrir o arquivo responsabilidade_social.html.
Introdução a Arquitetura, HTML e CSS
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 07 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 07.
Formatando trabalhos no Writer PROF. ANDRÉ APARECIDO DA SILVA Disponível em:
Última aula Botões de ação
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 10 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 10.
1 HTML Prof. Esp. Andrew Rodrigues Aula 02. II - Linguagem de Marcação HTML 2 Sintaxe Básica do HTML Olá mundo!!
TV de Bolso TV de Bolso apresenta Tutorial: editando seu vídeo no Movie Maker.
Prof. Abrahão Lopes 18 de Setembro de 2013.
Transcrição da apresentação:

Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06

Menu e Formatação Vamos Continuar a formatar o nosso Site. Agora o Menu!

Menu e Formatação Retomando os arquivos: index.html eestilo.css

Menu e Formatação Criar nova tag

Menu e Formatação Inserir título no menu

Menu e Formatação Criando Lista Ordenada

Menu e Formatação Itens da Lista

Menu e Formatação Resultado

Menu e Formatação Tipos de Listas ordenadas

Menu e Formatação Resultado

Menu e Formatação

Menu e Formatação Resultado

Menu e Formatação

Menu e Formatação Resultado

Menu e Formatação

Menu e Formatação Resultado

Menu e Formatação Listas Não Ordenadas

Menu e Formatação Resultado

Menu e Formatação - Default

Menu e Formatação Resultado

Menu e Formatação Links

Menu e Formatação Target e Mailto

Menu e Formatação Resultado

Menu e Formatação Identificando a tag

Menu e Formatação Tirando a marcação da Lista

Menu e Formatação Resultado

Menu e Formatação Convertendo em Letra Maiúscula

Menu e Formatação Resultado

Menu e Formatação Colocando lado a lado

Menu e Formatação Resultado

Menu e Formatação Cor de fundo

Menu e Formatação Resultado

Menu e Formatação Espaçando o Fundo

Menu e Formatação Resultado

Menu e Formatação Inserindo uma Margem entre os itens

Menu e Formatação Resultado

Menu e Formatação Bloqueando o menu

Menu e Formatação Mantendo a Posição Absoluta

Menu e Formatação Posição

Menu e Formatação Resultado

Menu e Formatação Ajustando a Margem Superior

Menu e Formatação Resultado

Menu e Formatação Ocultando o Título do Menu

Menu e Formatação Resultado Antes

Menu e Formatação Resultado Depois

Menu e Formatação Alterando a Cor de Fundo com o mouse

Menu e Formatação Resultado

Menu e Formatação Efeito de Transição

Menu e Formatação Resultado

Dica Pode ser que a Transição não funcione em todos os navegadores.

Dica Insira o código

Dica Copie e cole no seu arquivo

Menu e Formatação Formatando as características dos links

Menu e Formatação Resultado

Menu e Formatação Características dos links - Hover

Menu e Formatação Resultado

Design Digital Dúvidas?