O documento apresenta uma aula introdutória sobre HTML5. Apresenta o que é HTML5, suas vantagens e alguns comandos básicos. Inclui instruções passo a passo para criar um arquivo HTML, inserir imagens, formatar texto e hospedar o site na internet usando um serviço gratuito.
O documento apresenta uma aula introdutória sobre HTML5 ministrada pelo professor Ricardo. Na aula, ele explica o que é HTML5, quais são suas vantagens e mostra alguns comandos básicos. Ele também ensina como salvar e publicar um arquivo HTML na internet para compartilhamento.
SIIES 2017 Serviços web e aplicações para a era da aprendizagem ubíqua e comu...Gorka J Palacio Arko
Prof. Gorka J. Palazio analisa as novas tendências da aprendizagem ubíqua e comunicação instantânea, incluindo o uso de MOOCs, plataformas LMS, xAPI e mensagens instantâneas como o Telegram. Ele também discute o papel crescente da economia colaborativa e do financiamento coletivo na inovação educacional.
O documento discute incorporações HTML, definindo o que são, exemplos de produtos de mercado que as utilizam, e como estão sendo usadas. Também aborda padrões, sites de referência, perguntas e respostas sobre o tema.
1) O artigo introduz o ASP.NET MVC 3.0, uma alternativa ao modelo WebForms no framework ASP.NET. 2) O ASP.NET MVC 3.0 é baseado no padrão MVC que separa a aplicação em três partes: Model, View e Controller. 3) O artigo explica brevemente como funciona o processamento de requisições no ASP.NET MVC 3.0 e como mapeia URLs para Controllers e Actions.
O documento discute a evolução da internet e da World Wide Web, incluindo as gerações de sites, profissões relacionadas e ferramentas de desenvolvimento. O professor Alexandre Azevedo apresenta os conceitos-chave de internet, World Wide Web, HTML e DHTML.
O documento discute a inserção da tecnologia e da inovação no processo educativo, mencionando o uso de softwares como aplicativos gráficos e de texto, e o uso da internet para educação a distância e aulas interativas em plataformas como blogs, YouTube e Google.
Este documento fornece links para sites úteis sobre diversos assuntos relacionados à internet, como:
- Entender a internet, com sites para iniciantes e avançados.
- Aprender de forma segura on-line, com dicas de segurança e sites para diferentes públicos.
- Ferramentas digitais para educação, como sites de ensino à distância e materiais para professores.
O documento apresenta uma aula introdutória sobre HTML5 ministrada pelo professor Ricardo. Na aula, ele explica o que é HTML5, quais são suas vantagens e mostra alguns comandos básicos. Ele também ensina como salvar e publicar um arquivo HTML na internet para compartilhamento.
SIIES 2017 Serviços web e aplicações para a era da aprendizagem ubíqua e comu...Gorka J Palacio Arko
Prof. Gorka J. Palazio analisa as novas tendências da aprendizagem ubíqua e comunicação instantânea, incluindo o uso de MOOCs, plataformas LMS, xAPI e mensagens instantâneas como o Telegram. Ele também discute o papel crescente da economia colaborativa e do financiamento coletivo na inovação educacional.
O documento discute incorporações HTML, definindo o que são, exemplos de produtos de mercado que as utilizam, e como estão sendo usadas. Também aborda padrões, sites de referência, perguntas e respostas sobre o tema.
1) O artigo introduz o ASP.NET MVC 3.0, uma alternativa ao modelo WebForms no framework ASP.NET. 2) O ASP.NET MVC 3.0 é baseado no padrão MVC que separa a aplicação em três partes: Model, View e Controller. 3) O artigo explica brevemente como funciona o processamento de requisições no ASP.NET MVC 3.0 e como mapeia URLs para Controllers e Actions.
O documento discute a evolução da internet e da World Wide Web, incluindo as gerações de sites, profissões relacionadas e ferramentas de desenvolvimento. O professor Alexandre Azevedo apresenta os conceitos-chave de internet, World Wide Web, HTML e DHTML.
O documento discute a inserção da tecnologia e da inovação no processo educativo, mencionando o uso de softwares como aplicativos gráficos e de texto, e o uso da internet para educação a distância e aulas interativas em plataformas como blogs, YouTube e Google.
Este documento fornece links para sites úteis sobre diversos assuntos relacionados à internet, como:
- Entender a internet, com sites para iniciantes e avançados.
- Aprender de forma segura on-line, com dicas de segurança e sites para diferentes públicos.
- Ferramentas digitais para educação, como sites de ensino à distância e materiais para professores.
Criar uma conta no 4Shared requer fornecer um e-mail e senha, confirmar o e-mail por link e visualizar a conta; fazer upload de arquivos requer escolher os arquivos e clicar em upload para enviá-los para a conta, e sair requer clicar na seta e em sign out.
O documento lista 5 atividades em Excel para os alunos completarem, incluindo criar uma tabela e gráfico, fazer um gráfico de pizza 3D, usar funções como PROCV, SE e filtros condicionais, e calcular estatísticas como soma, mínimo, máximo e média. Os alunos devem salvar todas as planilhas em um arquivo e enviar ao professor até a data limite.
Este documento fornece instruções sobre como criar e-mails e enviá-los de maneira eficaz. Ele discute a estrutura de um e-mail, como obter um endereço de e-mail, anexar arquivos e verificar a existência de vírus. O instrutor Ricardo Rodrigues ensina a turma 7001B sobre comunicação profissional por e-mail.
O documento fornece instruções para instalar o Game Maker Studio, incluindo acessar o site da Yoyo Games, fazer o download da versão gratuita de 13 MB, e seguir as etapas de instalação para abrir a tela inicial do programa.
Este documento fornece instruções sobre como começar a criar um jogo no Game Maker. Ele explica como abrir o modo avançado, adicionar sprites, criar objetos e definir suas propriedades, configurar movimento usando scripts e variáveis, e criar salas para construir o ambiente do jogo. O foco é ensinar os conceitos básicos de programação e desenvolvimento de jogos no Game Maker.
This document contains a presentation by Professor Ricardo on mathematics and spreadsheets. It includes slides with titles for adding content, tips for incorporating logos on all slides, and various diagrams including cycle diagrams, flow charts, block diagrams, tables, pie charts, and marketing diagrams. The document provides a template for a presentation on this topic.
No objeto controle, código é adicionado para testar a saúde e vidas do jogador a cada passo. Se a saúde chegar a 0, as vidas são reduzidas em 1 e a saúde é redefinida para 10. Se as vidas chegarem a 0, a pontuação máxima é mostrada e muda para a sala "game over". O objeto controle é colocado na sala principal para controlar esses parâmetros durante o jogo.
O documento discute sistemas operacionais e fornece uma aula sobre o assunto. Ele inclui:
1) Uma introdução sobre o que são sistemas operacionais e seus tipos.
2) Informações sobre equipamentos que utilizam sistemas operacionais e sobre máquinas virtuais.
3) Detalhes sobre login, logoff e computação em nuvem.
4) Instruções sobre comandos do DOS e do Linux.
O documento apresenta uma aula introdutória sobre HTML5 ministrada pelo professor Ricardo. Na aula, ele explica o que é HTML5, quais são suas vantagens e mostra alguns comandos básicos. Ele também ensina como salvar e publicar um arquivo HTML na internet para compartilhamento.
O documento discute as principais novidades da quinta versão da linguagem HTML, incluindo novas tags para vídeos, canvas e geolocalização, além de permitir o cache de aplicações web e uso de bancos de dados offline.
O documento descreve a história e definição do HTML5, suas vantagens em relação a outras tecnologias como Flash, e recomenda investir no aprendizado de HTML5 devido às oportunidades de emprego e inovação que trará.
O documento descreve uma comunidade para desenvolvedores JavaScript chamada BeaGajs que se reúne periodicamente para discutir tendências e projetos relacionados à tecnologia. A comunidade tem páginas no Facebook e vídeos no YouTube para divulgar seus encontros.
O documento apresenta os objetivos e metodologia de um curso de HTML e CSS usando Dreamweaver, incluindo detalhes sobre o professor e os tópicos abordados como a Internet, a World Wide Web, web design, estrutura, layout, navegadores, padrões W3C e linguagens como HTML, CSS e JavaScript. Também fornece dicas para ser um respeitado web designer e informações sobre o mercado e carreira na área.
Este documento descreve um curso online sobre como criar soluções de comunicação em tempo real para vídeo, áudio e chat usando várias tecnologias. O curso ensina sobre transmissões ao vivo, streaming e latência ao longo de 16 horas em 4 sábados com certificado no final. É ideal para empresas e profissionais interessados em desenvolver ferramentas de ensino online e comunicação.
O documento discute comunicação em tempo real usando WebRTC e PHP. Apresenta Michael Douglas Barbosa Araujo e suas atividades como desenvolvedor. Explica o que é aplicação em tempo real, WebSockets, Pusher e Socket.IO. Discute o que é WebRTC, sua compatibilidade e arquitetura. Por fim, explica o que é Opentok e mostra código de exemplo usando a SDK OpenTok em PHP.
O documento discute SEO, semântica e HTML5. Apresenta o palestrante Fábio Flatschart e sua experiência. Discute como a busca online se tornou essencial, a importância da segmentação e dos resultados locais e pessoais. Explora conceitos de SEO e semântica e as novas possibilidades do HTML5 como elementos estruturais, formulários, áudio, vídeo e rich snippets.
Este curso ensina como criar sites impactantes com WordPress sem saber programação. Aborda planejamento de projetos, domínios na internet, hospedagem e história da web. O WordPress permite criar qualquer projeto e dominar o mercado online de forma fácil.
Este curso ensina como criar sites impactantes com WordPress sem saber programação. Aborda planejamento de projetos, domínios na internet, hospedagem e história da web. Inclui introdução ao HTML, CSS e CMS como WordPress. A equipe inclui uma diretora, gerente de marketing e professor com foco em garantir aprendizado dos alunos.
O documento apresenta uma aula sobre design gráfico. Ele discute conceitos como comunicação multimídia, meios de comunicação, processo de criação e ferramentas de trabalho. A aula também inclui atividades práticas para os alunos treinarem formas geométricas no CorelDraw.
Este documento apresenta uma comparação entre diferentes ferramentas de gestão de conteúdo baseadas na web para integrar com o Moodle. Discute o Blogger, Wordpress, Wikis e realiza um quadro comparativo destas ferramentas, abordando vantagens e desvantagens. Conclui selecionando o Wordpress como a melhor ferramenta para a integração proposta devido às suas diversas vantagens como ser gratuito.
O documento apresenta o Microsoft WebMatrix, uma ferramenta para desenvolvimento web da Microsoft. Apresenta os recursos e funcionalidades do WebMatrix, como publicação de sites, banco de dados simplificado e criação de blogs e e-commerces. Demonstra como instalar e usar a ferramenta para criar o primeiro site.
Criar uma conta no 4Shared requer fornecer um e-mail e senha, confirmar o e-mail por link e visualizar a conta; fazer upload de arquivos requer escolher os arquivos e clicar em upload para enviá-los para a conta, e sair requer clicar na seta e em sign out.
O documento lista 5 atividades em Excel para os alunos completarem, incluindo criar uma tabela e gráfico, fazer um gráfico de pizza 3D, usar funções como PROCV, SE e filtros condicionais, e calcular estatísticas como soma, mínimo, máximo e média. Os alunos devem salvar todas as planilhas em um arquivo e enviar ao professor até a data limite.
Este documento fornece instruções sobre como criar e-mails e enviá-los de maneira eficaz. Ele discute a estrutura de um e-mail, como obter um endereço de e-mail, anexar arquivos e verificar a existência de vírus. O instrutor Ricardo Rodrigues ensina a turma 7001B sobre comunicação profissional por e-mail.
O documento fornece instruções para instalar o Game Maker Studio, incluindo acessar o site da Yoyo Games, fazer o download da versão gratuita de 13 MB, e seguir as etapas de instalação para abrir a tela inicial do programa.
Este documento fornece instruções sobre como começar a criar um jogo no Game Maker. Ele explica como abrir o modo avançado, adicionar sprites, criar objetos e definir suas propriedades, configurar movimento usando scripts e variáveis, e criar salas para construir o ambiente do jogo. O foco é ensinar os conceitos básicos de programação e desenvolvimento de jogos no Game Maker.
This document contains a presentation by Professor Ricardo on mathematics and spreadsheets. It includes slides with titles for adding content, tips for incorporating logos on all slides, and various diagrams including cycle diagrams, flow charts, block diagrams, tables, pie charts, and marketing diagrams. The document provides a template for a presentation on this topic.
No objeto controle, código é adicionado para testar a saúde e vidas do jogador a cada passo. Se a saúde chegar a 0, as vidas são reduzidas em 1 e a saúde é redefinida para 10. Se as vidas chegarem a 0, a pontuação máxima é mostrada e muda para a sala "game over". O objeto controle é colocado na sala principal para controlar esses parâmetros durante o jogo.
O documento discute sistemas operacionais e fornece uma aula sobre o assunto. Ele inclui:
1) Uma introdução sobre o que são sistemas operacionais e seus tipos.
2) Informações sobre equipamentos que utilizam sistemas operacionais e sobre máquinas virtuais.
3) Detalhes sobre login, logoff e computação em nuvem.
4) Instruções sobre comandos do DOS e do Linux.
O documento apresenta uma aula introdutória sobre HTML5 ministrada pelo professor Ricardo. Na aula, ele explica o que é HTML5, quais são suas vantagens e mostra alguns comandos básicos. Ele também ensina como salvar e publicar um arquivo HTML na internet para compartilhamento.
O documento discute as principais novidades da quinta versão da linguagem HTML, incluindo novas tags para vídeos, canvas e geolocalização, além de permitir o cache de aplicações web e uso de bancos de dados offline.
O documento descreve a história e definição do HTML5, suas vantagens em relação a outras tecnologias como Flash, e recomenda investir no aprendizado de HTML5 devido às oportunidades de emprego e inovação que trará.
O documento descreve uma comunidade para desenvolvedores JavaScript chamada BeaGajs que se reúne periodicamente para discutir tendências e projetos relacionados à tecnologia. A comunidade tem páginas no Facebook e vídeos no YouTube para divulgar seus encontros.
O documento apresenta os objetivos e metodologia de um curso de HTML e CSS usando Dreamweaver, incluindo detalhes sobre o professor e os tópicos abordados como a Internet, a World Wide Web, web design, estrutura, layout, navegadores, padrões W3C e linguagens como HTML, CSS e JavaScript. Também fornece dicas para ser um respeitado web designer e informações sobre o mercado e carreira na área.
Este documento descreve um curso online sobre como criar soluções de comunicação em tempo real para vídeo, áudio e chat usando várias tecnologias. O curso ensina sobre transmissões ao vivo, streaming e latência ao longo de 16 horas em 4 sábados com certificado no final. É ideal para empresas e profissionais interessados em desenvolver ferramentas de ensino online e comunicação.
O documento discute comunicação em tempo real usando WebRTC e PHP. Apresenta Michael Douglas Barbosa Araujo e suas atividades como desenvolvedor. Explica o que é aplicação em tempo real, WebSockets, Pusher e Socket.IO. Discute o que é WebRTC, sua compatibilidade e arquitetura. Por fim, explica o que é Opentok e mostra código de exemplo usando a SDK OpenTok em PHP.
O documento discute SEO, semântica e HTML5. Apresenta o palestrante Fábio Flatschart e sua experiência. Discute como a busca online se tornou essencial, a importância da segmentação e dos resultados locais e pessoais. Explora conceitos de SEO e semântica e as novas possibilidades do HTML5 como elementos estruturais, formulários, áudio, vídeo e rich snippets.
Este curso ensina como criar sites impactantes com WordPress sem saber programação. Aborda planejamento de projetos, domínios na internet, hospedagem e história da web. O WordPress permite criar qualquer projeto e dominar o mercado online de forma fácil.
Este curso ensina como criar sites impactantes com WordPress sem saber programação. Aborda planejamento de projetos, domínios na internet, hospedagem e história da web. Inclui introdução ao HTML, CSS e CMS como WordPress. A equipe inclui uma diretora, gerente de marketing e professor com foco em garantir aprendizado dos alunos.
O documento apresenta uma aula sobre design gráfico. Ele discute conceitos como comunicação multimídia, meios de comunicação, processo de criação e ferramentas de trabalho. A aula também inclui atividades práticas para os alunos treinarem formas geométricas no CorelDraw.
Este documento apresenta uma comparação entre diferentes ferramentas de gestão de conteúdo baseadas na web para integrar com o Moodle. Discute o Blogger, Wordpress, Wikis e realiza um quadro comparativo destas ferramentas, abordando vantagens e desvantagens. Conclui selecionando o Wordpress como a melhor ferramenta para a integração proposta devido às suas diversas vantagens como ser gratuito.
O documento apresenta o Microsoft WebMatrix, uma ferramenta para desenvolvimento web da Microsoft. Apresenta os recursos e funcionalidades do WebMatrix, como publicação de sites, banco de dados simplificado e criação de blogs e e-commerces. Demonstra como instalar e usar a ferramenta para criar o primeiro site.
Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 04 - 18/06/2011
Vitor - O potencial didático do WordPress no ensino-aprendizagem de ProgramaçãoWordPress Floripa
Tomando por base a minha trajetória profissional, de pesquisador e professor da área de Ciências Humanas para depois desenvolvedor WEB, pude reconhecer o grande potencial didático do WordPress no ensino-aprendizagem de diversos assuntos ligados ao universo da programação. É claro que é disso que se trata o ambiente em si, uma ferramenta ágil voltada para a programação de sistemas, mas vale reforçar o seu papel didático para o entendimento e desenvolvimento dessas habilidades e competências, especialmente para estudantes e/ou iniciantes na área de Tecnologia da Informação. O objetivo deste "talk" é justamente reconhecer o valor educacional da ferramenta e de tudo que a envolve (documentação, tutoriais, suporte, etc) como sendo parte de uma grande comunidade E-learning. Sem dúvida, o WordPress contribui muito na formação dos profissionais de TI.
Este documento discute três tópicos principais:
1) Apresenta notícias sobre eventos e comunidades relacionadas a software livre em Portugal.
2) Apresenta uma opinião sobre como orçamentar corretamente serviços de desenvolvimento de software.
3) Introduz conceitos básicos sobre programação em Assembly para processadores x86 em GNU/Linux.
O documento discute a evolução da internet com o HTML5, que introduz novas tags para melhorar a semântica das páginas, permite incorporar áudio e vídeo nativamente, e traz o poderoso elemento <canvas> para criação de gráficos no navegador. O HTML5 ainda está em desenvolvimento com previsão de especificação final em 2022, mas muitos sites já o utilizam.
O documento discute as vantagens e desvantagens de ferramentas de gestão de conteúdo baseadas na web como Blogger, WordPress, Wetpaint e Wikispaces. Ele compara essas ferramentas em termos de recursos e funcionalidades e conclui que o WordPress é a melhor opção para integrar com o Moodle, devido à sua gratuidade e flexibilidade.
O documento discute um treinamento de capacitação profissional. Ele inclui instruções sobre pesquisa na internet, exercícios e códigos do Google, uma análise SWOT para autoconhecimento, e perfis profissionais como assertivo, empreendedor, sociável e analítico.
O documento resume uma aula de capacitação profissional sobre pesquisa na internet, identidade profissional e exercícios. Ele inclui códigos para pesquisas no Google, uma análise SWOT para autoconhecimento e defeitos/qualidades, e perfis profissionais como assertivo, empreendedor, sociável e analítico.
O documento resume uma aula de treinamento profissional sobre testes de QI, jogos educativos, uso seguro da internet e redes sociais. Ele fornece classificações de QI, dicas para jogos online, e 16 dicas para uso seguro da internet, como proteger dados pessoais e evitar baixar arquivos de fontes desconhecidas.
O documento apresenta os conceitos básicos de lógica proposicional, incluindo proposições, conectivos lógicos como "e", "ou", "se então" e "bicondicional", e negação. O texto ensina como representar essas estruturas simbolicamente e fornece exemplos de tabelas-verdade para avaliar proposições compostas. Por fim, pede aos alunos que resolvam exercícios lógicos usando esses conceitos.
Seguir as setas na ordem indicada para entender intuitivamente. Criar 3 Sprites próprios. Na próxima aula será ensinado como escolher o som e fundo corretamente.
O documento discute como criar jogos, incluindo onde encontrar o GameMaker, recursos básicos no GameMaker e estudos para casa. Também lista outros programas para criação de jogos como Unity Engine, Unreal Development Kit e KODU Game Lab.
O documento discute regras de acentuação gráfica em português. Apresenta conceitos como oxítona, paroxítona e proparoxítona e regras para acentuação de monossílabos, palavras terminadas em ditongos e hiatos. Inclui exemplos e exercícios com gabarito no final.
Este documento resume uma aula sobre fórmulas, funções, pesquisa com Proc e gráficos no Excel. Ele explica a diferença entre fórmulas e funções e demonstra exemplos de cada uma. Também mostra como usar as funções CONT.NÚM e CONT.VALORES e como criar gráficos para visualizar dados numéricos.
O documento resume os principais conceitos financeiros como bens, direitos, obrigações, capital, receita, custos, gastos, débito e crédito. Explica como usar fórmulas em planilhas para cálculos financeiros e apresenta um exemplo de planilha de média escolar.
This document summarizes a classroom lesson on buying and setting up a computer. It discusses components like the processor, memory, and hard drive. It also covers connecting cables and devices after purchase, as well as basic computer care. The next class will focus on creating email accounts and an introduction to HTML.
O documento apresenta um curso sobre o site Cedaspy.com.br, incluindo cadastrando-se no site, conhecendo e acessando o site, utilizando máquina virtual e navegadores, e projetos a serem desenvolvidos no curso usando HTML5 e CSS.
O professor Ricardo pediu aos alunos que completem várias atividades em planilhas, gráficos e outros softwares como parte de um projeto final. Os alunos devem salvar todos os arquivos em uma pasta e enviá-la por e-mail ao professor até o final do dia.
O documento lista 5 atividades em Excel para os alunos completarem, incluindo criar uma tabela e gráfico, gráfico 3D em formato de pizza, usar funções como PROCV e SE para pesquisar e filtrar dados, e usar fórmulas como SOMA, MÍNIMO e MÉDIA. Os alunos devem salvar e enviar o trabalho completo via email antes de uma data limite.
O documento é uma avaliação de inglês com 5 perguntas sobre gramática, vocabulário e conversão de afirmações para negações e interrogativas. Ele instrui o aluno a não usar consultas e lembra que o trabalho enviado para casa deve estar completo para receber pontos bônus.
Atividade letra da música - Espalhe Amor, Anavitória.Mary Alvarenga
A música 'Espalhe Amor', interpretada pela cantora Anavitória é uma celebração do amor e de sua capacidade de transformar e conectar as pessoas. A letra sugere uma reflexão sobre como o amor, quando verdadeiramente compartilhado, pode ultrapassar barreiras alcançando outros corações e provocando mudanças positivas.
Sistema de Bibliotecas UCS - Chronica do emperador Clarimundo, donde os reis ...Biblioteca UCS
A biblioteca abriga, em seu acervo de coleções especiais o terceiro volume da obra editada em Lisboa, em 1843. Sua exibe
detalhes dourados e vermelhos. A obra narra um romance de cavalaria, relatando a
vida e façanhas do cavaleiro Clarimundo,
que se torna Rei da Hungria e Imperador
de Constantinopla.
2. O que veremos hoje
1 O que é HTML5
2 Quais as vantagens
3 Alguns comandos
4 Salvando e enviando
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
3. O que é HTML5
Você depende dele, mas não o vê a olho nu. O código
HTML está presente nas páginas da web há mais de
dez anos e tem uma larga aceitação dos usuários por
todo o mundo.
Leia mais em: http://www.tecmundo.com.br/navegador/2254-o-que-e-html-5-
.htm#ixzz27f9AAH9O
Html:
HyperText Markup Language (Linguagem de
marcação de hipertexto)
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
Company Logo
4. O que é HTML5
Novos recursos
rápido
colorido
prático HTML5
bonito
Feito
Pra vc
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
5. O que é HTML5
O código fica oculto, e quem
o digita é vc caro(a)
aspirante a progamador!!
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
6. Faça um teste vc mesmo(a)
Abra seu navegador e
clique O código que você
Não vê!
Ctrl + U
O página que
vemos!
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
7. O que é HTML5
Nessa nova linguagem, algumas dessas
“etiquetas de marcação” mais objetivas.
De modo geral, com essas e as outras
novidades, será muito mais fácil navegar pela
Internet!
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
8. Canvas
Canvas
Especializadas em renderizar imagens em
bitmap, as tags canvas serão específicas
para a edição breve de imagens através de
APIs ou JavaScript.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
9. Tags de vídeo
Tags de vídeo
Incluir vídeos em HTML como conhecemos
hoje, utilizando códigos para o “embed”, ou
seja, incorporar vídeos à página será muito
mais simples.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
10. Geolocalização
Geolocalização
Saber onde você está não é uma informação
importante só para os seus pais, namorados ou
namoradas.
Geolocalização
O HTML 5 também possui maneiras de
descobrir a sua localização e informá-la aos
sites e serviços que você acessa!
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
11. Caching de aplicações
Caching de aplicações
Agora, com o HTML 5 os aplicativos web
poderão ser acessados offline via cache.
Leia mais
em: http://www.tecmundo.com.br/navegador/2
254-o-que-e-html-5-.htm#ixzz27fFcSbBL
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
12. E o que muda para o
usuário?
Se você possui um perfil um pouco mais
ligado às novidades tecnológicas,
sentirá boas diferenças ao navegar pela
Internet.
Isso porque o HTML 5 irá facilitar muito
a vida de todos nós – quer sejamos
desenvolvedores ou apenas usuários.
Para os desenvolvedores, fica mais
rápido produzir sites cada vez mais
fáceis e limpo.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
13. Então vamos começar
Abra o bloco de notas:
Digite igual
ao próximo
slide:
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
14. Digitando
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
Company Logo
15. Agora vamos salvar:
Vamos ser organizados
1. Vamos criar uma pasta na área Lembre-se
de trabalho com o nome de salvar na
Projeto HTML5 pasta criada!
2. Agora vamos no Bloco de notas e
vamos em:
Arquivo / Salvar Como /
Index.html
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
16. Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
18. <DOCTYPE html>
Pela nova nomenclatura as páginas que vão iniciar
com comandos em html5 devem começar desse
jeito.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
19. <html> .... </html>
<html> Indica o início do site. Ele é fundamental
pois é com essa TAG que o navegador sabe o que
fazer.
Após o <html> vem o que o site deve apresentar...
</html> é sempre o último, não esqueça-o pois o seu
site pode não funcionar direito.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
20. <head>.... <title></title>...</head>
<head></head>
Cabeçalho dentre outras coisas
serve para especificarmos sobre
o que é o site. E inserir scripts.
<title></title>
É o título que vai na aba do
navegador.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
21. <body> É o corpo do site
<body></body>
O que se coloca entre um <body> e outro </body>
é o que será visto no site. Ou seja toda a parte
visual do site textos, imagens, filmes e qualquer
coisa.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
22. H1 ao h7
<h1> serve para especificar o tamanho da
fonte.
• <h1> É a maior
<h1> </h1>
<h4> • <h4> é um tamanho médio</h4>
<h7>
• <h7> Lembrando que as fontes vão de h1 até
h7, que é o menor tamanho. Veremos outras
opções pra se trabalhar com fontes.</h7>
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
23. <h1>
<h4>
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
Company Logo
24. Antes de começar a explicação
vamos colocar uma imagem
Pegue uma imagem no google
De tamanho médio Obs.:
O nome da extensão
Renomeia a imagem para= do arquivo não pode
imagem1 ser mudado somente
o nome, exemplo:
Ricardo_lindo.png
Copie e cole pra sua pasta na
Área de trabalho imagem1.png
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
25. Inserindo a imagem
<img src="imagem1.jpeg">
Coloque do jeito que está acima!
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
26. Vai ficar desse jeito
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
www.thmemgallery
27. Fique atento
Se você pegar uma imagem com
estenção (.jpg),(.jpeg), (png) e/ou
(.gif). Lembre-se que é o:
nome-da-imagem.estenção
Carro.jpeg
Cidade.jpg
Foto_grande.png
Anime.gif
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
www.thmemgallery
28. Resumo dos fatos até agora:
Abrimos
O bloco Imagem Hospeda
De notas gem
Digitamos o
código na Pegamos uma
listagem acima… imagem na Agora vamos
internet e aprender a
E salvamos colocamos na colocar esse
como mesma pasta e seu site on line
Index.html inserimos o :)
Dentro da pasta código img src=
Projeto HTML
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
30. Free web hosting area.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
31. Entenda como se usa.
nomedoseusite
Escolha o nome
pro seu site
Depois
Escolha um
Observações
subdomínio
Eu coloquei o nome de
music9035 vc pode
escolher outro que for
melhor para o seu Prof. Ricardo
projeto! Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
32. cadastrando
Coloque o endereço do seu email,
pode ser um endereço falso.
Crie uma senha e se possível
anote, pois você vai precisar dela!
Lembre-se de marcar
esta opção
Redigite os Captcha e mostre que
vc é uma pessoa de verdade! : )
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
33. Preenchimento fácil e rápido.
Por favor fique
atento, caso não vá
para a próxima tela
veja qual o erro está
em vermelho e tente
corrigir!
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
34. Copie em sua
apostila a
parte
Segredo! selecionada
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
Company Logo
www.thmemgallery
35. Pronto, agora vamos
hospedar o nosso site...
Clique em Iniciar do Windows >
Computador e digite na barra de
endereços:
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
36. ftp://ftp.6te.net
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
37. Agora pra terminar:
Lembra do Login e
da senha que eu
pedi pra vc copiar!
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
38. Após o
preenchimento
Clique em Logon
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
Company Logo
39. Deletando os arquivos
desnecessários
1
Selecione todos os arquivos
que aparecerem como ao
lado.
Delete-os, exceto os que
2 tem um ponto na frente são
chamados arquivos ocultos.
Agora vá em sua pasta
3 Área de trabalho /
Projeto HTML.
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
40. Pasta vazia....
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
41. Copie e cole
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
Company Logo
42. Ao terminar de copiar
1 Clique em F5 para
atualizar.
Abra o seu navegador e
2 digite o endereço do seu
site, no meu caso é
music9035.6te.net
Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
43. Prof. Ricardo
Facebook:
Vocenomundo.net Ricardo.ware@gmail.com
Company Logo
44. Vocenomundo.net Prof.
Ricardo
Obrigado a todos(as).
Vocenomundo.net