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>

Aula1 - Curso Web-Design - ETECA Camargo Aranha

  • 1.
  • 2.
    Felipe Volpato Formadoem 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
  • 3.
    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
  • 4.
    O que vamosaprender no curso: Estrutura (X)HTML Folhas de Estilo (CSS) Animações em Flash Animações com Action Script
  • 5.
    O que significaWWW? A World Wide Web (que em português significa, &quot;Rede de alcance mundial&quot;; também conhecida como Web e WWW) é um sistema de documentos em hipermídia que são interligados e executados na Internet.
  • 6.
    Como funciona aInternet 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.
  • 7.
    Como funciona aInternet 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.
  • 8.
    Como funciona aInternet 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.
  • 9.
    Briefing do ClienteTodo 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
  • 10.
    O que sãotags 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;.
  • 11.
    O que sãotags 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.
  • 12.
    Exemplos <b>Este textodeve ser em negrito.</b> <h1>Este é um título</h1> <h2>Este é um sub título</h2>
  • 13.
    Estrutura Básica HTML<html> <head> <title>Nossa primeira página</title> </head> <body> <p>Aqui fica o noso conteúdo</p> </body> </html>