O documento discute o desenvolvimento de sites web utilizando os padrões XHTML e CSS. Aborda a história da web, os padrões web, as diferenças entre HTML e XHTML, e como CSS pode ser usado para separar a apresentação do conteúdo em sites web.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
Ferramentas Livres para Desenvolvimento Webigorpimentel
O documento discute a história da web, as etapas de desenvolvimento de um site, incluindo coleta de informações, planejamento, design, desenvolvimento, testes e publicação. Também aborda as tecnologias fundamentais para desenvolvimento web como HTML, CSS, JavaScript, PHP e banco de dados MySQL.
O documento discute os conceitos básicos de HTML e XHTML, incluindo sua história, estrutura, tags e regras. Também aborda CSS, imagens e otimização para mecanismos de busca. É dividido em três módulos tratando de HTML/XHTML, CSS e imagens respectivamente.
O documento introduz os principais conceitos de HTML5, incluindo: (1) suas novas tags semânticas como <section>, <nav> e <article>; (2) seus novos recursos como vídeo, áudio e armazenamento local; e (3) como substitui o XHTML ao oferecer maior flexibilidade e retrocompatibilidade.
O documento resume uma apresentação sobre HTML5, CSS3 e JavaScript feita por Fábio Flatschart na Campus Party 2011. A apresentação discute as novas especificações e recursos introduzidos pelo HTML5, como estrutura semântica, formulários, vídeo, SVG e APIs, e como essas tecnologias permitem o desenvolvimento de aplicações web ricas. O documento também aborda compatibilidade entre navegadores e ferramentas da Adobe para suporte a HTML5.
O documento discute a história e evolução do HTML, desde sua versão 4.0 até a atual HTML5. Detalha as principais mudanças e novos recursos introduzidos na versão 5, como conectividade em tempo real, gráficos vetoriais, armazenamento offline e novas APIs. Também explica elementos como tags semânticas e como implementar estilos com CSS3, como bordas arredondadas e sombras.
O documento discute as mudanças trazidas pelo HTML5, incluindo a adição de elementos semânticos que melhor descrevem o conteúdo, como section, header e article, e a capacidade de incorporar vídeos e mídia diretamente na página sem a necessidade de plugins.
O documento apresenta uma introdução sobre XHTML e CSS com Dreamweaver CS3. Resume conceitos como:
1) XHTML é uma reformulação da linguagem HTML baseada em XML para melhorar a acessibilidade em diversos dispositivos.
2) CSS é usada para separar a formatação do conteúdo, definindo a apresentação de documentos em HTML ou XML.
3) Dreamweaver CS3 permite validar, converter e estilizar documentos usando XHTML e CSS de forma integrada.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
Ferramentas Livres para Desenvolvimento Webigorpimentel
O documento discute a história da web, as etapas de desenvolvimento de um site, incluindo coleta de informações, planejamento, design, desenvolvimento, testes e publicação. Também aborda as tecnologias fundamentais para desenvolvimento web como HTML, CSS, JavaScript, PHP e banco de dados MySQL.
O documento discute os conceitos básicos de HTML e XHTML, incluindo sua história, estrutura, tags e regras. Também aborda CSS, imagens e otimização para mecanismos de busca. É dividido em três módulos tratando de HTML/XHTML, CSS e imagens respectivamente.
O documento introduz os principais conceitos de HTML5, incluindo: (1) suas novas tags semânticas como <section>, <nav> e <article>; (2) seus novos recursos como vídeo, áudio e armazenamento local; e (3) como substitui o XHTML ao oferecer maior flexibilidade e retrocompatibilidade.
O documento resume uma apresentação sobre HTML5, CSS3 e JavaScript feita por Fábio Flatschart na Campus Party 2011. A apresentação discute as novas especificações e recursos introduzidos pelo HTML5, como estrutura semântica, formulários, vídeo, SVG e APIs, e como essas tecnologias permitem o desenvolvimento de aplicações web ricas. O documento também aborda compatibilidade entre navegadores e ferramentas da Adobe para suporte a HTML5.
O documento discute a história e evolução do HTML, desde sua versão 4.0 até a atual HTML5. Detalha as principais mudanças e novos recursos introduzidos na versão 5, como conectividade em tempo real, gráficos vetoriais, armazenamento offline e novas APIs. Também explica elementos como tags semânticas e como implementar estilos com CSS3, como bordas arredondadas e sombras.
O documento discute as mudanças trazidas pelo HTML5, incluindo a adição de elementos semânticos que melhor descrevem o conteúdo, como section, header e article, e a capacidade de incorporar vídeos e mídia diretamente na página sem a necessidade de plugins.
O documento apresenta uma introdução sobre XHTML e CSS com Dreamweaver CS3. Resume conceitos como:
1) XHTML é uma reformulação da linguagem HTML baseada em XML para melhorar a acessibilidade em diversos dispositivos.
2) CSS é usada para separar a formatação do conteúdo, definindo a apresentação de documentos em HTML ou XML.
3) Dreamweaver CS3 permite validar, converter e estilizar documentos usando XHTML e CSS de forma integrada.
O documento discute as principais mudanças e recursos introduzidos pelo HTML5, incluindo nova estrutura, elementos e atributos. Também analisa o suporte dos navegadores a esses recursos e estratégias para uso, como a detecção de recursos com Modernizr e o desenvolvimento modular dos motores de renderização. Por fim, apresenta em detalhes os novos recursos multimídia como vídeo, áudio e codecs, além de novas APIs como Storage e offline.
O documento descreve a história e o desenvolvimento da linguagem HTML. Começou como uma linguagem criada por Tim Berners-Lee na década de 1990 e ganhou popularidade com o navegador Mosaic. Desde então, passou por várias versões para aprimorar suas funcionalidades até se tornar um padrão mantido pelo W3C em 1997. O HTML5, desenvolvido pelo WHATWG, trouxe novas tags, atributos e funcionalidades para melhor integração com CSS e JavaScript.
O documento fornece um resumo sobre HTML5. Apresenta o histórico da evolução da linguagem HTML ao longo dos anos e descreve as principais novidades trazidas pela especificação HTML5, como novos elementos semânticos, formulários aprimorados, integração de mídia e APIs para desenvolvimento de aplicações web. O documento também discute questões de compatibilidade entre navegadores e fornece links para recursos adicionais sobre HTML5.
Introdução à Criação De Páginas Web Aula1marioreis
Este documento apresenta um curso sobre criação de páginas web. O curso ensina sobre a história da web, conceitos básicos como cliente-servidor e URL, e ferramentas como HTML, editores WYSIWYG e navegadores. O plano do curso inclui 5 aulas sobre elementos HTML básicos e avançados e construção de um site.
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
O documento apresenta as novidades do HTML5 em 8 capítulos, incluindo novas tags semânticas, formulários aprimorados, armazenamento offline, acesso a dispositivos e multimídia. Apresenta também CSS3 com novas propriedades para efeitos visuais e design responsivo para diferentes telas.
O documento discute as novas possibilidades trazidas pela especificação HTML5, como elementos estruturais semânticos, novos tipos de entrada para formulários, integração de mídia como vídeo e áudio, uso de canvas e SVG, e APIs que permitem novas funcionalidades para aplicações web. A especificação HTML5 evolui a web de forma modular, permitindo que recursos sejam implementados gradualmente pelos navegadores sem depender da finalização da especificação.
1. O documento descreve as principais novidades da versão HTML5, incluindo novas tags para áudio, vídeo e canvas, além de melhor suporte para armazenamento local de dados e formulários.
2. Entre as novidades, destacam-se a inclusão das tags <audio>, <video> e <canvas> para reprodução nativa de mídia, e os objetos sessionStorage e localStorage para armazenamento offline de dados.
3. Também são apresentados novos elementos semânticos como <header>, <footer>, <article> e <section>, al
Este documento apresenta uma introdução aos padrões web, cobrindo tópicos como: (1) a evolução do HTML e a "guerra dos navegadores", (2) a criação do W3C e do projeto Web Standards para estabelecer padrões, e (3) as vantagens da adoção dos padrões web, incluindo melhores resultados de busca e maior acessibilidade.
O documento apresenta uma palestra sobre HTML5. Em três frases ou menos:
HTML5 é a nova especificação do W3C para a web que introduz novos elementos, APIs e recursos multimídia como canvas e vídeo. A palestra aborda as novidades da linguagem e como desenvolvedores podem começar a usar o HTML5 agora mesmo aproveitando sua natureza modular. O palestrante Clécio Bachini é especialista em web standards e fundador da empresa Soyuz Sistemas.
Introdução ao Desenvolvimento com Padrões Web: XHTML EssencialMarcelo Andrade
O documento introduz os padrões web, explicando que eles garantem a acessibilidade e usabilidade dos sistemas web independentemente do navegador. Também aborda a evolução dos padrões desde os primórdios da web até o XHTML, que definiu regras rígidas de codificação para assegurar a renderização correta independentemente de eventuais erros no código.
O documento apresenta as principais novidades da especificação HTML5, incluindo novos elementos semânticos, formulários aprimorados, integração de mídia como áudio e vídeo, o canvas para desenho, e APIs que fortalecem o desenvolvimento do lado do cliente. O palestrante Clécio Bachini discute como o HTML5 é a evolução natural da web, não uma ruptura, e como proporciona marcação semântica e compatibilidade multiplataforma.
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
O documento fornece instruções para construir layouts sem tabelas utilizando tags <div> e CSS. Explica os 6 passos para criar o layout: 1) escolher os blocos, 2) nomeá-los, 3) criar a marcação HTML, 4) posicionar os blocos com CSS, 5) adicionar conteúdo, 6) criar menu dropdown. Também discute como tornar o layout responsivo e acessível em diferentes dispositivos.
Engagement in Digital Contexts of Language LearningLuciana Viter
This document summarizes a master's dissertation that investigated the implementation of digital activities in an English for Academic Purposes course and the students' engagement in these activities. The study examined factors that positively or negatively influenced the success of integrating digital content from the perspectives of students, a teacher, and monitor. Both favorable and unfavorable factors for student engagement were identified. Favorable factors included digital mediation of content, diversity of activity formats, interactions with instructors, and continuous assessment. Unfavorable factors included limitations of digital formats, an imbalance between online and face-to-face activities, interactions without instructor mediation, complex or high volume activities, and difficulties with time management. The study found contradictions between less online activities
Este documento apresenta os conceitos básicos sobre desenvolvimento de sites, incluindo o que é um domínio, como registrar um domínio, as diferenças entre domínios .com e .com.br, o que é um servidor de hospedagem e as diferenças entre servidor de hospedagem, revenda de hospedagem, cloud computing e servidor dedicado.
O documento discute as principais mudanças e recursos introduzidos pelo HTML5, incluindo nova estrutura, elementos e atributos. Também analisa o suporte dos navegadores a esses recursos e estratégias para uso, como a detecção de recursos com Modernizr e o desenvolvimento modular dos motores de renderização. Por fim, apresenta em detalhes os novos recursos multimídia como vídeo, áudio e codecs, além de novas APIs como Storage e offline.
O documento descreve a história e o desenvolvimento da linguagem HTML. Começou como uma linguagem criada por Tim Berners-Lee na década de 1990 e ganhou popularidade com o navegador Mosaic. Desde então, passou por várias versões para aprimorar suas funcionalidades até se tornar um padrão mantido pelo W3C em 1997. O HTML5, desenvolvido pelo WHATWG, trouxe novas tags, atributos e funcionalidades para melhor integração com CSS e JavaScript.
O documento fornece um resumo sobre HTML5. Apresenta o histórico da evolução da linguagem HTML ao longo dos anos e descreve as principais novidades trazidas pela especificação HTML5, como novos elementos semânticos, formulários aprimorados, integração de mídia e APIs para desenvolvimento de aplicações web. O documento também discute questões de compatibilidade entre navegadores e fornece links para recursos adicionais sobre HTML5.
Introdução à Criação De Páginas Web Aula1marioreis
Este documento apresenta um curso sobre criação de páginas web. O curso ensina sobre a história da web, conceitos básicos como cliente-servidor e URL, e ferramentas como HTML, editores WYSIWYG e navegadores. O plano do curso inclui 5 aulas sobre elementos HTML básicos e avançados e construção de um site.
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
O documento apresenta as novidades do HTML5 em 8 capítulos, incluindo novas tags semânticas, formulários aprimorados, armazenamento offline, acesso a dispositivos e multimídia. Apresenta também CSS3 com novas propriedades para efeitos visuais e design responsivo para diferentes telas.
O documento discute as novas possibilidades trazidas pela especificação HTML5, como elementos estruturais semânticos, novos tipos de entrada para formulários, integração de mídia como vídeo e áudio, uso de canvas e SVG, e APIs que permitem novas funcionalidades para aplicações web. A especificação HTML5 evolui a web de forma modular, permitindo que recursos sejam implementados gradualmente pelos navegadores sem depender da finalização da especificação.
1. O documento descreve as principais novidades da versão HTML5, incluindo novas tags para áudio, vídeo e canvas, além de melhor suporte para armazenamento local de dados e formulários.
2. Entre as novidades, destacam-se a inclusão das tags <audio>, <video> e <canvas> para reprodução nativa de mídia, e os objetos sessionStorage e localStorage para armazenamento offline de dados.
3. Também são apresentados novos elementos semânticos como <header>, <footer>, <article> e <section>, al
Este documento apresenta uma introdução aos padrões web, cobrindo tópicos como: (1) a evolução do HTML e a "guerra dos navegadores", (2) a criação do W3C e do projeto Web Standards para estabelecer padrões, e (3) as vantagens da adoção dos padrões web, incluindo melhores resultados de busca e maior acessibilidade.
O documento apresenta uma palestra sobre HTML5. Em três frases ou menos:
HTML5 é a nova especificação do W3C para a web que introduz novos elementos, APIs e recursos multimídia como canvas e vídeo. A palestra aborda as novidades da linguagem e como desenvolvedores podem começar a usar o HTML5 agora mesmo aproveitando sua natureza modular. O palestrante Clécio Bachini é especialista em web standards e fundador da empresa Soyuz Sistemas.
Introdução ao Desenvolvimento com Padrões Web: XHTML EssencialMarcelo Andrade
O documento introduz os padrões web, explicando que eles garantem a acessibilidade e usabilidade dos sistemas web independentemente do navegador. Também aborda a evolução dos padrões desde os primórdios da web até o XHTML, que definiu regras rígidas de codificação para assegurar a renderização correta independentemente de eventuais erros no código.
O documento apresenta as principais novidades da especificação HTML5, incluindo novos elementos semânticos, formulários aprimorados, integração de mídia como áudio e vídeo, o canvas para desenho, e APIs que fortalecem o desenvolvimento do lado do cliente. O palestrante Clécio Bachini discute como o HTML5 é a evolução natural da web, não uma ruptura, e como proporciona marcação semântica e compatibilidade multiplataforma.
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
O documento fornece instruções para construir layouts sem tabelas utilizando tags <div> e CSS. Explica os 6 passos para criar o layout: 1) escolher os blocos, 2) nomeá-los, 3) criar a marcação HTML, 4) posicionar os blocos com CSS, 5) adicionar conteúdo, 6) criar menu dropdown. Também discute como tornar o layout responsivo e acessível em diferentes dispositivos.
Engagement in Digital Contexts of Language LearningLuciana Viter
This document summarizes a master's dissertation that investigated the implementation of digital activities in an English for Academic Purposes course and the students' engagement in these activities. The study examined factors that positively or negatively influenced the success of integrating digital content from the perspectives of students, a teacher, and monitor. Both favorable and unfavorable factors for student engagement were identified. Favorable factors included digital mediation of content, diversity of activity formats, interactions with instructors, and continuous assessment. Unfavorable factors included limitations of digital formats, an imbalance between online and face-to-face activities, interactions without instructor mediation, complex or high volume activities, and difficulties with time management. The study found contradictions between less online activities
Este documento apresenta os conceitos básicos sobre desenvolvimento de sites, incluindo o que é um domínio, como registrar um domínio, as diferenças entre domínios .com e .com.br, o que é um servidor de hospedagem e as diferenças entre servidor de hospedagem, revenda de hospedagem, cloud computing e servidor dedicado.
O documento discute o conceito de computação em nuvem, suas vantagens e desvantagens. Explora como a computação em nuvem oferece comodidade e mobilidade aos usuários, permitindo acesso a arquivos de qualquer lugar. Também aborda como as empresas usam a nuvem para armazenamento de dados e como os grandes volumes de dados, ou Big Data, são analisados e transformados em informações valiosas.
O documento discute o conceito de computação em nuvem, listando suas vantagens como acesso a arquivos e aplicativos de qualquer lugar com internet e sem necessidade de instalação local, e suas desvantagens como dependência de conexão com a internet. Ele também lista alguns dos principais serviços de computação em nuvem como Google Drive, SkyDrive e Dropbox e suas ofertas de armazenamento grátis.
El documento contiene repetidas entradas de información sobre una clase impartida por Alexandre Azevedo el 2 de junio de 2015 a un grupo entre las páginas 44 y 51, con instrucciones recurrentes de editar el título.
O documento discute os tópicos da aula sobre utilização da internet, incluindo programas de mensagens, gerenciadores de e-mail, comunicação online, computação em nuvem e programas portáteis. O documento fornece detalhes sobre os primeiros programas de mensagens, dicas sobre redes sociais e segurança online, e explora browsers e ferramentas de navegação.
O documento apresenta uma aula sobre como funciona a internet, abordando tópicos como vírus, sistemas operacionais, antivírus, redes de computadores e suas topologias. O instrutor Ricardo Paladini Matos ministrou a aula para a turma 7005-C em 08-03-2014.
Curso de HTML5 com @zarathon
Aula01 - Introdução ao HTML
- Link para a video-aula : http://youtu.be/GL_ULlrwUMI
Inscrevam-se no canal para ficar sempre informado de quando sair um conteúdo novo!
Me sigam no twitter para mais informações: @zarathon
Dúvidas, críticas deixem nos comentários... Responderei a todos com muita satisfação!
O documento descreve brevemente a história da Web, como funciona o modelo cliente-servidor, e introduz as tecnologias (X)HTML e CSS. (X)HTML é usado para estruturar páginas web através de tags, enquanto CSS é usado para definir a apresentação/formatação desse conteúdo através de folhas de estilo. Propriedades CSS comuns como cores, fontes e dimensões são explicadas.
Introdução a Wordpress - David Arty - SENACDavid Arty
O documento discute as camadas da web, incluindo HTML para conteúdo, CSS para estilo e JavaScript para dinamismo. CMS (sistemas de gerenciamento de conteúdo) como WordPress, Joomla e Drupal permitem criar sites dinâmicos sem necessidade de programação aprofundada.
Saiba como a Web Semântica (Web 3.0) vem se tornando cada vez mais uma realidade com a chegada do HTML 5 e conheça o que essa nova versão da linguagem de marcação tem de diferente das anteriores e quais as vantagens que nos traz. Com Edu Agni, diretor de Arte Online, e especialista em Semântica e Web Standards.
O documento discute o XHTML, incluindo sua definição como uma linguagem de marcação que combina HTML e XML. Explora quando e por que o XHTML surgiu e suas vantagens em relação ao HTML. Também aborda o W3C, que desenvolve padrões para a criação de conteúdo na web, e elementos básicos para criar arquivos XHTML, como estrutura, DOCTYPES e tags.
O documento apresenta uma introdução sobre CSS e JavaScript para desenvolvimento de aplicações web. Resume os principais tópicos de CSS como separação de estilo e conteúdo, tipos de folhas de estilo e sintaxe básica. Também resume conceitos iniciais de JavaScript como linguagem do lado do cliente e interação com HTML.
O documento descreve os conceitos básicos de HTML, incluindo sua criação por Tim Berners-Lee para permitir a inserção de conteúdo e estrutura básica na web. Explica como HTML, CSS e JavaScript trabalham juntos para criar sites modernos, com HTML fornecendo a estrutura, CSS o estilo e JavaScript a interatividade.
Desenvolvimento Web 03 - David Arty - SENACDavid Arty
O documento discute as camadas da web, incluindo HTML para conteúdo, CSS para estilo e JavaScript para dinamismo. Explica que HTML usa tags para estruturar informações, CSS controla a aparência usando seletores, propriedades e valores, e JavaScript adiciona comportamento interativo.
Padrões Web são normas estabelecidas pela W3C para construção e interpretação de conteúdo na web. Os principais padrões são XHTML, CSS, XML e DOM. Seguir padrões traz benefícios como manutenção facilitada de código, baixo custo, velocidade e acessibilidade em qualquer dispositivo.
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que definem o formato.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo, definidos em folhas de estilo externas para facilitar manutenção.
3) O documento explica elementos básicos de HTML como tags, hiperlinks, imagens e tabelas, e conceitos de CSS como seletores, propriedades e valores
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que formatam o conteúdo.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo visual, definindo regras de estilo em folhas externas aplicáveis a vários documentos.
3) O documento fornece exemplos básicos de como usar tags HTML comuns e como criar regras CSS para definir propriedades de est
O documento discute os principais conceitos da Web 2.0, incluindo sua evolução, tecnologias envolvidas e oportunidades de mercado. Aborda tópicos como a história da web, modelos de desenvolvimento, linguagens como HTML, CSS e JavaScript e padrões como W3C.
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
O documento discute os conceitos básicos de HTML, incluindo:
1) O que é HTML e como é usado para estruturar páginas da web;
2) As principais tags HTML como <head>, <body>, <h1>, <p>, <img>;
3) Como adicionar estilos a páginas HTML usando CSS.
O documento apresenta as principais tecnologias para desenvolvimento web: HTML para estrutura e significado do conteúdo, JavaScript para lógica e interatividade, e CSS para estilização visual. O HTML define a estrutura básica da web, enquanto JavaScript e CSS adicionam funcionalidade e apresentação, respectivamente. CSS complementa HTML para permitir uma apresentação amigável ao usuário.
html, css e java script - renato araujoorenatoaraujo
Este documento fornece uma breve introdução sobre HTML, CSS e JavaScript. Apresenta os criadores e evolução das linguagens, características principais e boas práticas para seu uso. Sites de referência para aprendizado também são listados no final.
Desenvolvimento Web 02 - David Arty - SENACDavid Arty
O documento discute as camadas da web, especificamente HTML, CSS e JavaScript. Explica que HTML é usado para estruturar e apresentar conteúdo, CSS é usado para estilizar a apresentação e JavaScript é usado para adicionar comportamentos dinâmicos.
Desenvolvimento Web 01 - David Arty - SENACDavid Arty
O documento discute os principais conceitos do desenvolvimento web sem o uso de tabelas (tableless) para disposição de conteúdo, e como HTML, CSS e JavaScript atuam juntos para estruturar, estilizar e dinamizar páginas da web.
Semelhante a Desenvolvimento de sites com xhtml e css nos (20)
1. Desenvolvimento de sites
com XHTML e CSS nos
padrões web
Vinícius rocha Olivieri
Discente do Curso de Bacharelado em
Ciência da Computação do CUA/UFMT
2. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
Introdução
A Web foi criado em 1989, por Tim Berners-Lee, para ser
um padrão de publicação e distribuição de textos
científicos e acadêmicos.
Aproximadamente entre 1995 e 1999 houve a
chamada “Guerra dos Browsers”, onde a Netscape (e
seu Browsers de mesmo nome) e a Microsoft (com o seu
Internet Explorer) disputavam o mercado de
navegadores.
Além de não darem suporte aos padrões do recém
criado World Wide Web Consortium (W3C), ainda
criavam seus próprios padrões, aumentando a
bagunça.
4. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
Histórico da Web
Web 1.0 Web 2.0
Conteúdo estático Conteúdo dinâmico
Utilização de tabelas para
Utilização de CSS e Tableless
posicionar e alinhar os
para posicionar elementos
elementos em uma página.
Conteúdo fornecido e Conteúdo pode ser
editado por apenas uma elaborado e editado com
pessoa colaboração dos usuários
Sem utilização de padrões de Utilização de padrões de
desenvolvimento desenvolvimento
6. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
Padrões Web
Conjunto de normas, diretrizes, recomendações, notas,
artigos, tutoriais e afins de caráter técnico, produzidos
pelo W3C e destinados a orientar fabricantes,
desenvolvedores e projetistas para o uso de práticas
que possibilitem a criação de uma Web acessível a
todos, independentemente dos dispositivos usados ou
de suas necessidades especiais.
W3C (World Wide Web Consortium) é um consórcio de
empresas de tecnologia. Fundado por Tim Berners-Lee
em 1994 para levar a Web ao seu potencial máximo.
Web Standards Project (WSP): grupo formado em 1998
com o objetivo de promover os Padrões Web.
8. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
Sem Padrões Com Padrões
Extensão da Mídia Impressa Acessível de qualquer dispositivo
Layout baseado em Tabelas Layout baseado em CSS
Conteúdo, Apresentação e Separação entre conteúdo,
Comportamento aninhados Apresentação e comportamento
Código Incompreensível Código Acessível
Carregamento mais rápido Carregamento mais lento
Menores custos com hospedagem Maiores custos com hospedagem
Maior acessibilidade e
Acessibilidade reduzida
interoperabilidade
9. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
Tableless x Padrões Web
Tableless é um termo que ficou muito popular no Brasil,
e que acaba por confundir muita gente.
Tableless significa (resumidamente) um site
desenvolvido sem o antiquado uso das tabelas para
organizar o layout, e sim usando CSS.
Criar um site Tableless não significa que esteja seguindo
os Padrões Web, que vão muito além de um código
válido, e tem preocupações maiores como a
Semântica e a Acessibilidade.
10. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
HTML
HTML ou HyperText Markup Language é uma linguagem
de marcação, utilizada para construir a camada visual
de páginas web.
Sua função é dar um valor semântico e estruturar todo
o conteúdo de um documento.
É o que define o conteúdo visualizado na tela
Toda linguagem de programação web interage com
HTML, por esses motivos todo profissional que se preza
(redatores, designers, programadores etc) conhece
bem a sua sintaxe.
Compõe a estrutura de uma página através de
etiquetas (tags) e atributos.
11. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
HTML
Essa linguagem de marcação baseia-se em etiquetas
(tags) com valor semântica, englobando trechos de
conteúdo dotando-os de sentido e valor.
Uma tag nada mais é do que um comando HTML com
um ponto inicial (abertura) e um ponto final
(fechamento).
ESTRUTURA DE UMA TAG
<TAG>¹ Conteúdo a ser Formatado </TAG>²
¹ Início da TAG | ² Fim da TAG
12. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
HTML
Estrutura básica de um documento
<html>
<head>
<title> Título do Documento</title>
</head>
<body>
texto, imagem, links, ...
</body>
</html>
13. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
XHTML
O (X)HTML, ou eXtensible Hypertext Markup Language,
é uma reformulação da linguagem de marcação HTML
baseada em XML.
Criada para suprir a falta de flexibilidade do HTML.
Separação do conteúdo da formatação.
Pode ser interpretado por qualquer dispositivo,
independentemente da plataforma utilizada, pois as
marcações possuem sentido semântico para as
máquinas.
Semântica refere-se ao estudo do significado, Quando
utilizamos cada marcação para o que ela realmente foi
criada, estamos construindo um “Código Semântico”.
14. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
HTML XHTML
Não há tanta rigidez na criação de
Documentos devem ser bem-formados
documentos
As tag podem ser escritas em letras Todas as tags devem ser escritas com
maiúsculas e/ou minúsculas letras minúsculas
Tags devem estar convenientemente
Tags não necessitam estar aninhadas
aninhadas
Não é obrigatório o uso de tags de Uso de tags de fechamento é
fechamento obrigatório
Não é necessário o fechamento de
Elementos vazios devem ser fechados
elementos vazios
15. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
CSS
Cascading Style Sheets (ou simplesmente CSS) é uma
linguagem de estilo utilizada para definir a
apresentação de documentos escritos em uma
linguagem de marcação, como HTML ou XML.
Seu principal benefício é prover a separação entre o
formato e o conteúdo de um documento.
Pode-se definir apresentações especificas para
diferentes dispositivos (TVs, Celulares e PDAs,
Impressoras, etc.) apenas criando folhas de estilo
alternativas.
16. Desenvolvimento de sites com XHTML e CSS
utilizando os padrões WEB
CSS
Uma folha de estilo consiste de uma lista de regras,
onde cada regra ou conjunto de regras consiste de um
ou mais seletores e um bloco de declaração.
Cada declaração em si é uma propriedade, dois
pontos (:), um valor, então um ponto e vírgula (;).
Seletores são usados para declarar a quais elementos
de marcação um estilo se aplica, uma espécie de
expressão correspondente.
Estrutura de um seletor
seletor { propriedade: valor }
h1 { color: green }