Aula1 - Curso Web-Design - ETECA Camargo Aranha
Upcoming SlideShare
Loading in...5
×
 

Aula1 - Curso Web-Design - ETECA Camargo Aranha

on

  • 2,251 views

Aula 1 do Curso de Web-design e Computação Gráfica da ETECA Camargo Aranha - São Paulo.

Aula 1 do Curso de Web-design e Computação Gráfica da ETECA Camargo Aranha - São Paulo.

Professor Felipe Volpato

Statistics

Views

Total Views
2,251
Views on SlideShare
1,290
Embed Views
961

Actions

Likes
0
Downloads
37
Comments
0

3 Embeds 961

http://volphousedesign.wordpress.com 816
http://www.volpatodesign.com 144
url_unknown 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Aula1 - Curso Web-Design - ETECA Camargo Aranha Aula1 - Curso Web-Design - ETECA Camargo Aranha Presentation Transcript

  •  
    • Felipe Volpato
    • Formado em Publicidade e Propaganda
    • Assistente de Arte
    • Professor há 6 anos
    • E-mail para contato: [email_address]
    • Blog: http://volphousedesign.wordpress.com ou
    • http://volpatotutoriais.wordpress.com
    • O Módulo será dividido em 3 etapas:
      • Criação de Sites com Dreamweaver ( 7 aulas)
      • Animações para Web com Flash ( 9 aulas)
      • Projeto final integrando os 2 programas (2 aulas)
    • Total de aulas: 18 aulas
    • O que vamos aprender no curso:
      • Estrutura (X)HTML
      • Folhas de Estilo (CSS)
      • Animações em Flash
      • Animações com Action Script
    • O que significa WWW?
    • A World Wide Web (que em português significa, "Rede de alcance mundial"; também conhecida como Web e WWW) é um sistema de documentos em hipermídia que são interligados e executados na Internet.
    • Como funciona a Internet
    • Para que serve:
    • Interligar qualquer tipo de computador em qualquer lugar do mundo.
    • Páginas Web:
    • São páginas que incorporam textos, sons, imagens, animações e outros elementos multimídia; além de links que interligam umas páginas a outras.
    • Como funciona a Internet
    • Site:
    • Conjunto de páginas que pertencem a um mesmo grupo de informações, ou seja, a um mesmo endereço.
    • Pode ter apenas uma página ou dezenas delas.
    • A linguagem mais conhecida e utilizada para criação de sites é o HTML.
    • Como funciona a Internet
    • Home Page:
    • Normalmente é o nome da primeira página do site.
    • Como se fosse a capa de um revista ou um índice onde você encontra uma explicação sobre o conteúdo do site e como navegar nele.
    • Briefing do Cliente
    • Todo bom projeto começa com uma boa conversa.
    • Esta etapa inicial chama-se “briefing”. Você pode listar os itens que devem ser conversados e obter todas as respostas do seu cliente.
    • Todo o projeto deve ser direcionado a ele.
    • Você é o criador e conhece muito bem cada detalhe do projeto, você não terá dificuldades em navegar, localizar itens e realizar tarefas.
    • Defina claramente qual é o objetivo do website.
    • Saiba interpretar as reais necessidades do seu cliente para a definição dos objetivos e balancear isso com o orçamento disponível
    • O que são tags HTML?
    • Tags são rótulos usados para informar ao navegador como deve ser apresentado o website.
    • Todas as tags têm o mesmo formato: começam com um sinal de menor &quot;<&quot; e acabam com um sinal de maior &quot;>&quot;.
    • Genericamente falando, existem dois tipos de tags - tags de abertura: <comando> e tags de fechamento: </comando>. A diferença entre elas é que na tag de fechamento existe um barra &quot;/&quot;.
    • O que são tags HTML?
    • Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será processado segundo o comando contido na tag.
    • Mas, como toda regra tem sua exceção, aqui no HTML a exceção é que para algumas tags a abertura e o fechamento se dá na mesma tag. Tais tags contém comandos que não necessitam de um conteúdo para serem processados, isto é, são tags de comandos isolados, por exemplo, um pulo de linha é conseguido com a tag <br />.
    • HTML é tag - e nada mais do que tags. Aprender HTML é aprender como usar as diferentes tags.
    • Exemplos
    <b>Este texto deve ser em negrito.</b> <h1>Este é um título</h1> <h2>Este é um sub título</h2>
    • Estrutura Básica HTML
    <html> <head> <title>Nossa primeira página</title> </head> <body> <p>Aqui fica o noso conteúdo</p> </body> </html>