Aplicativos para Internet Aula 01
|
|
- Manuella Borges Viveiros
- 5 Há anos
- Visualizações:
Transcrição
1 Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes
2 Uso da Internet
3 Uso da Internet no mundo 2,4 bilhões de usuários no mundo 148,4 milhões de domínios registrados até ,8 bilhões de s enviados diariamente sites criados diariamente artigos publicados diariamente 4 bilhões de compartilhamentos diários no Facebook
4 Navegadores de internet A internet é um conglomerado de redes que permitem o acesso de informações distribuídas globalmente. As informações são identificadas por uma URI (Uniform Resource Identifier) Podemos acessar websites através de um navegador (browser). Ex. Firefox, Chrome, Safari, Internet Explorer, Opera
5 Estatísticas do uso de navegadores Ano Internet Explorer Firefox Chrome Safari Opera ,0% 26,8% 55,8% 3,8% 1,9% ,7% 31,1% 46,9% 4,2% 2,1% ,2% 37,7% 34,6% 4,2% 2,5% ,5% 43,5% 22,4% 3,8% 2,2% ,2% 46,4% 9,8% 3,6% 2,3% ,0% 44,4% 3,6% 2,7% 2,4% ,0% 36,3% 1,8% 1,6% ,6% 29,9% 1,5% ,9% 23,6% 1,5%
6 Motores de Renderização É o software que faz a renderização das páginas web para cada navegador. Os principais são: Na programação web, objetiva-se criar códigos fontes compatíveis com os principais motores de renderização disponíveis (técnicas de Cross- Browsing).
7 Arquitetura Cliente - Servidor O navegador localiza o recurso a ser acessado através de uma URL (Uniform Resource Locator) A arquitetura de acesso a páginas web é a arquitetura cliente/servidor. O navegador roda o lado cliente da aplicação e, usando o protocolo de aplicação HTTP, conecta-se ao servidor da aplicação, onde o código fonte é executado. Essa divisão também é conhecida como front end / back end
8 Arquitetura Cliente - Servidor Requisição: URL Protocolo: HTTP Cliente Internet Servidor Resposta: HTML Disciplina Aplicativos para Internet FRONT END HTML CSS JavaScript Outras disciplinas de programação BACK END PHP Java, JSP ASP.Net Banco de Dados
9 Tecnologias a serem estudadas As principais tecnologias usadas no desenvolvimento do front end de uma aplicação web (camada de visão / view) são: Hypertext Markup Language (HTML) Cascading Style Sheets (CSS) JavaScript
10 O que é HTML? O HTML (Hypertext Markup Language - Linguagem de marcação de hipertexto) permite a criação de páginas para a WEB com conteúdo multimídia HTML não é linguagem de programação, é linguagem de marcação! O HTML estrutura um documento web através da marcação de seu conteúdo. O HTML consiste de uma série de tags que identificam elementos de uma página web a serem lidos por um navegador EX: cabeçalhos, títulos, parágrafos, imagens
11 O que é HTML? Exemplo: Página web renderizada pelo navegador Código fonte HTML
12 Editando arquivos HTML Um arquivo HTML pode ser escrito em qualquer editor sem formatação Deve ser gravado com a extensão.html Pode ser aberto e interpretado por qualquer navegador Todos os documentos HTML seguem uma estrutura básica de tags padrão: <html> <head> <title> Título da página </title> </head> <body>... </body> </html> Cabeçalho da pagina Corpo da pagina
13 Versões do HTML As versões do HTML mais utilizadas hoje em dia são HTML 4.01 e XHTML 1.0 Variantes do DocType do HTML 4.01 HTML 4.01 Strict: O mais comum, utiliza tags do HTML 4.01, mas não permite tags obsoletas HTML 4.01 Transitional: Permite tags de todas as versões do HTML HTML 4.01 Frameset: Permite uso de frames, pouco recomendado
14 HTML 5 O HTML 5 começou a ser criado pelo grupo WHATWG em 2004, e foi reconhecido como uma versão oficial pelo W3C em É uma versão mais flexível do HTML, que permite manipulação mais fácil dos elementos da página, e removeu muitos atributos de formatação das tags. Ainda não existe especificação completa do HTML 5, e nem todos os navegadores são compatíveis com 100% das funcionalidades novas.
15 Declaração do DOCTYPE HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>html 4.01</title> </head> <body> Esta página utiliza HTML </body> </html>
16 Declaração do DOCTYPE XHTML 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8 /> <title>xhtml 1.0</title> </head> <body> Esta página utiliza XHTML 1.0. </body> </html>
17 Declaração do DOCTYPE HTML 5 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html 5</title> </head> <body> Esta página utiliza HTML 5. </body> </html>
18 Principais tags HTML <h1>título principal da página </h1> <h2>título secundário </h2> E assim por diante com <h3> <h4> <h5> e <h6> <p> Parágrafo </p> <b> Negrito </b> ou <strong> Negrito (com ênfase) </strong> <i> Itálico </i> ou <em> Itálico (com ênfase) </em> <u> Sublinhado </u> <a href= >Hyperlink para o Google</a> Imagens: <img src= alt= Logo do Google >
19 Exemplo de documento HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>primeiro exemplo</title> </head> <body> <h1>primeiro exemplo</h1> <h2>sobre a página</h2> <p>este é um parágrafo da página Primeiro Exemplo. <a href=" para ir para o Google</a>.</p> </body> </html>
20 Tags e Atributos HTML Todas as tags HTML, seus atributos e valores padrão podem ser consultados no site W3Schools. Exemplo:
21 O que é CSS? CSS (Cascading Style Sheets Folhas de Estilo em Cascata) definem a formatação (apresentação) dos elementos de uma página web. Por exemplo, podemos definir uma fonte padrão para os parágrafos, ou uma imagem de fundo da pagina. Uma mesma folha de estilo pode ser reutilizada em todas as páginas de um website, garantindo um design padrão. Cada elemento da página (ex. <p> ou <h1>) pode ser formatado com um estilo diferente.
22 Exemplo de CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>primeiro exemplo</title> <style> </style> </head> <body> body { font-family: Arial; } p { font-size: 12px; } a, h1 { color: #8af; } <h1>primeiro exemplo</h1> <h2>sobre a página</h2> <p>este é um parágrafo da página Primeiro Exemplo. <a href=" para ir para o Google</a>.</p> </body> </html>
23 O que é JavaScript? JavaScript é uma linguagem de Script, interpretada pelo navegador no front end Cuidado! JavaScript não é Java! Permite manipular e modificar elementos da página (interatividade) em tempo de execução, sem a obrigação de acessar o lado servidor Permite monitorar eventos do usuário e disparar funções conforme necessidade.
24 Exemplo de JavaScript <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>primeiro exemplo</title> <style> body { font-family: Arial; } p { font-size: 12px; } a, h1 { color: #8af; } </style> <script language="javascript"> window.alert("bem vindo"); </script> </head> <body> <h1>primeiro exemplo</h1> <h2>sobre a página</h2> <p>este é um parágrafo da página Primeiro Exemplo. <a href=" para ir para o Google</a>.</p> </body> </html>
25 Web Standards Os padrões para desenvolvimento web são definidos pela organização W3C (World Wide Web Consortium), criada por Tim Berners-Lee (criador da internet). O objetivo é definir regras de bom uso das tecnologias web disponíveis. O W3C disponibiliza ferramentas de validação para testar se páginas web estão de acordo com as normas. As especificações do W3C estão disponíveis no site oficial da organização:
26 Web Standards As principais recomendações do W3C sobre o desenvolvimento web são: Código HTML/XHTML válidos (usar tags corretamente) Código semanticamente correto (usar tags para seu propósito real) Separação de: Conteúdo (HTML/XHTML), Apresentação (CSS), e Interatividade (JavaScript) LER!
27 Leituras Recomendadas Livros: Sites:
Técnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
XHTML 1.0 DTDs e Validação
XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para
Aula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme
Aula 1 Desenvolvimento Web Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Plano de Aula Ementa Avaliação Ementa Noções sobre Internet. HTML
Web Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Programação para a Web - I. José Humberto da Silva Soares
Programação para a Web - I José Humberto da Silva Soares Fundamentos de Internet Rede Mundial de Computadores; Fornece serviços, arquivos e informações; Os computadores que têm os recursos são chamados
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de
PROGRAMAÇÃO PARA INTERNET HTML
PROGRAMAÇÃO PARA INTERNET HTML Prof. Rafael Gross INTRODUÇÃO Quando acessamos uma página web, estamos interessados na informação contida nessa página. Essa informação pode estar na forma de texto, imagem
Afinal o que é HTML?
Aluno : Jakson Nunes Tavares Gestão e tecnologia da informacão Afinal o que é HTML? HTML é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste
Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Introdução ao HTML 5 e Implementação de Documentos
Linguagem de Programação para Web Introdução ao HTML 5 e Implementação de Documentos Prof. Mauro Lopes 1-31 20 Objetivo Iremos aqui apresentar a estrutura básica de um documento HTML e iremos também apresentar
QUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
DWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico CSS3 - Fundamentos E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis qual
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Desenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável
Webdesign A tag HEAD e as Meta tags
Webdesign A tag HEAD e as Meta tags Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net HEAD Como vimos anteriormente, o nosso documento HTML é
Web Design Aula 01: Conceitos Básicos
Web Design Aula 01: Conceitos Básicos Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Motivação Motivação Motivação Roteiro Introdução Papéis e Responsabilidades Construindo um site
Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Declaração DOCTYPE e Tag Raiz html
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage DeclaraçãoDOCTYPEeTagRaizhtml ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver
Programação WEB Introdução
Programação WEB Introdução Rafael Vieira Coelho IFRS Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Sul Campus Farroupilha rafael.coelho@farroupilha.ifrs.edu.br Roteiro 1) Conceitos
Introdução. História. Como funciona
Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado
Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção
Acessibilidade no SIEP (Sistema de Informações da Educação Profissional e Tecnológica) Módulo de Acessibilidade Virtual CEFET Bento Gonçalves RS Maio 2008 ACESSIBILIDADE À WEB De acordo com Cifuentes (2000),
Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes
Desenvolvimento Web Introdução a XHTML Prof. Bruno Gomes 2014 Introdução HTML e XHTML Estrutura básica do documento DTDs Validação do documento Exercícios HTML e XHTML HTML (Hipertext Markup Language)
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Internet Internet é o conjunto de diversas redes de computadores que se comunicam entre si Internet não é sinônimo de WWW (World Wide
Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1
Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem
BEM-VINDOS AO CURSO DE ORIENTADO A OBJETOS
21/11/2013 PET Sistemas de Informação Faculdade de Computação Universidade Federal de Uberlândia 1 BEM-VINDOS AO CURSO DE ORIENTADO A OBJETOS Leonardo Pimentel Ferreira Higor Ernandes Ramos Silva 21/11/2013
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com No início A Web é criada em 1989, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.
Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15
APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos
História e Evolução da Web. Aécio Costa
Aécio Costa A História da Web O que estamos estudando? Período em anos que a tecnologia demorou para atingir 50 milhões de usuários 3 As dez tecnologias mais promissoras 4 A evolução da Web Web 1.0- Passado
TECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Ferramentas para Internet CST Sistemas para Internet
Ferramentas para Internet CST Sistemas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Ferramentas para Internet Web design: HTML CSS
> Herbet Ferreira Rodrigues > contato@herbetferreira.com
Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação
A autoria - II. A autoria - II. Tecnologias básicas da Web. A autoria - II. 2001 Wilson de Pádua Paula Filho. Tópicos:
A autoria - II Tópicos: A autoria - II World Wide Web hipermídia na Internet: sítios Web: páginas de hipertexto; material multimídia; aplicativos Web: muitos tipos de tecnologias de software: scripts,
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
CONCEITOS BÁSICOS DE INTERNET. Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA
CONCEITOS BÁSICOS DE INTERNET Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA conceito inicial Amplo sistema de comunicação Conecta muitas redes de computadores Apresenta-se de várias formas Provê
Análise da Nova Linguagem HTML5 para o Desenvolvimento Web
Análise da Nova Linguagem HTML5 para o Desenvolvimento Web Sergio N. Ikeno¹, Késsia Rita da Costa Marchi¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil sergioikn@gmail.com, kessia@unipar.br Resumo.
www.andrix.com.br professor@andrix.com.br Conceitos Básicos
Desenvolvimento Andrique web Amorim II www.andrix.com.br professor@andrix.com.br Conceitos Básicos Sites e Aplicações Web Normalmente, as pessoas utilizam o termo SITE quando se referem a blogs, sites
PRnet/2013. Linguagem de Programação Web
Linguagem de Programação Web Linguagem de Programação Web Prnet/2013 Linguagem de Programação Web» Programas navegadores» Tipos de URL» Protocolos: HTTP, TCP/IP» Hipertextos (páginas WEB)» HTML, XHTML»
PADRÕES PARA O DESENVOLVIMENTO NA WEB
PADRÕES PARA O DESENVOLVIMENTO NA WEB Ederson dos Santos Cordeiro de Oliveira 1,Tiago Bonetti Piperno 1, Ricardo Germano 1 1 Universidade Paranaense (UNIPAR) Paranavaí PR- Brasil edersonlikers@gmail.com,
Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br
Desenvolvimento Web Saymon Yury C. Silva Analista de Sistemas http://www.saymonyury.com.br Vantagens Informação em qualquer hora e lugar; Rápidos resultados; Portabilidade absoluta; Manutenção facilitada
DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3
DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3 Eduardo Laguna Rubai, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR- Brasil eduardorubay@gmail.com, bonetti@unipar.br Resumo.
Linguagem de Estruturação e Apresentação de Conteúdos
UNIVERSIDADE TECNOLOGICA FEDERAL DO PARANA MINISTERIO DA EDUCAÇÃO Câmpus Santa Helena Curso de Bacharelado em Ciência da Computação Linguagem de Estruturação e Apresentação de Conteúdos Prof. Me. Arlete
Autoria Web Apresentação e Visão Geral sobre a Web
Apresentação e Visão Geral sobre a Web Apresentação Thiago Miranda Email: mirandathiago@gmail.com Site: www.thiagomiranda.net Objetivos da Disciplina Conhecer os limites de atuação profissional em Web
WWW - World Wide Web
WWW World Wide Web WWW Cap. 9.1 WWW - World Wide Web Idéia básica do WWW: Estratégia de acesso a uma teia (WEB) de documentos referenciados (linked) em computadores na Internet (ou Rede TCP/IP privada)
PROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS
VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS PROGRAMAÇÃO MANUAL DE INSTRUÇÕES Instruções, métodos e recomendações para desenvolvimento de sistemas na UDS. 1 Sumário Apresentação... 3 Estrutura de pastas:...
HTML5. Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br
HTML5 Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br HTML5 HTML5 é considerada a próxima geração do HTML e suas funcionalidades inovadoras o tornam uma alternativa
HTML Página 1. Índice
PARTE - 1 HTML Página 1 Índice HTML A HISTÓRIA... 2 O COMEÇO E A INTEROPERABILIADE... 3 Primeira Página... 4 Entendendo seu código... 5 Abrindo o código fonte da sua página... 6 Comentários na página...
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada
Desenvolvimento de Aplicações Web
Desenvolvimento de Aplicações Web André Tavares da Silva andre.silva@udesc.br Método de Avaliação Serão realizadas duas provas teóricas e dois trabalhos práticos. MF = 0,1*E + 0,2*P 1 + 0,2*T 1 + 0,2*P
O W3C Futuro da Web HTML5. Março/2011 Web Expo Fórum
O W3C Futuro da Web HTML5 Março/2011 Web Expo Fórum Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) Web e W3C 3 Tim
WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira
WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo
HTML: Linguagem de Marcação de HiperTexto (HyperText Markup Language) Pimentel, Morganna BSI -UNIRIO DPW
HTML: Linguagem de Marcação de HiperTexto (HyperText Markup Language) Pimentel, Morganna BSI -UNIRIO 1 DPW 2017.2 2 WWW: uma breve história Tim Berners-Lee pesquisador inglês na CERN (Organização Europeia
Desenvolvendo para WEB
Nível - Básico Desenvolvendo para WEB Por: Evandro Silva Neste nosso primeiro artigo vamos revisar alguns conceitos que envolvem a programação de aplicativos WEB. A ideia aqui é explicarmos a arquitetura
Internet. Gabriela Trevisan Bacharel em Sistemas de Infomação
Internet Gabriela Trevisan Bacharel em Sistemas de Infomação Histórico da Web World Wide Web o nosso www é o meio de comunicação mais utilizado no mundo atualmente. Através da WWW qualquer usuário conectado
DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN
DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN José Agostinho Petry Filho 1 ; Rodrigo de Moraes 2 ; Silvio Regis da Silva Junior 3 ; Yuri Jean Fabris 4 ; Fernando Augusto
Material de apoio a aulas de Desenvolvimento Web. Tutorial Java WEB JSP & HTML & CSS & CLASSE & OBJETOS. AAS - www.aas.pro.
Material de apoio a aulas de Desenvolvimento Web Tutorial Java WEB JSP & HTML & CSS & CLASSE & OBJETOS AAS - www.aas.pro.net Março-2012 Este pequeno tutorial tem como objetivo conduzir o programador passo-a-passo
CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;
CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.
UM NOVO CONCEITO EM AUTOMAÇÃO. Série Ponto
UM NOVO CONCEITO EM AUTOMAÇÃO Série Ponto POR QUE NOVO CONCEITO? O que é um WEBPLC? Um CP na WEB Por que usar INTERNET? Controle do processo de qualquer lugar WEBGATE = conexão INTERNET/ALNETII WEBPLC
HTML. Sessão 1 HTML. Cliente: browser (IE, por exemplo) Servidor: IIS (Internet Information Server), Apache, WebSphere,...
Sessão 1 A INTERNET Baseada no modelo Cliente-Servidor Cliente: programa que pede informação Servidor: programa que envia a informação No caso da WWW: Cliente: browser (IE, por exemplo) Servidor: IIS (Internet
Roteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
Introdução à Tecnologia Web. Ferramentas e Tecnologias de Desenvolvimento Web. Profª MSc. Elizabete Munzlinger www.elizabete.com.
IntroduçãoàTecnologiaWeb FerramentaseTecnologiasde DesenvolvimentoWeb ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br FerramentaseTecnologiasde DesenvolvimentoWeb
Introdução à Engenharia da Computação. Tecnologia Web Professor Machado
Introdução à Engenharia da Computação Tecnologia Web Professor Machado 1 WWW - World Wide Web Surgiu da necessidade de troca de documentos entre institutos de pesquisas. Utiliza o protocolo HTTP (HyperText
S E O PA R A I N I C I A N T E S
SEO PARA INICIANTES QUEM SOU EU? WEB DESIGNER COM FOCO NO SEO DE QUALIDADE IDEALIZADOR DO COMSEO CEO DA MOSKO WEB DESIGNER O QUE É SEO? É O CONJUNTO DE ESTRATÉGIAS COM O OBJETIVO DE POTENCIALIZAR E MELHORAR
7. Cascading Style Sheets (CSS)
7. Cascading Style Sheets (CSS) O CSS (Folha de Estilo em Cascata) é um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. O Cascading Style Sheets não é exatamente uma
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.
Web Design Aula 02: HTML
Web Design Aula 02: HTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Introdução Conceitos HTML Primeira Página Identação Incluindo o título Salvando a página Vizualizando
CURSO : Empreendedorismo 40 Hrs aulas
CURSO : Empreendedorismo 40 Hrs aulas Empreendedorismo o O que é empreendedorismo? o Síndrome do empregado o Os mandamentos do empreendedor de sucesso o E o que não é empreendedorismo? Traçando o perfil
Professor: Paulo Macos Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1
Professor: Paulo Macos Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1 Do inglês, Cascading Style Sheet, ou folha de estilo em cascata. É uma linguagem
Internet e Programação Web
COLÉGIO ESTADUAL PEDRO MACEDO Ensino Profissionalizante Internet e Programação Web 2 Técnico Prof. Cesar 2014 1 1. CSS CSS é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo,
Aula 01: Apresentação da Disciplina e Introdução a Conceitos Relacionados a Internet e WEB
Aula 01: Apresentação da Disciplina e Introdução a Conceitos Relacionados a Internet e WEB Regilan Meira Silva Professor de Informática do Campus Ilhéus Formação em Ciência da Computação com Especialização
Programando em PHP. Conceitos Básicos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web
Web Design Aula 13: Introdução a CSS
Web Design Aula 13: Introdução a CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Você lembra que HTML e XHTML são linguagens de marcação? Para organizar melhor o visual das páginas
Médio Integrado Aula 02 2014 Thatiane de Oliveira Rosa
Aplicativos Web e Webdesign Aula 02 2014 Thatiane de Oliveira Rosa 1 Roteiro Tema: Introdução ao HTML Introdução ao HTML; Tags Estruturais; Títulos; Cabeçalhos; Parágrafos; 2 HTML HTML Hypertext Markup
Web Design Aula 11: XHTML
Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft
<!DOCTYPE html PUBLIC...> <html> <head> </head> <body> </body> </html>
Estrutura de um documento criado com o Dreamweaver. (versão xhtml strict)
Conceitos de HTML 5 Aula 1
Prof. João Augusto da Silva Bueno (joao.augusto@ifsc.edu.br) Conceitos de HTML 5 Aula 1 World Wide Web É um serviço da Internet que reúne vários documentos de todas as partes do mundo e esses documentos
Internet. Prof. Ricardo Argenton Ramos. www.univasf.ed.br/~ricardo.aramos
Internet Prof. Ricardo Argenton Ramos www.univasf.ed.br/~ricardo.aramos O que é Internet? A Internet é uma rede capaz de interligar todos os computadores do mundo. O que faz a Internet tão poderosa assim
Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET WEBSITE MUNDO MULHER GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA
Introdução à Tecnologia Web 2010 HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Cabeçalho
IntroduçãoàTecnologiaWeb2010 HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCabeçalho ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
INTRODUÇÃO ÀS APLICAÇÕES PARA WEB
INTRODUÇÃO ÀS APLICAÇÕES PARA WEB Material cedido pelo prof. Francisco Dantas Nobre Neto Professor: Rhavy Maia Guedes E-mail: rhavy.maia@gmail.com, rhavymg.wordpress.com Sites vs Aplicativos Web Aplicativos
EVOLUÇÃO HISTÓRICA DA DOCUMENTAÇÃO ELETRONICA NO BRASIL. Aula 2 - Documentos eletrônicos 23/mar/2012. Prof. Apresentador: José Maria Ribeiro
EVOLUÇÃO HISTÓRICA DA DOCUMENTAÇÃO ELETRONICA NO BRASIL Aula 2 - Documentos eletrônicos 23/mar/2012 Prof. Apresentador: José Maria Ribeiro Agenda Anterior Conceitos básicos de documentação O que é um documento
HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO
HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO Djalma Gonçalves Costa Junior¹, Willian Barbosa Magalhães¹ ¹Universidade Paranaense (Unipar) Paranavaí - PR - Brasil djalma.g.costajr@gmail.com wmagalhaes@unipar.br
Introdução à Cascading Style Sheets
Estilo e Produtividade para Websites OVERVIEW História e Significado Por que usar? Como usar? Orientações ao Desenvolvedor O que é CSS? O que é CSS? Cascading Style sheets" ou "Folhas de Estilo Encadeadas
DWEB. Design para Web. Fundamentos Web I. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico Fundamentos Web I E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis qual
LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON
COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual
Desenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Desenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO
Ferramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
HTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;