Introdução ao HTML e CSS

Uma página visualizada na web é composta de três componentes: texto, referencias a outros arquivos e marcação.

Resumo sobre a Internet

O que acontece quando acessamos um site?

Antes de começarmos a digitar códigos em HTML e CSS é importante termos uma noção geral de como funciona o acesso aos sites na Internet e as diferentes maneiras de acesso e algumas terminologias.

Terminologias

O que são Navegadores ou Browsers?

Acessamos os sites por meio de um software chamado Web Browser. Exemplos populares incluem o Firefox, Internet Explorer, Safari, Chrome e Opera. Para visualizar uma página na web, os usuários devem digitar um endereço web de seus navegadores, ou seguir um link de um outro site ou usar um marcador.

Os criadores de software geralmente lançam novas versões de navegadores, com novas ferramentas e suporte a novas linguagens e melhorias. O mesmo acontece com as linguagem de programção e marcação de texto, incluindo é claro o HTML e o CSS. É importante, lembrar que muitos dos donos de computadores não estarão rodando com as últimas versões desses navegadores. Portanto, a gente não pode confiar que todos os visitantes do nosso site sejam capazes de usar as últimas funcionalidades oferecidas em todos os navegadores. Vamos aprender a identificar que tipo de navegador e qual versão os usuários estão usando para acessar o nosso site futuramente.

O que é um Web Server?

Quando você entra no seu navegador e solicita por uma página na Web uma requisição é enviada através da internet para um computador especial conhecido como Web Server ou Servidor Web que são computadores especiais conectados à internet 24 horas por dia todos os dias e são otimizados para enviar páginas web para qualquer pessoa que solicite elas. Algumas companias muito grandes possuem seus próprios servidores web, mas é muito mais comum usar os serviços de uma companhia de hospedagem que cobra uma taxa para hospedar o seu site.

Quais são os dispositivos usados para acessar a internet?

As pessoas estão acessando sites com uma gama muito ampla de dispositivos, incluindo Computadores Desktop, Laptops, Tablets e Smartphones é importante lembrar que vários dispositivos têm diferenças no tamanho das telas e alguns deles têm conexões com a internet melhores do que outros.

O que são leitores de tela?

São programas que leem o conteúdo de uma tela de computador para o usuário. Eles são frequentemente utilizados por pessoas com problemas visuais. Da mesma forma que muitos países têm legislações que requerem que prédios públicos sejam acessíveis àqueles com necessidades especiais, muitas leis também passaram a requerer que sites na web sejam acessíveis as pessoas com necessidades especiais. A gente vai aprender diversas técnicas para implementar essas acessibilidades em nossos sites.

Como os sites que você visualiza na internet são criados?

Todos os sites usam HTML e CSS. Mas sites com CMS (Content Management Systems) software de blog e plataformas e-commerce geralmente adicionam mais algumas tecnologias e vira uma mistureba. O que você vê quando você olha para um web site? Na maior parte das vezes, seu navegador estará recebendo HTML e CSS de um servidor web que hospeda o site. O Navegador Web interpreta HTML e CSS para criar a página que você vê. Muitas páginas também incluem conteúdo extra, como imagens, áudio, vídeo, animações e você irá aprender como preparar elas para a web e como inseri-las nas suas páginas. Alguns sites também enviam Java Script ou Flash para seu computador e sim vamos ver como adicionar essas funcionalidades no decorrer do curso. Mas lembro que essas tecnologias são tópicos mais avançados e dominar o HTML e CSS é necessário para entendê-las. Isso se você quiser. É possível criar sites incríveis usando apenas HTML e CSS.

Sites maiores e mais complexos podem usar um banco de dados para armazenar dados e linguagens de programação como PHT, ASP.NET, Java, o Ruby nos Servidores Web.

HTML5 e CSS3

Desde que as páginas web foram criadas, houve muitas e muitas versões de HTML e CSS, cada uma com a intenção de prover um melhoramento na versão anterior. O histórico de versões não importa basta sabermos que está o HTML está na versão 5 e o CSS na versão 3.

Devido ao fato de que HTML5 e CSS3 são construídas em cima de versões anteriores dessas linguagens. Aprender ela significa que você será capaz de entender as versões anteriores.

Como funciona o acesso?

Quando você visita um site hospedado em um Servidor Web este site pode estar em qualquer lugar do mundo para você poder encontrar a localização, o seu navegador irá se conectar primeiro a um servidor DNS (Domain Name System). É o servidor DNS que diz ao seu navegador como encontrar o site que você está querendo acessar.

Primeiro, você se conecta à web. Para isso, você precisa de um provedor de serviços de internet ou IPS (Internet Service Provider). Você digita um domínio Ou o endereço de um site no seu navegador por exemplo: estudoemserie.com e seu computador, entra em contato com uma rede de servidores chamado DNS. Esses atuam como listas telefônicas, eles dizem ao seu computador o endereço IP associado com o domínio que você está requisitando. O endereço IP é um número de 12 dígitos, separados por pontos. Sem espaços. Cada dispositivo conectado à internet tem um endereço de IP único, que é como se fosse o número de telefone de cada computador.

O único número que o servidor DNS retorna para o seu computador permite que o seu navegador entre em contato com o servidor web que hospeda o site que você está querendo acessar.

Referências:

Duckett, J. (2011). “HTML and CSS: Design and Build Websites.” Hoboken, NJ: Wiley.

VISUAL QUICKSTART GUIDE HTML 5 and CSS3 Seventh Edition, Elizabeth Castro, Bruce Hyslop

Was this helpful?

1 / 0

Compartilhe

[amount] estão lendo esse conteúdo agora.