Superior de Sistemas de Informação
Relatório de pesquisa: Superior de Sistemas de Informação. Pesquise 860.000+ trabalhos acadêmicosPor: werison.alves • 3/4/2014 • Relatório de pesquisa • 4.478 Palavras (18 Páginas) • 272 Visualizações
FACULDADE ANHANGUERA DE LIMEIRA
Superior de Sistemas de Informação
JOAO OCTAVIO GATTO ALVES GABRIEL 8060797257
EFIGÊNIO MARCELO DE OLIVEIRA 8208990952
MATHAUS LACERDA VAZ 8204935069
FELIPEROBERTO FERREIRA DE SOUZA 8408987878
WERISON ALVES SANTOS 7246572328
EDUARDO GONÇALVES PEREIRA 8484200537
Ferramentas para Sistemas Web
Professor: Valerio
Belo Horizonte
2014
SUMÁRIO
1 Relatorio – HTML e CSS 3
1.1 HTML e CSS 3
1.2 HTML5 4
1.3 Website 6
1.4 Referencias Bibliográficas 26
Referencias bibliográficas
1 INTRODUÇÃO
1.1 HTML:
HTML (HyperText Markup Language) é uma linguagem de marcação utilizada para a criação de páginas da web.
A forma como a página será apresentada é definida pelo conjunto de etiquetas (tags) que são os comandos do HTML.
Para escrever em HTML é necessário um editor de texto simples para construção do código que deverá ser salvo com a extensão .html ou .htm.
Para visualizar as páginas criadas precisamos de um browser (navegador) que interpreta a linguagem html permitindo explorar todo o conteúdo das páginas.
Tags são os comandos utilizados na linguagem HTML que definem as características da página criada e
Quase todas as tags existem em pares, indicando onde deve iniciar e terminar cada tipo de marcação. A tag de abertura tem seu comando entre <> e a tag de fechamento possui o símbolo / após <.
Exemplos:
Tag de abertura: <HTML>
Indica o início do código HTML.
Tag de fechamento: </HTML>
Indica o término do código HTML
Há algumas tags que não possuem fechamento, exemplo:
<br> - Insere uma quebra de linha na página
<hr> - Insere uma linha horizontal
<img> - Inclui uma imagem
Atributos são algumas tag que possuem características específicas chamada de atributo, que é o acréscimo de um detalhe ou variação da tag sem o atributo.
A sintaxe dos atributos em tags HTML é a seguinte:
Ínicio da tag: <nome_do_comando atributo1=”valor1” atributo2=”valor2”>
Final da tag: </nome_do_comando>
Exemplo:
<Body bgcolor=”blue”> { O atributo BGCOLOR define a cor de fundo da página}
</body>
Os editores de textos são ferramentas utilizadas para a construção do código HTML que será apresentado pelo navegador. O código pode ser escrito tanto em editores simples como o Bloco de Notas do Windows ou em editores de HTML específicos que oferecem vários recursos extras para auxiliar na criação de páginas, como exemplo o Adobe Dreamweaver.
Navegadores:
Os navegadores são os responsáveis por identificar as marcações em HTML e apresentar os documentos apresentados pelas TAGs e seus atributos.
Os navegadores mais usados são:
• Internet Explorer
• Mozilla Firefox
• Google Chrome.
1.2 HTML5:
O html 5 com um novo padrão para a estruturação e apresentação de conteúdo na web trazendo melhorias com novas funcionalidades e acessibilidade, dando um melhor suporte a conteúdos multimídia.
• Inclusão do Elemento Curva para desenho:
<canvas id="myCanvas" width="400" height="400"></canvas>
• Manipulação do elemento com JavaScript:
<script type="text/javascript">
var myCanvas = document.getElementById("myCanvas");
var canvas = myCanvas.getContext("2d");
canvas.fill#FF0000";
canvas.fillRect(0,0,100,100);
</script>
• Inclusão dos elementos vídeo e áudio para reprodução multimídia.
Elemento vídeo:
<video width="100" height="100" controls="controls"> <source src="video.mp4" type="video/mp4" /> <source src="video.ogg" type="video/ogg" /> O seu navegador não suporta o formato. </video>
• Elemento áudio:
<audio controls="controls">
<source src="audio. mp3" type=" audio/mpeg " />
<source src="audio.ogg" type=" audio/ogg " />
O HTML5 oferece 2 novos objetos para armazenar dados localmente:
• sessionStorage: Armazena dados durante uma sessão ativa.
<script
...