Baixado 72 vezes
Carregado porFelipe Fernandes
Web Design > HTML (aula 1)
O documento fornece instruções sobre como criar um site web, incluindo: 1) as linguagens usadas para marcação (HTML), estilização (CSS) e lógica (JavaScript); 2) a estrutura básica de um arquivo HTML; 3) exemplos de DOCTYPE para diferentes versões do HTML.
Mais conteúdo relacionado
Semelhante a Web Design > HTML (aula 1)
Web Design > HTML (aula 1)
- 1. Web Design Quando sonhosse tornam realidade...
- 2. Web Design Após asetapas de briefing, wireframe e layout, chegou a hora de transformar tudo em elementos interativos e interpretados via browser. Para isso, usamos as linguagens de marcação (HTML), de estilização (CSS) e para recursos avançados de lógica (Javascript, CGI e outras).
- 3. Web Design Estrutura básicade arquivo HTML: <!DOCTYPE html> <html> <head>...</head> <body>...</body> </html>
- 4. Web Design DOCTYPE É adefinição de como o browser (navegador) irá interpretar o documento HTML. A definição de varia de acordo com a versão do HTML. Veja a seguir alguns exemplos...
- 5. Web Design Exemplos: Versão 4.0- HTML Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict. dtd">
- 6. Web Design Exemplos: Versão 4.0- HTML Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict. dtd"> Versão 5.0 - HTML5 <!DOCTYPE html>
- 7. Web Design Exemplos: Versão 4.0- HTML Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict. dtd"> Versão 5.0 - HTML5 <!DOCTYPE html> É o que iremos utilizar ;)
- 8. Web Design As tags:<html>, <head> e <body> são conhecidas como tags estruturais.
- 9. Web Design Onde, <html> -define que o arquivo é um documento HTML; <head> - é responsável por descrições, definições e pré-carregamentos (é invisível ao usuário);
- 10. Web Design e, <body> -é a parte visível a usuário. Leva consigo o conteúdo e todas as demais estruturas do website, além dos recursos interativos.
- 11. Web Design Mas... Chegae papinho e vamos ao que interessa!
- 12. Web Design Mas... Chegae papinho e vamos ao que interessa!
- 13.
- 14. Web Design Missão #1 Websitepessoal
- 15. Web Design: Websitepessoal
- 16. Web Design: Websitepessoal "O" Wireframe
- 17. Web Design: Websitepessoal Deixando mais simples...
- 18. Web Design: Websitepessoal Uma pequena PAUSA para algumas coisas importantes!
- 19. Web Design: Websitepessoal Mais nunca se esqueça! ● Indentação no código; ● Nomes dos arquivos e pastas: sempre minúsculos, sem espaços e/ou acentos;
- 20. Web Design: Websitepessoal E algumas tags... Titulos: <h1> ... <h6> Links: <a> Parágrafos: <p> Imagens: <img /> Quebra de linha: <br /> Listas: <ul>,<li>(não ordenada), <ol>(ordenada)
- 21. Web Design: Websitepessoal Mais algumas tags... Negritos: <strong> Itálicos: <i> Linha horizontal: <hr />
- 22. Web Design: Websitepessoal E mais algumas tags... Definição de blocos: <div> Definição de conteúdo: <span> Comentários: <!-- comentário -->
- 23. Web Design: Websitepessoal Atributos Essenciais Identificador único e exclusivo: id Classe ou classes do elemento: class Atributos de estilo Definição de estilo do elemento: style
- 24. Web Design: Websitepessoal Colocando em prática...