Dreamweaver 4° Aula 30/01/10

*Mudança para outra turma -> 7004 A
*Revisão das aulas anteriores
-title (barra de cima) -> título fica em cima da página
*Menu Insert (revisando) - Menu Window > Insert
-Rollover Imagem
*Table -> table width 1800 pouco menos 760 pixels
border (zero), cell pading e cell spacing (zero)
header (alinhamento) -none
-selecione a tabela e veja as propriedades
align -> center; mesclar celulas -> selecione tabela e aperte em mesclar (localizada abaixo do nome "Row")
. inserir tablea dentro da outra -> para melhor dividir, tendo que ser feito em porcentagens e não pixels.
*Links -> name anchor (coloca do lado) -> depois vai nome inicial -> # nome

Dreamweaver 3° Aula 23/01/10

*CSS -> controla as páginas, arquivos e regras.
*Window > CSS Styles (shift + F1)
- New CSS Rule (nova regra) -> "TAG"
*File-New Document -> Link (arquivo)
*Attach Style Sheet -> link (arquivo)
*Photoshop -> usar "slice" (para selecionar cada área)
File > salve for web > salve em HTML and Imagens
*Link -> http://www... -> cria borda -> vai em bonder (o)
Linkar todas as imagens...
obs: tamanho 776x600 pixels, visualizar em 72 pixels.

Dreamweaver 2° Aula 16/01/10

*Revisando aula anterior (Dreamweaver site)
*File > salve> "index" (nome dado a página inicial)
*Hiperlinks -> link (localizado embaixo)
lembrar F12 (visualizar)
*Email link
*Nomed Anchor ( # nome -> embaixo) -> acesso do conteúdo na mesma página

*Mapa de sites


*Wireframe

Dreamweaver 1° Aula 09/01/10

*Introdução sobre HTML, algumas tags utilizadas para se criar um site..
tags: html, head, body, title, body font size, body bgcolor, marquee, h1, br, img src, center..
*Dreamweaver site (create new) -> site name, local root folder (local pasta padrão), defaut imagens folder (pasta padrão para as imagens).
*HTML -> page properties -> page font, size, texto color, background color, repeat..
Obs: VISUALIZAR F12
*Common "Imagens" ->
a)Imagens - shift "diminuir proporcionalmente"
b)Imagem Placeholder (imagem falsa)
c)Rollover Image (substitui uma imagem por outra quando passa o mouse)

Desenho 1° a 4° Aula

1° Aula ->(28/11) Formas básicas ( quadrado, retângulo, círculo, pentâgono) com teste 1 e teste 2..
Informações sobre os materiais que serão usados nas aulas de desenho..
2° Aula -> (05/12)Volume das formas.
3° Aula ->(12/12) Sombra das formas.
4° Aula -> (19/12)Estrutura básica do corpo humano

Projeto Identidade Visual 1° a 4° Aula

Dias 31/10/, 07/11, 14/11 e 21/11
serão dedicados para o desenvolvimento do projeto de identidade visual.

8° Aula de Indesign - 24/10/09

Desenvolvimento de um Infográfico.

Tema livre.

6 e 7ª Aula de Indesign - 03 e 10/10/09

*Criar novo documento:

-Character Styles (texto) > new (coloca todas as características => e clique de atalho, criar títulos e deixar armazenado)

-Paragraph Styles (parágrafo)

exercício: fazer a estrutura de uma revista (mínimo 3 páginas)

*Organizar revista: criar um arquivo (imagem, fontes, texto)

*Effects: gradiente feather, entre outros..

*Paragraph Styles, Character styles

exercício: revista sobre animação 2D e 3D (10 páginas)

4 e 5ª Aula de Indesign - 19 e 26/09/09

*Tabela: table > Insert table (linhas e colunas)
a) Table options, b) Merge Cells (unir as colunas), c) spit
*Página mestre (master): botão direito > destravar "allow document ..."
-para adicionar "new master" (botão direito)
-para aplicar página "apply master", ex: "1-16, 16-33" ou "1,5,10,20" (páginas sorteadas)

*Texto (place): "shift" coloca já na quantidade de páginas (ex: 12 páginas) - fluxo automático; "alt" o texto é colocado por pedaços, delimitando espaço;
*Character: capitular (1°letra maior) e hyphenate (separação sílaba)
*Colunas: seleciona todo o texto e vai na parte de colunas, ou object > text frame options;
*Texto Wrap Options (opção Alpha...)

2ª e 3ª aula Indesign - 05 e 12/09/09

-Menu Object > Corner options e rounded
-Menu Window > Object & Layout> Align ou Pathfiler
-View > Grid & Grades / Show Rulers
-Menu Layout > Margins e Columns
-Uso de gradiente radial -> Menu Window > Gradient e Color, escolha opção radial e use as duas cores de acordo com o trabalho.
-Texto falso -> botão direito > Fill with placeholder text.
-Importar dentro do espaço desejado -> botão direito : fitting > frame fitting options (centro e proporcionalmente)

- Marcadores ->Menu Type > Bulleted & Numbered Lists > Apply Bullets.
obs: para modificar tipo de marcador, vá na paleta Paragraph e no cantinho de cima para abrir mais opções selecione "Bullets and Numbering".
-Position Tool > Rotate Tool
- Interactive PDF ->
selecione objeto > Interactive > New Hyperlink (pagina equivalente a cor ou número - como desejar) e no modo invisível > exportar > Include/Hyperlinks