<ul><li>Felipe Volpato </li></ul><ul><li>Formado em Publicidade e Propaganda </li></ul><ul><li>Assistente de Arte </li></u...
<ul><li>O Módulo será dividido em 3 etapas: </li></ul><ul><ul><li>Criação de Sites com Dreamweaver ( 7 aulas) </li></ul></...
<ul><li>O que vamos aprender no curso: </li></ul><ul><ul><li>Estrutura (X)HTML </li></ul></ul><ul><ul><li>Folhas de Estilo...
<ul><li>O que significa WWW? </li></ul><ul><li>A World Wide Web (que em português significa, &quot;Rede de alcance mundial...
<ul><li>Como funciona a Internet </li></ul><ul><li>Para que serve:  </li></ul><ul><li>Interligar qualquer tipo de computad...
<ul><li>Como funciona a Internet </li></ul><ul><li>Site: </li></ul><ul><li>Conjunto de páginas que pertencem a um mesmo gr...
<ul><li>Como funciona a Internet </li></ul><ul><li>Home Page: </li></ul><ul><li>Normalmente é o nome da primeira página do...
<ul><li>Briefing do Cliente </li></ul><ul><li>Todo bom projeto começa com uma boa conversa. </li></ul><ul><li>Esta etapa i...
<ul><li>O que são tags HTML? </li></ul><ul><li>Tags são rótulos usados para informar ao navegador como deve ser apresentad...
<ul><li>O que são tags HTML? </li></ul><ul><li>Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento ...
<ul><li>Exemplos </li></ul><b>Este texto deve ser em negrito.</b>  <h1>Este é um título</h1> <h2>Este é um sub título</h2>
<ul><li>Estrutura Básica HTML </li></ul><html> <head> <title>Nossa primeira página</title> </head> <body> <p>Aqui fica o n...
Upcoming SlideShare
Loading in …5
×

Aula1 - Curso Web-Design - ETECA Camargo Aranha

2,361 views
2,268 views

Published on

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

Professor Felipe Volpato

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,361
On SlideShare
0
From Embeds
0
Number of Embeds
976
Actions
Shares
0
Downloads
57
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aula1 - Curso Web-Design - ETECA Camargo Aranha

  1. 2. <ul><li>Felipe Volpato </li></ul><ul><li>Formado em Publicidade e Propaganda </li></ul><ul><li>Assistente de Arte </li></ul><ul><li>Professor há 6 anos </li></ul><ul><li>E-mail para contato: [email_address] </li></ul><ul><li>Blog: http://volphousedesign.wordpress.com ou </li></ul><ul><li>http://volpatotutoriais.wordpress.com </li></ul>
  2. 3. <ul><li>O Módulo será dividido em 3 etapas: </li></ul><ul><ul><li>Criação de Sites com Dreamweaver ( 7 aulas) </li></ul></ul><ul><ul><li>Animações para Web com Flash ( 9 aulas) </li></ul></ul><ul><ul><li>Projeto final integrando os 2 programas (2 aulas) </li></ul></ul><ul><li>Total de aulas: 18 aulas </li></ul>
  3. 4. <ul><li>O que vamos aprender no curso: </li></ul><ul><ul><li>Estrutura (X)HTML </li></ul></ul><ul><ul><li>Folhas de Estilo (CSS) </li></ul></ul><ul><ul><li>Animações em Flash </li></ul></ul><ul><ul><li>Animações com Action Script </li></ul></ul>
  4. 5. <ul><li>O que significa WWW? </li></ul><ul><li>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. </li></ul>
  5. 6. <ul><li>Como funciona a Internet </li></ul><ul><li>Para que serve: </li></ul><ul><li>Interligar qualquer tipo de computador em qualquer lugar do mundo. </li></ul><ul><li>Páginas Web: </li></ul><ul><li>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. </li></ul>
  6. 7. <ul><li>Como funciona a Internet </li></ul><ul><li>Site: </li></ul><ul><li>Conjunto de páginas que pertencem a um mesmo grupo de informações, ou seja, a um mesmo endereço. </li></ul><ul><li>Pode ter apenas uma página ou dezenas delas. </li></ul><ul><li>A linguagem mais conhecida e utilizada para criação de sites é o HTML. </li></ul>
  7. 8. <ul><li>Como funciona a Internet </li></ul><ul><li>Home Page: </li></ul><ul><li>Normalmente é o nome da primeira página do site. </li></ul><ul><li>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. </li></ul>
  8. 9. <ul><li>Briefing do Cliente </li></ul><ul><li>Todo bom projeto começa com uma boa conversa. </li></ul><ul><li>Esta etapa inicial chama-se “briefing”. Você pode listar os itens que devem ser conversados e obter todas as respostas do seu cliente. </li></ul><ul><li>Todo o projeto deve ser direcionado a ele. </li></ul><ul><li>Você é o criador e conhece muito bem cada detalhe do projeto, você não terá dificuldades em navegar, localizar itens e realizar tarefas. </li></ul><ul><li>Defina claramente qual é o objetivo do website. </li></ul><ul><li>Saiba interpretar as reais necessidades do seu cliente para a definição dos objetivos e balancear isso com o orçamento disponível </li></ul>
  9. 10. <ul><li>O que são tags HTML? </li></ul><ul><li>Tags são rótulos usados para informar ao navegador como deve ser apresentado o website. </li></ul><ul><li>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;. </li></ul><ul><li>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;. </li></ul>
  10. 11. <ul><li>O que são tags HTML? </li></ul><ul><li>Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será processado segundo o comando contido na tag. </li></ul><ul><li>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 />. </li></ul><ul><li>HTML é tag - e nada mais do que tags. Aprender HTML é aprender como usar as diferentes tags. </li></ul>
  11. 12. <ul><li>Exemplos </li></ul><b>Este texto deve ser em negrito.</b> <h1>Este é um título</h1> <h2>Este é um sub título</h2>
  12. 13. <ul><li>Estrutura Básica HTML </li></ul><html> <head> <title>Nossa primeira página</title> </head> <body> <p>Aqui fica o noso conteúdo</p> </body> </html>

×