segunda-feira, 15 de dezembro de 2014

Atividade de recuperação - Linguagem de Programação 2

Acessar o site do Maujor - http://www.maujor.com/index.php


  • Transpor o conteúdo da página inicial para o seu arquivo html e adequar a um site em html 5 com formatação em CSS3 (como visto em aula). 
  • Colocar imagens relacionadas e adicionar um vídeo relacionado ao conteúdo. 
  • Inserir um link externo para um site deste mesmo assunto.
  • Observar na formatação o que estudamos sobre cores e a harmonia das mesmas num site web.
  • Citar a fonte de onde foi retirado o conteúdo
  • Enviar para mim, por e-mail, até sexta-feira, 19/12/2014.

quarta-feira, 26 de novembro de 2014

CORES

Compartilho com vocês o material do meu professor de Construção de Páginas Web do IFRS, Evandro M. Miletto e mais abaixo, o vídeo do prof. Gustavo Guanabara do Curso em Vídeo HTML 5.



quinta-feira, 30 de outubro de 2014

quinta-feira, 18 de setembro de 2014

Página Importante

Galerinha esta página é muito importante para quem desenvolve páginas: a W3C Brasil - http://www.w3c.br/Home/WebHome

Trata da versão brasileira do consórcio que regulamenta o padrão do desenvolvimento de webpages a W3C. Definição da Wikipedia: O World Wide Web Consortium (W3C) é a principal organização de padronização da World Wide Web."
 
Portanto, ACESSEM!

http://www.w3c.br/Home/WebHome

O Doctype

Sobre a necessidade da declaração do Doctype nas páginas em HTML:

Através da declaração dizemos para qualquer navegador como ele deve agir ao ler o código HTML da página. Garcia, em sua página na web, nos conta que:

"Os DOCTYPES devem ser a primeira coisa que um browser lê em seu código HTML, ou seja, na primeira linha". Há três tipos: Strict, Transitional e Frameset.

XHTML STRICT
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Ao declarar o Strict o desenvolvedor está dizendo que seguirá rigorosamente os padrões.

XHTML Transitional
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
O Transitional transmite ao Browser que seu código está em transição, não necessariamente seguirá os padrões, mas não fará um “ninho de  ratos”

XHTML FRAMESET
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
Já o Frameset, serve para renderizar os enfadonhos e arcaicos Frames (frames estão em desuso).

Veja mais na página de Leandro Garcia, O que é e para que serve um DOCTYPE?

Mas atenção, toda essa declaração é feita em outras versões do HTML, conforme Garcia, HTML 4.0, HTML 4,1, XHTML.

No HTML 5.0 as coisas mudam, basta declarar <! Doctype HTML> "O Doctype indica para o navegador e para outros meios qual a especificação de código utilizar. Em versões anteriores, era necessário referenciar o DTD diretamente no código do Doctype. Com o HTML5, a referência por qual DTD utilizar é responsabilidade do Browser". 
Acesse 3. Estrutura básica, DOCTYPE e charsets 

E para não ficar dúvidas, assista o vídeo:

terça-feira, 16 de setembro de 2014

Inserindo vídeos do Youtube no blogue

Para inserir vídeo do Youtube no seu blogue,

  1. Acesse a URL do vídeo
  2. Clique em Compartilhar
  3. Clique em Incorporar
  4. Copie o código apresentado
  5. Vá para uma nova postagem em seu blogue
  6. Cole o código na aba HTML da postagem e publique.

terça-feira, 26 de agosto de 2014

Início dos trabalhos

Olá pessoal da TI. Este é o nosso blogue de trabalho. Espero que tenhamos grandes aprendizagens neste semestre e ao longo de todo o curso.