Aprendendo Web Design Básico

O que é CSS  Aprendemos que HTML é a linguagem que estrutura os documentos web, pode ser considerado a espinha dorsal dos documentos web. Da mesma forma, que o html é considerado a espinha dorsal ou estrutura básica dos sites,  CSS (Cascading Style Sheets "Folhas de Estilo em Cascata") é a linguagem responsável por estilizar, colorir e organizar o leiaute da visualização do documento web.  Podemos utilizar uma analogia com o corpo humano para entendermos melhor o papel das CSS em uma página web: Assim como a estrutura para o nosso corpo é o nosso esqueleto, em um documento web esse "esqueleto" seria o código HTML, por cima desse esqueleto recebemos outras camadas como músculos, tecidos e pele...  essas camadas que dão forma ao nosso corpo, podem ser comparadas às folhas de estilo em cascata (CSS) que em nossos códigos nos permitem dentre outras coisas: alterar a cor dos elementos em um documento, alterar a cor de fundo, adicionar imagens ou padrões  de fundo, ed...

A sua página não precisa ser em preto e branco, nem conter somente texto Na postagem de hoje teremos uma visão geral de como deixar o seu conteúdo mais atraente e destacar o que você deseja transmitir através do estilo da sua página. Estilo se refere a como o conteúdo é apresentado visualmente na tela e envolve tipos de fontes, cor, cor de fundo, tamanho de fontes e elementos, bordas, sublinhados, contraste, posicionamento e muito mais. Exemplo de estilização de elementos em html O argumento style A primeira forma de estilizar elementos no html que veremos é através do atributo style, que deve ser colocado dentro da tag de abertura do elemento que deverá ser estilizado. Depois do argumento devemos inserir sem espaço, um sinal de igual e abrir e fechar aspas duplas "", entre as aspas duplas podemos digitar qualquer característica ou atributo que queremos estilizar em nosso elemento; Veremos algumas características ou atributos que podemos alterar em nossos elementos: cor cor d...

Aprendendo html pelo seu smartphone Se você não possui computador, ainda assim é possível aprender html, através do seu smartphone. Tudo que você precisará é de um navegador de internet e acessar algum site que forneça ferramentas de edição e exibição web (html, css e javascript). Visual do site Codepen (editor online de código) Algumas opções gratuitas desses sites são:  Playground | MDN (mozilla.org)  (pode não funcionar em celulares ou navegadores mais antigos) https://codepen.io/  (funciona bem em diversos aparelhos e navegadores) JSFiddle - Code Playground  (pode não funcionar bem em aparelhos antigos e de tela pequena) Glitch: The friendly community where everyone builds the web  (funciona bem, mas pode ser um pouco confuso de entender a interface no início) Embora sejam todas opções gratuitas, algumas, poderão oferecer melhorias ou recursos extras que são pagos, o que não inviabiliza a utilização básica para a finalidade de aprendizado. Uma má notícia par...